From 020c4e13895c4122c5566d9edcbdb5091e6d648a Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Wed, 19 Feb 2020 02:29:34 +0300
Subject: [PATCH] Add tooltip and success message after instance was rebooted

---
 CHANGELOG.md                        |  1 +
 src/lang/en.js                      |  4 +++-
 src/views/settings/index.vue        | 26 ++++++++++++++++++--------
 src/views/settings/styles/main.scss |  1 +
 4 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f7ab238c..24db7aec 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -29,6 +29,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Report notes
 - Ability to moderate users on the statuses page
 - Ability to moderate user on the user's page
+- Ability to restart an application when settings that require instance reboot were changed
 - Mobile UI for Settings tab
 
 ### Fixed
diff --git a/src/lang/en.js b/src/lang/en.js
index df122612..3f9643ca 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -364,7 +364,9 @@ export default {
     emoji: 'Emoji',
     markup: 'Markup settings',
     corsPlug: 'CORS plug config',
-    instanceReboot: 'Instance Reboot'
+    instanceReboot: 'Instance Reboot',
+    restartApp: 'You must restart the instance to apply settings',
+    restartSuccess: 'Instance rebooted successfully!'
   },
   invites: {
     inviteTokens: 'Invite tokens',
diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue
index 2fe9645b..3d0bbcdb 100644
--- a/src/views/settings/index.vue
+++ b/src/views/settings/index.vue
@@ -4,12 +4,14 @@
       <div class="settings-header-container">
         <h1 class="settings-header">{{ $t('settings.settings') }}</h1>
         <div>
-          <el-button v-if="needReboot" class="settings-reboot-button" @click="restartApp">
-            <span>
-              <i class="el-icon-refresh"/>
-              {{ $t('settings.instanceReboot') }}
-            </span>
-          </el-button>
+          <el-tooltip v-if="needReboot" :content="$t('settings.restartApp')" placement="bottom-end">
+            <el-button type="warning" class="settings-reboot-button" @click="restartApp">
+              <span>
+                <i class="el-icon-refresh"/>
+                {{ $t('settings.instanceReboot') }}
+              </span>
+            </el-button>
+          </el-tooltip>
           <el-link
             :underline="false"
             href="https://docs-develop.pleroma.social/backend/administration/CLI_tasks/config/"
@@ -244,8 +246,16 @@ export default {
     this.$store.dispatch('FetchSettings')
   },
   methods: {
-    restartApp() {
-      this.$store.dispatch('RestartApplication')
+    async restartApp() {
+      try {
+        await this.$store.dispatch('RestartApplication')
+      } catch (e) {
+        return
+      }
+      this.$message({
+        type: 'success',
+        message: i18n.t('settings.restartSuccess')
+      })
     }
   }
 }
diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index bc6cfff1..a6658b55 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -275,6 +275,7 @@
     width: 145px;
     text-align: left;
     padding: 10px;
+    margin-right: 5px;
   }
   .single-input {
     margin-right: 10px