the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-10-07 20:25:48 +08:00
Code Issues Projects Releases Packages Wiki Activity

Admin panel works in mobile view

Browse source
This commit is contained in:
djmaze 2021-02-17 09:33:41 +01:00
parent d7994ddab6
commit 1df2e00862
3 changed files with 34 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
dev/Styles/Admin.less
View file

@ -76,9 +76,15 @@
right: 0; right: 0;
left: 0; left: 0;
height: 34px; height: 34px;
padding: 8px @rlLowMargin; padding: 8px @rlLowMargin 8px 0;
color: #fff; color: #fff;
text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000;
display: flex;
h4 {
flex-grow: 1;
}
} }
.b-content { .b-content {

28
dev/View/Admin/Settings/Pane.js
View file

@ -8,27 +8,35 @@ import PackageStore from 'Stores/Admin/Package';
import { AbstractViewRight } from 'Knoin/AbstractViews'; import { AbstractViewRight } from 'Knoin/AbstractViews';
import { leftPanelDisabled } from 'Common/Globals';
class PaneSettingsAdminView extends AbstractViewRight { class PaneSettingsAdminView extends AbstractViewRight {
constructor() { constructor() {
super('Admin/Settings/Pane', 'AdminPane'); super('Admin/Settings/Pane', 'AdminPane');
this.version = ko.observable(rl.settings.app('version')); this.version = ko.observable(rl.settings.app('version'));
this.adminManLoading = ko.computed( this.leftPanelDisabled = leftPanelDisabled;
() =>
'000' !==
[
DomainStore.domains.loading() ? '1' : '0',
PluginStore.plugins.loading() ? '1' : '0',
PackageStore.packages.loading() ? '1' : '0'
].join('')
);
this.adminManLoadingVisibility = ko this.adminManLoadingVisibility = ko
.computed(() => (this.adminManLoading() ? 'visible' : 'hidden')) .computed(() => (DomainStore.domains.loading()
|| PluginStore.plugins.loading()
|| PackageStore.packages.loading()) ? 'visible' : 'hidden')
.extend({ rateLimit: 300 }); .extend({ rateLimit: 300 });
} }
hideLeft(item, event) {
event.preventDefault();
event.stopPropagation();
leftPanelDisabled(true);
}
showLeft(item, event) {
event.preventDefault();
event.stopPropagation();
leftPanelDisabled(false);
}
logoutClick() { logoutClick() {
Remote.adminLogout(() => rl.logoutReload()); Remote.adminLogout(() => rl.logoutReload());
} }

21
snappymail/v/0.0.0/app/templates/Views/Admin/AdminPane.html
View file

@ -1,19 +1,14 @@
<div class="b-settings b-admin-right"> <div class="b-settings b-admin-right">
<div class="b-toolbar g-ui-user-select-none"> <div class="b-toolbar g-ui-user-select-none">
<div class="btn-toolbar"> <a class="btn btn-thin-2 show-mobile" data-bind="click: showLeft, visible: leftPanelDisabled()">
<h4 class="pull-left"> <i class="icon-right-middle"></i>
<i class="icon-spinner" style="margin-top: 2px" data-bind="style: {'visibility': adminManLoadingVisibility }"></i>
&nbsp;&nbsp;
SnappyMail
—
<span data-i18n="TOP_PANEL/LABEL_ADMIN_PANEL"></span>
</h4>
<div class="btn-group pull-right">
<a class="btn btn-logout" data-bind="click: logoutClick">
<i class="fontastic">⏻</i>
</a> </a>
</div> <a class="btn btn-thin-2 show-mobile" data-bind="click: hideLeft, visible: !leftPanelDisabled()">
</div> <i class="icon-left-middle"></i>
</a>
<i class="icon-spinner" style="margin: 10px" data-bind="style: {'visibility': adminManLoadingVisibility }"></i>
<h4>SnappyMail - <span data-i18n="TOP_PANEL/LABEL_ADMIN_PANEL"></span></h4>
<a class="btn btn-logout fontastic" data-bind="click: logoutClick">⏻</a>
</div> </div>
<div class="b-content"> <div class="b-content">
<div class="content"> <div class="content">