filemanager: add restart logic

filemanager/src/views/Home.vue

@@ -42,7 +42,8 @@
           <Button type="button" label="Upload" icon="pi pi-upload" @click="onUploadMenu" aria-haspopup="true" aria-controls="upload_menu" style="margin-right: 5px" />
           <Menu ref="uploadMenu" id="upload_menu" :model="uploadMenuModel" :popup="true" />
           <a class="p-button p-button-secondary" style="margin-left: 20px; margin-right: 5px;" :href="'/logs.html?appId=' + resourceId" target="_blank" v-show="resourceType === 'app'"><span class="p-button-icon p-button-icon-left pi pi-align-left"></span> Logs</a>
-          <a class="p-button p-button-secondary" :href="'/terminal.html?id=' + resourceId" target="_blank" v-show="resourceType === 'app'"><span class="p-button-icon p-button-icon-left pi pi-desktop"></span> Terminal</a>
+          <a class="p-button p-button-secondary" style="margin-right: 5px;" :href="'/terminal.html?id=' + resourceId" target="_blank" v-show="resourceType === 'app'"><span class="p-button-icon p-button-icon-left pi pi-desktop"></span> Terminal</a>
+          <Button type="button" label="Restart" severity="secondary" icon="pi pi-sync" @click="onRestartApp" :loading="busyRestart" v-show="resourceType === 'app'"/>
         </template>
       </TopBar>
     </template>
@@ -100,7 +101,9 @@ import Menu from 'primevue/menu';
 import { useConfirm } from 'primevue/useconfirm';
 
 import { DirectoryView, TopBar, PathBreadcrumbs, BottomBar, MainLayout, FileUploader } from 'pankow';
-import { sanitize, buildFilePath } from 'pankow/utils';
+import { sanitize, buildFilePath, sleep } from 'pankow/utils';
+
+import { ISTATES } from '../constants.js';
 
 import PreviewPanel from '../components/PreviewPanel.vue';
 import { createDirectoryModel } from '../models/DirectoryModel.js';
@@ -128,6 +131,7 @@ export default {
       fallbackIcon: '/mime-types/none.svg',
       cwd: '/',
       busyRefresh: false,
+      busyRestart: false,
       fatalError: false,
       activeItem: null,
       activeDirectoryItem: {},
@@ -360,6 +364,38 @@ export default {
         mimeType: 'inode/directory',
         icon: `${BASE_URL}mime-types/inode-directory.svg`
       };
+    },
+    async onRestartApp() {
+      if (this.resourceType !== 'app') return;
+
+      this.busyRestart = true;
+
+      let error, result;
+      try {
+        result = await superagent.post(`${this.apiOrigin}/api/v1/apps/${this.resourceId}/restart`).query({ access_token: this.accessToken });
+      } catch (e) {
+        error = e;
+      }
+
+      if (error || result.statusCode !== 202) {
+        console.error(`Failed to restart app ${this.resourceId}`, error || result.statusCode);
+        return;
+      }
+
+      while(true) {
+        let error, result;
+        try {
+          result = await superagent.get(`${this.apiOrigin}/api/v1/apps/${this.resourceId}`).query({ access_token: this.accessToken });
+        } catch (e) {
+          error = e;
+        }
+
+        if (result && result.statusCode === 200 && result.body.installationState === ISTATES.INSTALLED) break;
+
+        await sleep(2000);
+      }
+
+      this.busyRestart = false;
     }
   },
   async mounted() {