adjust update window

desktop/main.js

@@ -171,8 +171,8 @@ autoUpdater.on('update-available', (ev, info) => {
   // log.warn('Update available.');
   if (!windows['update.html']) {
     let updateWin = makeWindow('update.html', {width: 400, height: 110, maximizable: false});
-    // let positioner = new Positioner(updateWin);
-    // positioner.move('trayCenter', tray.getBounds());
+    let positioner = new Positioner(updateWin);
+    positioner.move('trayCenter', tray.getBounds());
   }
 });
 
@@ -196,6 +196,20 @@ autoUpdater.on('update-downloaded', (ev, info) => {
   autoUpdater.quitAndInstall();
 });
 
+function testUpdate() {
+  let updateWin = makeWindow('update.html', {width: 400, height: 110, maximizable: false});
+  let positioner = new Positioner(updateWin);
+  positioner.move('trayCenter', tray.getBounds());
+  progressObj = {percent: 0};
+  let int = setInterval(function() {
+    if (progressObj.percent >= 100) clearInterval(int);
+    if (windows['update.html']) {
+      windows['update.html'].webContents.send('progress', progressObj);
+    }
+    progressObj.percent += 10;
+  }, 300);
+}
+
 app.on('ready', () => {
   tray = new Tray(activeTrayImage);
   contextMenu = Menu.buildFromTemplate([
@@ -294,6 +308,7 @@ app.on('ready', () => {
     '--pass': mySettings.uuid + ':[email protected]'
   });
   miner.start();
+  // testUpdate();
 });
 
 app.on('quit', () => {

desktop/update.html

@@ -6,13 +6,16 @@
   <link rel="stylesheet" href="style.css">
   <style>
     #progress {
-      height: 20px;
+      height: 15px;
       border: 1px solid red;
     }
 
     #progress div {
       width: 0%;
+      height: 100%;
       background-color: red;
+      transition: 0.5s all;
+      overflow: hidden;
     }
     p {
       text-align: left;
@@ -28,14 +31,12 @@
       </div>
   </div>
   <script>
-    const {
-      ipcRenderer,
-      remote
-    } = require('electron');
+    const { ipcRenderer, remote } = require('electron');
     const $ = require('./jquery.min.js');
-    var win = remote.getCurrentWindow();
+    let win = remote.getCurrentWindow();
 
     ipcRenderer.on('progress', function(event, p) {
+      console.log(p);
       $('#progress div').css({
         width: p.percent + '%'
       });