2.0.9 PreRelease Version

templates/app/app.css

@@ -293,6 +293,11 @@ input[type=range] {
 
   }
  
+  .patchInfo {
+
+    padding: 5%;
+    margin: 0;
+  }
 
 .secondary {
 
@@ -390,7 +395,7 @@ input[type=range] {
 
 .infoVersion {
 
-    color: rgb(31, 30, 30);
+    color: rgb(255, 255, 255);
     text-align: center;
     font-size: 10px;
 
@@ -497,4 +502,20 @@ input[type=range] {
 .cp {
 
     margin: 0;
+}
+
+.devversion {
+
+    position: absolute;
+    bottom: 0;
+    font-size: 10px;
+    text-align: center;
+    width: 100%;
+    background-color: red;
+    color: white;
+}
+
+.devversion p {
+    position: relative;
+    bottom: -6px;
 }

templates/app/app.html

@@ -48,6 +48,7 @@
                 <span id="username"></span>
             </div>
             <div class="act">
+                <button id="patchnote" class="settings"><i class="fas fa-sticky-note"></i></button>
                 <button id="settings" class="settings"><i class="fas fa-gear"></i></button>
                 <button id="signout" class="signout"><i class="fas fa-sign-out"></i></button>
             </div>
@@ -94,11 +95,21 @@
         </div>
        
         
+    </dialog>
+    <dialog id="patchDialog" class="menu">
+        <div class="menuheader">
+            <p class="listHeader"><i style="margin-right: 3px" class="fas fa-sticky-note"></i> Patch Note</p>
+            <button class="buttonClose" id="patchClose"><i class="fas fa-times"></i></button>
+        </div>
+        <span class="patchInfo" id="patchInfo">
+
+        </span>
     </dialog>
     <div class="infoVersion">
         <p class="cp">Submanager - Version <span id="version"></span></p>
         <p style="margin: 0;">Fait avec 💖 par Raphix</p>
     </div>
+    <span class="devversion" id="devversion"></span>
     
 
     <script src="../common/bundle.js"></script>

templates/app/app.js

@@ -33,6 +33,12 @@ const stDialog = document.getElementById("stDialog")
 const settings = document.getElementById("settings")
 const stClose = document.getElementById("stClose")
 
+const patchDialog = document.getElementById("patchDialog")
+const patchnote = document.getElementById("patchnote")
+const patchClose = document.getElementById("patchClose")
+const patchInfo = document.getElementById("patchInfo")
+
+
 const volCursor = document.getElementById("volCursor")
 const volPct =  document.getElementById("volPct")
 const restart = document.getElementById("restart")
@@ -44,11 +50,28 @@ restart.addEventListener("click", () => {
 
 })
 
+if(packageJson.dev == true) {
+
+    document.getElementById("devversion").innerHTML = "<p>Cette version est expérimentale.<br> En cas de bug, prévenez Raphix#8343</p>"
+}
+
 var durationAll = 0
 var durationProgress = 0
 var isPlaying = false
 
 
+patchnote.addEventListener("click", () => {
+
+    patchDialog.showModal()
+    const data = fs.readFileSync(__dirname + require("path").sep + "../../infoupdate.html")
+    patchInfo.innerHTML = data
+
+})
+
+patchClose.addEventListener("click", () => {
+
+    patchDialog.close()
+})
 
 settings.addEventListener("click", () => {
 

templates/common/common.css

@@ -3,7 +3,7 @@
 
 body {
 
-    background-color: #92bcea !important;
+    background-color: #171717 !important;
     font-family: 'Open Sans', sans-serif !important; 
     
 }
@@ -19,6 +19,7 @@ body {
     width: 100%;
     padding: 5% !important;
     padding-bottom: 0% !important;
+    color: white;
 }