add update download progress

aiplugs · Jun 10, 2020 · 232c74d · 232c74d
1 parent 3ee595f
commit 232c74d
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 0 deletions.
diff --git a/src/Aiplugs.PoshApp/ElectronIpc.cs b/src/Aiplugs.PoshApp/ElectronIpc.cs
@@ -169,6 +169,12 @@ public static void Setup(ScriptsService scriptsService)
                 Electron.AutoUpdater.QuitAndInstall();
             });
 
+            Electron.AutoUpdater.OnDownloadProgress += (info) =>
+            {
+                var mainWindow = Electron.WindowManager.BrowserWindows.First();
+                Electron.IpcMain.Send(mainWindow, "update-downloading", info.Percent);
+            };
+
             Electron.AutoUpdater.OnUpdateDownloaded += (info) =>
             {
                 var mainWindow = Electron.WindowManager.BrowserWindows.First();

diff --git a/src/Aiplugs.PoshApp/Views/Shared/Index.cshtml b/src/Aiplugs.PoshApp/Views/Shared/Index.cshtml
@@ -36,6 +36,7 @@
     <partial name="PowershellUI/PromptForCredential" />
     <partial name="PowershellUI/LogForError" />
     <partial name="PowershellUI/Log" />
+    <partial name="PowershellUI/ProgressForUpdate" />
     <partial name="PowershellUI/ProgressForGit" />
     <partial name="PowershellUI/Progress" />
     <partial name="PowershellUI/Status" />

diff --git a/src/Aiplugs.PoshApp/Views/Shared/PowershellUI/Index.cshtml b/src/Aiplugs.PoshApp/Views/Shared/PowershellUI/Index.cshtml
@@ -1,6 +1,7 @@
 <template id="powershell-ui-component">
     <div class="d-flex" style="width:100%">
         <PowershellUIStatus></PowershellUIStatus>
+        <PowershellUIProgressForUpdate></PowershellUIProgressForUpdate>
         <span class="flex-grow-1"></span>
         <PowershellUIPromptForCredential></PowershellUIPromptForCredential>
         <PowershellUIPromptForChoice></PowershellUIPromptForChoice>

diff --git a/src/Aiplugs.PoshApp/Views/Shared/PowershellUI/ProgressForUpdate.cshtml b/src/Aiplugs.PoshApp/Views/Shared/PowershellUI/ProgressForUpdate.cshtml
@@ -0,0 +1,13 @@
+<template id="powershell-ui-progress-for-update-component">
+    <span class="d-flex align-center" v-if="!updateDownloading">
+        Downloading update... {{updateDownloading}}
+    </span>
+</template>
+<script>
+    Vue.component('powershelluiprogressforupdate', {
+        template: '#powershell-ui-progress-for-update-component',
+        computed: {
+            ...Vuex.mapState('ipc', ['updateDownloading'])
+        }
+    })
+</script>
diff --git a/src/Aiplugs.PoshApp/wwwroot/js/store/ipc.js b/src/Aiplugs.PoshApp/wwwroot/js/store/ipc.js
@@ -8,12 +8,17 @@
 export default {
     namespaced: true,
     state: {
+        updateDownloading: null,
         updateAvailable: false,
         selectedDirectory: {},
         selectedFile: {}
     },
     mutations: {
+        setUpdateDownloading(state, progress) {
+            state.updateDownloading = progress;
+        },
         setUpdateAvailable(state) {
+            state.updateDownloading = null;
             state.updateAvailable = true;
         },
         clearUpdateAvailable(state) {
@@ -65,6 +70,9 @@ export default {
 };
 
 export function ipcPlugin(store) {
+    ipcRenderer.on('update-downloading', (sender, progress) => {
+        store.commit('ipc/setUpdateDownloading', progress);
+    });
     ipcRenderer.on('update-available', sender => {
         store.commit('ipc/setUpdateAvailable');
     });