Save and close the settings

frontend/index.html

@@ -21,7 +21,7 @@
 
   <header>
     <h1><span class="hidden-xs-only">Cloudron OpenVPN</span></h1>
-    <el-button id="openSettingsButton" v-show="user && user.isAdmin" @click="openSettings()" icon="el-icon-setting">Settings</el-button>
+    <el-button id="openSettingsButton" v-show="user && user.isAdmin && view !== 'settings'" @click="openSettings()" icon="el-icon-setting">Settings</el-button>
     <el-button id="logoutButton" v-show="user" @click="logout()">Logout</el-button>
   </header>
 
@@ -54,6 +54,7 @@
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onSettingsSave()">Save</el-button>
+          <el-button @click="onSettingsClose()">Close</el-button>
         </el-form-item>
       </el-form>
     </div>

frontend/js/app.js

@@ -222,11 +222,16 @@
             if (error) return console.error(error)
 
             this.refreshSettings()
+            this.view = VIEWS.DEVICES
+
+            this.$message.success('Settings saved')
           })
       },
+      onSettingsClose () {
+        this.view = VIEWS.DEVICES
+      },
       openSettings () {
         this.view = VIEWS.SETTINGS
-
         this.refreshSettings()
       }
     }