WIP: Convert to use vue-router & improve layout

WIP: Fix security page & improve layout

WIP: Fix displaying current page

UI: Improve spacing

Chore: Improve styling
This commit is contained in:
Nelson Chan
2021-11-03 17:03:40 +08:00
parent f9bb48de13
commit 369cad90c1
5 changed files with 82 additions and 39 deletions

View File

@@ -163,13 +163,13 @@ export default {
computed: {
settings() {
return this.$parent.$parent.settings;
return this.$parent.$parent.$parent.settings;
},
saveSettings() {
return this.$parent.$parent.saveSettings;
return this.$parent.$parent.$parent.saveSettings;
},
settingsLoaded() {
return this.$parent.$parent.settingsLoaded;
return this.$parent.$parent.$parent.settingsLoaded;
},
guessTimezone() {
return dayjs.tz.guess();

View File

@@ -23,7 +23,7 @@
<button class="btn btn-outline-info me-2" @click="shrinkDatabase">
{{ $t("Shrink Database") }} ({{ databaseSizeDisplay }})
</button>
<div class="form-text ms-2">{{ $t("shrinkDatabaseDescription") }}</div>
<div class="form-text mt-2 mb-4 ms-2">{{ $t("shrinkDatabaseDescription") }}</div>
</div>
<button
class="btn btn-outline-danger me-2 mb-2"
@@ -64,13 +64,13 @@ export default {
computed: {
settings() {
return this.$parent.$parent.settings;
return this.$parent.$parent.$parent.settings;
},
saveSettings() {
return this.$parent.$parent.saveSettings;
return this.$parent.$parent.$parent.saveSettings;
},
settingsLoaded() {
return this.$parent.$parent.settingsLoaded;
return this.$parent.$parent.$parent.settingsLoaded;
},
databaseSizeDisplay() {
return (

View File

@@ -5,6 +5,7 @@
<template v-if="!settings.disableAuth">
<p>
{{ $t("Current User") }}: <strong>{{ username }}</strong>
<button v-if="! settings.disableAuth" class="btn btn-danger ms-4 me-2 mb-2" @click="$root.logout">{{ $t("Logout") }}</button>
</p>
<h5 class="my-4">{{ $t("Change Password") }}</h5>
@@ -60,7 +61,7 @@
</form>
</template>
<div v-if="!$parent.$parent.settings.disableAuth" class="mt-5 mb-3">
<div v-if="! settings.disableAuth" class="mt-5 mb-3">
<h5 class="my-4">
{{ $t("Two Factor Authentication") }}
</h5>
@@ -82,7 +83,6 @@
<div class="mb-4">
<button v-if="settings.disableAuth" class="btn btn-outline-primary me-2 mb-2" @click="enableAuth">{{ $t("Enable Auth") }}</button>
<button v-if="! settings.disableAuth" class="btn btn-primary me-2 mb-2" @click="confirmDisableAuth">{{ $t("Disable Auth") }}</button>
<button v-if="! settings.disableAuth" class="btn btn-danger me-2 mb-2" @click="$root.logout">{{ $t("Logout") }}</button>
</div>
</div>
</div>
@@ -244,13 +244,13 @@ export default {
computed: {
settings() {
return this.$parent.$parent.settings;
return this.$parent.$parent.$parent.settings;
},
saveSettings() {
return this.$parent.$parent.saveSettings;
return this.$parent.$parent.$parent.saveSettings;
},
settingsLoaded() {
return this.$parent.$parent.settingsLoaded;
return this.$parent.$parent.$parent.settingsLoaded;
}
},