From 258941646ef678468d3f98bd42e736beceee22bc Mon Sep 17 00:00:00 2001
From: Axolotle <nchesnais@mailoo.org>
Date: Mon, 14 Sep 2020 17:44:16 +0200
Subject: [PATCH] add ToolPower view

---
 app/src/i18n/locales/en.json     |   3 +-
 app/src/router/routes.js         |  11 ++++
 app/src/views/tool/ToolPower.vue | 102 +++++++++++++++++++++++++++++++
 3 files changed, 115 insertions(+), 1 deletion(-)
 create mode 100644 app/src/views/tool/ToolPower.vue

diff --git a/app/src/i18n/locales/en.json b/app/src/i18n/locales/en.json
index 85893c84..9721b164 100644
--- a/app/src/i18n/locales/en.json
+++ b/app/src/i18n/locales/en.json
@@ -314,10 +314,11 @@
     "tools_security_feed_no_items": "No security notifications",
     "tools_security_feed_subscribe_rss": "Subscribe to security notifications RSS",
     "tools_security_feed_view_items": "View all security notifications",
+    "tools_power_up": "Your server seems to be accessible, you can now try to login.",
     "tools_reboot": "Reboot your server",
     "tools_reboot_btn": "Reboot",
     "tools_reboot_done": "Rebooting...",
-    "tools_rebooting": "Your server is rebooting. To return to the web administration interface you need to wait for your server to be up. You can check that by refreshing this page (F5).",
+    "tools_rebooting": "Your server is rebooting. To return to the web administration interface you need to wait for your server to be up. You can wait for the login form to show up or check by refreshing this page (F5).",
     "tools_shutdown": "Shutdown your server",
     "tools_shutdown_btn": "Shutdown",
     "tools_shutdown_done": "Shutting down...",
diff --git a/app/src/router/routes.js b/app/src/router/routes.js
index 06878ad2..2c6dc8ea 100644
--- a/app/src/router/routes.js
+++ b/app/src/router/routes.js
@@ -252,6 +252,17 @@ const routes = [
         { name: 'tool-webadmin', trad: 'tools_webadmin_settings' }
       ]
     }
+  },
+  {
+    name: 'tool-power',
+    path: '/tools/power',
+    component: () => import(/* webpackChunkName: "views/tools" */ '@/views/tool/ToolPower'),
+    meta: {
+      breadcrumb: [
+        { name: 'tool-list', trad: 'tools' },
+        { name: 'tool-power', trad: 'tools_shutdown_reboot' }
+      ]
+    }
   }
 ]
 
diff --git a/app/src/views/tool/ToolPower.vue b/app/src/views/tool/ToolPower.vue
new file mode 100644
index 00000000..9f56e9fa
--- /dev/null
+++ b/app/src/views/tool/ToolPower.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="tool-power">
+    <div v-if="inProcess">
+      <b-alert variant="info" show v-t="'tools_' + action + '_done'" />
+
+      <b-alert variant="warning" show>
+        <icon :iname="action === 'reboot' ? 'refresh' : 'power-off'" /> {{ $t(action === 'reboot' ? 'tools_rebooting' : 'tools_shuttingdown') }}
+      </b-alert>
+      <template v-if="canReconnect">
+        <b-alert variant="success" show v-t="'tools_power_up'" />
+        <login-view />
+      </template>
+    </div>
+
+    <b-card v-else>
+      <template v-slot:header>
+        <h2><icon iname="wrench" /> {{ $t('operations') }}</h2>
+      </template>
+
+      <!-- REBOOT -->
+      <b-form-group label-cols="auto" :label="$t('tools_reboot_btn')" label-for="reboot">
+        <b-button
+          variant="danger" id="reboot" v-b-modal.confirm-action
+          @click="action = 'reboot'"
+        >
+          <icon iname="refresh" /> {{ $t('tools_reboot_btn') }}
+        </b-button>
+      </b-form-group>
+      <hr>
+
+      <!-- SHUTDOWN -->
+      <b-form-group label-cols="auto" :label="$t('tools_shutdown_btn')" label-for="shutdown">
+        <b-button
+          variant="danger" id="shutdown" v-b-modal.confirm-action
+          @click="action = 'shutdown'"
+        >
+          <icon iname="power-off" /> {{ $t('tools_shutdown_btn') }}
+        </b-button>
+      </b-form-group>
+
+      <!-- REBOOT/SHUTDOWN CONFIRM MODAL -->
+      <b-modal
+        centered hide-header
+        id="confirm-action" body-bg-variant="danger" body-text-variant="light"
+        @ok="triggerAction(action)"
+      >
+        {{ $t('confirm_reboot_action_' + action) }}
+      </b-modal>
+    </b-card>
+  </div>
+</template>
+
+<script>
+import api from '@/helpers/api'
+import LoginView from '@/views/Login'
+
+export default {
+  name: 'ToolPower',
+
+  data () {
+    return {
+      action: '',
+      inProcess: false,
+      canReconnect: false
+    }
+  },
+
+  methods: {
+    triggerAction (action) {
+      api.put(action + '?force').then(() => {
+        this.$store.dispatch('RESET_CONNECTED')
+        this.inProcess = true
+        this.tryToReconnect()
+      }).catch(err => {
+        console.log('ERR', err)
+      })
+    },
+
+    tryToReconnect () {
+      // FIXME need to be tested out of webpack-dev-server
+      setTimeout(() => {
+        // Try to get a response from the server after boot/reboot
+        // use `api.fetch` to not trigger base response helpers
+        api.fetch('GET', 'logout').then(response => {
+          // Server responds with `Unauthorized`, we can display the login input
+          if (response.status === 401) {
+            this.canReconnect = true
+          } else {
+            this.tryToReconnect()
+          }
+        }).catch(() => {
+          this.tryToReconnect()
+        })
+      }, 1000)
+    }
+  },
+
+  components: {
+    LoginView
+  }
+ }
+</script>