mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-26 18:31:52 +00:00
ad13b5eb4e
* feat(portal): refactor settings * chore: refactor * small updates --------- Co-authored-by: Matt Hill <mattnine@protonmail.com>
92 lines
2.6 KiB
HTML
92 lines
2.6 KiB
HTML
<tui-root
|
|
*ngIf="widgetDrawer$ | async as drawer"
|
|
tuiTheme="night"
|
|
[tuiMode]="(theme$ | async) === 'Dark' ? 'onDark' : null"
|
|
[style.--widgets-width.px]="drawer.open ? drawer.width : 0"
|
|
>
|
|
<ion-app appEnter>
|
|
<ion-content>
|
|
<ion-split-pane
|
|
contentId="main-content"
|
|
[disabled]="!(navigation$ | async)"
|
|
(ionSplitPaneVisible)="splitPaneVisible($event)"
|
|
>
|
|
<ion-menu
|
|
*ngIf="navigation$ | async"
|
|
contentId="main-content"
|
|
type="overlay"
|
|
side="start"
|
|
class="left-menu"
|
|
>
|
|
<ion-content color="light" scrollY="false" class="menu">
|
|
<app-menu *ngIf="authService.isVerified$ | async" />
|
|
</ion-content>
|
|
</ion-menu>
|
|
|
|
<ion-menu
|
|
contentId="main-content"
|
|
type="overlay"
|
|
side="end"
|
|
class="right-menu container"
|
|
[class.container_offline]="offline$ | async"
|
|
[class.right-menu_hidden]="!drawer.open"
|
|
[style.--side-width.px]="drawer.width"
|
|
>
|
|
<div class="divider">
|
|
<button
|
|
class="widgets-button"
|
|
[class.widgets-button_collapse]="drawer.width === 600"
|
|
(click)="onResize(drawer)"
|
|
></button>
|
|
</div>
|
|
<widgets *ngIf="drawer.open" [wide]="drawer.width === 600" />
|
|
</ion-menu>
|
|
|
|
<ion-router-outlet
|
|
[responsiveColViewport]="viewport"
|
|
id="main-content"
|
|
class="container"
|
|
[class.container_offline]="offline$ | async"
|
|
>
|
|
<ion-content
|
|
#viewport="viewport"
|
|
responsiveColViewport
|
|
class="ion-padding with-widgets"
|
|
style="pointer-events: none; opacity: 0"
|
|
></ion-content>
|
|
</ion-router-outlet>
|
|
</ion-split-pane>
|
|
|
|
<section appPreloader></section>
|
|
</ion-content>
|
|
<ion-footer>
|
|
<footer appFooter></footer>
|
|
</ion-footer>
|
|
<ion-footer
|
|
*ngIf="
|
|
(navigation$ | async) &&
|
|
(authService.isVerified$ | async) &&
|
|
!(sidebarOpen$ | async)
|
|
"
|
|
>
|
|
<connection-bar />
|
|
</ion-footer>
|
|
<toast-container />
|
|
</ion-app>
|
|
<sidebar-host ngProjectAs="tuiOverContent" />
|
|
</tui-root>
|
|
<ng-container
|
|
*ngIf="authService.isVerified$ | async; else defaultTheme"
|
|
[ngSwitch]="theme$ | async"
|
|
>
|
|
<ng-container *ngSwitchCase="'Dark'">
|
|
<tui-theme-night />
|
|
<dark-theme />
|
|
</ng-container>
|
|
<light-theme *ngSwitchCase="'Light'" />
|
|
</ng-container>
|
|
<ng-template #defaultTheme>
|
|
<tui-theme-night />
|
|
<dark-theme />
|
|
</ng-template>
|