Reshuffle toplevel view names and routes
This commit is contained in:
Johannes Zellner
+14
-14
@@ -15,7 +15,7 @@ import AppsView from './views/AppsView.vue';
|
||||
import AppConfigureView from './views/AppConfigureView.vue';
|
||||
import AppstoreView from './views/AppstoreView.vue';
|
||||
import BackupsView from './views/BackupsView.vue';
|
||||
import BrandingView from './views/BrandingView.vue';
|
||||
import AppearanceView from './views/AppearanceView.vue';
|
||||
import DomainsView from './views/DomainsView.vue';
|
||||
import EmailDomainView from './views/EmailDomainView.vue';
|
||||
import EmailMailboxesView from './views/EmailMailboxesView.vue';
|
||||
@@ -27,9 +27,9 @@ import EventlogView from './views/EventlogView.vue';
|
||||
import NetworkView from './views/NetworkView.vue';
|
||||
import ProfileView from './views/ProfileView.vue';
|
||||
import ServicesView from './views/ServicesView.vue';
|
||||
import SettingsView from './views/SettingsView.vue';
|
||||
import SupportView from './views/SupportView.vue';
|
||||
import SystemView from './views/SystemView.vue';
|
||||
import MetricsView from './views/MetricsView.vue';
|
||||
import UserDirectorySettingsView from './views/UserDirectorySettingsView.vue';
|
||||
import UserDirectoryLdapProviderView from './views/UserDirectoryLdapProviderView.vue';
|
||||
import UserDirectoryOpenIdProviderView from './views/UserDirectoryOpenIdProviderView.vue';
|
||||
@@ -37,11 +37,11 @@ import UsersView from './views/UsersView.vue';
|
||||
import VolumesView from './views/VolumesView.vue';
|
||||
|
||||
const VIEWS = {
|
||||
APPS: 'apps',
|
||||
APP: 'app',
|
||||
APPEARANCE: 'appearance',
|
||||
APPS: 'apps',
|
||||
APPSTORE: 'appstore',
|
||||
BACKUPS: 'backups',
|
||||
BRANDING: 'branding',
|
||||
DOMAINS: 'domains',
|
||||
EMAIL_DOMAIN: 'email-domain',
|
||||
EMAIL_MAILBOXES: 'email-mailboxes',
|
||||
@@ -50,10 +50,10 @@ const VIEWS = {
|
||||
EMAIL_EVENTLOG: 'email-eventlog',
|
||||
EMAIL_STATUS: 'email-status',
|
||||
EVENTLOG: 'eventlog',
|
||||
METRICS: 'metrics',
|
||||
NETWORK: 'network',
|
||||
PROFILE: 'profile',
|
||||
SERVICES: 'services',
|
||||
SETTINGS: 'settings',
|
||||
SUPPORT: 'support',
|
||||
SYSTEM: 'system',
|
||||
USER_DIRECTORY_SETTINGS: 'user-directory-settings',
|
||||
@@ -137,8 +137,8 @@ function onHashChange() {
|
||||
view.value = VIEWS.APP;
|
||||
} else if (v === VIEWS.BACKUPS && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.BACKUPS;
|
||||
} else if (v === VIEWS.BRANDING && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.BRANDING;
|
||||
} else if (v === VIEWS.APPEARANCE && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.APPEARANCE;
|
||||
} else if (v === VIEWS.DOMAINS && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.DOMAINS;
|
||||
} else if (v === VIEWS.EMAIL_DOMAIN && profile.value.isAtLeastMailManager) {
|
||||
@@ -155,14 +155,14 @@ function onHashChange() {
|
||||
view.value = VIEWS.EMAIL_STATUS;
|
||||
} else if (v === VIEWS.EVENTLOG && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.EVENTLOG;
|
||||
} else if (v === VIEWS.METRICS && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.METRICS;
|
||||
} else if (v === VIEWS.NETWORK && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.NETWORK;
|
||||
} else if (v.indexOf(VIEWS.PROFILE) === 0) {
|
||||
view.value = VIEWS.PROFILE;
|
||||
} else if (v === VIEWS.SERVICES && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.SERVICES;
|
||||
} else if (v === VIEWS.SETTINGS && profile.value.isAtLeastAdmin) {
|
||||
view.value = VIEWS.SETTINGS;
|
||||
} else if (v === VIEWS.SUPPORT && profile.value.isAtLeastOwner) {
|
||||
view.value = VIEWS.SUPPORT;
|
||||
} else if (v === VIEWS.SYSTEM && profile.value.isAtLeastAdmin) {
|
||||
@@ -256,7 +256,7 @@ onMounted(async () => {
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'appstore' }" v-show="profile.isAtLeastAdmin" href="#/appstore" @click="onSidebarClose()"><i class="fa fa-cloud-download-alt fa-fw"></i> {{ $t('appstore.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'users' }" v-show="profile.isAtLeastUserManager" href="#/users" @click="onSidebarClose()"><i class="fa fa-users fa-fw"></i> {{ $t('main.navbar.users') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'backups' }" v-show="profile.isAtLeastAdmin" href="#/backups" @click="onSidebarClose()"><i class="fa fa-archive fa-fw"></i> {{ $t('backups.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'branding' }" v-show="profile.isAtLeastAdmin" href="#/branding" @click="onSidebarClose()"><i class="fa fa-passport fa-fw"></i> {{ $t('branding.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'appearance' }" v-show="profile.isAtLeastAdmin" href="#/appearance" @click="onSidebarClose()"><i class="fa fa-pen-ruler fa-fw"></i> {{ $t('branding.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'domains' }" v-show="profile.isAtLeastAdmin" href="#/domains" @click="onSidebarClose()"><i class="fa fa-globe fa-fw"></i> {{ $t('domains.title') }}</a>
|
||||
<div class="sidebar-item" v-show="profile.isAtLeastMailManager" @click="onToggleGroup('email')"><i class="fa fa-envelope fa-fw"></i> {{ $t('emails.title') }} <i class="collapse fa-solid fa-angle-right" :class="{ expanded: activeSidebarGroup === 'email' }" style="margin-left: 6px;"></i></div>
|
||||
<Transition name="sidebar-item-group-animation">
|
||||
@@ -272,7 +272,7 @@ onMounted(async () => {
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'eventlog' }" v-show="profile.isAtLeastAdmin" href="#/eventlog" @click="onSidebarClose()"><i class="fa fa-list-alt fa-fw"></i> {{ $t('eventlog.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'network' }" v-show="profile.isAtLeastAdmin" href="#/network" @click="onSidebarClose()"><i class="fas fa-network-wired fa-fw"></i> {{ $t('network.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'services' }" v-show="profile.isAtLeastAdmin" href="#/services" @click="onSidebarClose()"><i class="fa fa-cogs fa-fw"></i> {{ $t('services.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'settings' }" v-show="profile.isAtLeastAdmin" href="#/settings" @click="onSidebarClose()"><i class="fa fa-wrench fa-fw"></i> {{ $t('settings.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'system' }" v-show="profile.isAtLeastAdmin" href="#/system" @click="onSidebarClose()"><i class="fa fa-wrench fa-fw"></i> {{ $t('settings.title') }}</a>
|
||||
<div class="sidebar-item" v-show="profile.isAtLeastAdmin" @click="onToggleGroup('user-directory')"><i class="fa fa-users-gear fa-fw"></i> {{ $t('users.title') }} <i class="collapse fa-solid fa-angle-right" :class="{ expanded: activeSidebarGroup === 'user-directory' }" style="margin-left: 6px;"></i></div>
|
||||
<Transition name="sidebar-item-group-animation">
|
||||
<div class="sidebar-item-group" v-if="activeSidebarGroup === 'user-directory'">
|
||||
@@ -282,7 +282,7 @@ onMounted(async () => {
|
||||
</div>
|
||||
</Transition>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'volumes' }" v-show="profile.isAtLeastAdmin" href="#/volumes" @click="onSidebarClose()"><i class="fa fa-hdd fa-fw"></i> {{ $t('volumes.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'system' }" v-show="profile.isAtLeastAdmin" href="#/system" @click="onSidebarClose()"><i class="fa fa-chart-area fa-fw"></i> {{ $t('system.title') }}</a>
|
||||
<a class="sidebar-item" :class="{ active: activeSidebarItem === 'metrics' }" v-show="profile.isAtLeastAdmin" href="#/metrics" @click="onSidebarClose()"><i class="fa fa-chart-area fa-fw"></i> {{ $t('system.title') }}</a>
|
||||
</div>
|
||||
</SideBar>
|
||||
|
||||
@@ -294,7 +294,7 @@ onMounted(async () => {
|
||||
<AppConfigureView v-else-if="view === VIEWS.APP" />
|
||||
<AppstoreView v-else-if="view === VIEWS.APPSTORE" />
|
||||
<BackupsView v-else-if="view === VIEWS.BACKUPS" />
|
||||
<BrandingView v-else-if="view === VIEWS.BRANDING" />
|
||||
<AppearanceView v-else-if="view === VIEWS.APPEARANCE" />
|
||||
<DomainsView v-else-if="view === VIEWS.DOMAINS" />
|
||||
<EmailDomainView v-else-if="view === VIEWS.EMAIL_DOMAIN" />
|
||||
<EmailMailboxesView v-else-if="view === VIEWS.EMAIL_MAILBOXES" />
|
||||
@@ -303,10 +303,10 @@ onMounted(async () => {
|
||||
<EmailEventlogView v-else-if="view === VIEWS.EMAIL_EVENTLOG" />
|
||||
<EmailStatusView v-else-if="view === VIEWS.EMAIL_STATUS" />
|
||||
<EventlogView v-else-if="view === VIEWS.EVENTLOG" />
|
||||
<MetricsView v-else-if="view === VIEWS.METRICS" />
|
||||
<NetworkView v-else-if="view === VIEWS.NETWORK" />
|
||||
<ProfileView v-else-if="view === VIEWS.PROFILE" />
|
||||
<ServicesView v-else-if="view === VIEWS.SERVICES" />
|
||||
<SettingsView v-else-if="view === VIEWS.SETTINGS" />
|
||||
<SupportView v-else-if="view === VIEWS.SUPPORT" />
|
||||
<SystemView v-else-if="view === VIEWS.SYSTEM" />
|
||||
<UserDirectorySettingsView v-else-if="view === VIEWS.USER_DIRECTORY_SETTINGS" />
|
||||
|
||||
Reference in New Issue
Block a user