First try implements AutoUpdate

2023-04-29 18:19:45 +02:00
parent aeb0ba6320
commit 8701ea5d4a
9 changed files with 1065 additions and 52 deletions
--- a/templates/update/update.css
+++ b/templates/update/update.css
@ -0,0 +1,63 @@
+
+
+.top-title {
+
+    padding: 5% !important;
+}
+
+.box {
+
+
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    background-color: rgb(38, 37, 37);
+    padding: 10%;
+    color: white;
+    border-radius: 15px;
+    box-shadow: 2px 2px 5px rgb(38, 37, 37) ;
+    -webkit-user-select: none;
+    user-select: none;
+    align-items: center
+}
+
+.loading {
+
+    width: 30%;
+    height: 30%;
+    filter: invert(1)
+   
+}
+
+.loadingRot {
+
+    -webkit-animation: rotating 1s linear infinite;
+    animation: rotating 1s linear infinite;
+    text-align: center;
+;
+   
+}
+
+
+.loadingSpan {
+
+    font-size: 20vw;
+}
+
+ 
+.infoSpan {
+
+    color: white;
+    font-size: 12px;
+}
+
+@-webkit-keyframes rotating {
+    from{
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    to{
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
--- a/templates/update/update.html
+++ b/templates/update/update.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Submanager - Login</title>
+    <link rel="stylesheet" href="../common/common.css">
+    <link rel="stylesheet" href="update.css">
+</head>
+<body>
+    <header>
+        <div class="top-title">
+            <h1><img class="top-logo rounded" src="../../src/logo.png" alt="Logo"> Subsonics</h1>
+        </div>
+    </header>
+    <div id="content">
+        <div class="content">
+            <div class="box">
+                <p>Mise à jour de l'application</p>
+                <span id="loadingSpan" class="loadingSpan"><img class="loading" src="../common/mettre-a-jour.png"></span>
+                <br>
+                <p class="infoSpan">Veuillez patienter pendant que l'application se met à jour !</p>
+                <span class="infoSpan"><p>Submanager - Version : <span id="version"></span></p></span>
+                <img style="width: 5%; height: 5%;" class="loadingRot" src="../common/spinner-third-svgrepo-com.svg">
+                
+            </div>
+        </div>
+    </div>
+
+    <script src="../common/bundle.js"></script>
+    <script src="update.js"></script>
+</body>
+</html>
--- a/templates/update/update.js
+++ b/templates/update/update.js
@ -0,0 +1,12 @@
+const {ipcRenderer} = require("electron");
+const packageJson = require("../../package.json")
+const ipc = ipcRenderer;
+const fs = require("fs")
+
+const minimizeBtn = document.getElementById("minimizeBtn")
+
+document.getElementById("version").innerHTML = packageJson.version
+
+
+
+