mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-26 18:31:52 +00:00
Trying code editor (#1173)
Implement hidden dev service packaging tools. Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com> Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>
This commit is contained in:
Drew Ansbacher
@@ -1,16 +1,27 @@
|
||||
<ion-app>
|
||||
<ion-content>
|
||||
<ion-split-pane [disabled]="!showMenu" (ionSplitPaneVisible)="splitPaneVisible($event)" contentId="main-content">
|
||||
<ion-split-pane
|
||||
[disabled]="!showMenu"
|
||||
(ionSplitPaneVisible)="splitPaneVisible($event)"
|
||||
contentId="main-content"
|
||||
>
|
||||
<ion-menu contentId="main-content" type="overlay">
|
||||
<ion-content color="light" scrollY="false">
|
||||
<div style="text-align: center;" class="ion-padding">
|
||||
<img style="width: 45%; cursor: pointer;" src="assets/img/logo.png" (click)="goToWebsite()">
|
||||
<div style="text-align: center" class="ion-padding">
|
||||
<img
|
||||
style="width: 45%; cursor: pointer"
|
||||
src="assets/img/logo.png"
|
||||
(click)="goToWebsite()"
|
||||
/>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<ion-item-group style="padding: 30px 0px;">
|
||||
<ion-menu-toggle auto-hide="false" *ngFor="let page of appPages; let i = index">
|
||||
<ion-item-group style="padding: 30px 0px">
|
||||
<ion-menu-toggle
|
||||
auto-hide="false"
|
||||
*ngFor="let page of appPages; let i = index"
|
||||
>
|
||||
<ion-item
|
||||
style="padding-left: 10px;"
|
||||
style="padding-left: 10px"
|
||||
color="transparent"
|
||||
button
|
||||
(click)="selectedIndex = i"
|
||||
@@ -18,38 +29,69 @@
|
||||
[routerLink]="[page.url]"
|
||||
lines="none"
|
||||
detail="false"
|
||||
*ngIf="
|
||||
page.url !== '/developer' ||
|
||||
(localStorageService.showDevTools$ | async)
|
||||
"
|
||||
>
|
||||
<ion-icon slot="start" [name]="page.icon" [class]="selectedIndex === i ? 'bold' : 'dim'"></ion-icon>
|
||||
<ion-icon
|
||||
slot="start"
|
||||
[name]="page.icon"
|
||||
[class]="selectedIndex === i ? 'bold' : 'dim'"
|
||||
></ion-icon>
|
||||
<ion-label
|
||||
style="font-family: 'Montserrat';"
|
||||
style="font-family: 'Montserrat'"
|
||||
[class]="selectedIndex === i ? 'bold' : 'dim'"
|
||||
>
|
||||
{{ page.title }}
|
||||
</ion-label>
|
||||
<ion-badge *ngIf="page.url === '/notifications' && unreadCount" color="danger" style="margin-right: 3%;" [class.selected-badge]="selectedIndex == i">{{ unreadCount }}</ion-badge>
|
||||
<ion-badge
|
||||
*ngIf="page.url === '/notifications' && unreadCount"
|
||||
color="danger"
|
||||
style="margin-right: 3%"
|
||||
[class.selected-badge]="selectedIndex == i"
|
||||
>{{ unreadCount }}</ion-badge
|
||||
>
|
||||
</ion-item>
|
||||
</ion-menu-toggle>
|
||||
</ion-item-group>
|
||||
<div style="text-align: center; height: 75px; position:absolute; bottom:0; right:0; width: 100%;">
|
||||
<div class="divider" style="margin-bottom: 10px;"></div>
|
||||
<div
|
||||
style="
|
||||
text-align: center;
|
||||
height: 75px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
"
|
||||
>
|
||||
<div class="divider" style="margin-bottom: 10px"></div>
|
||||
<ion-menu-toggle auto-hide="false">
|
||||
<ion-item button lines="none" style="--background: transparent; margin-bottom: 86px; text-align: center;" fill="clear" (click)="presentAlertLogout()">
|
||||
<ion-label><ion-text
|
||||
style="font-family: 'Montserrat';"
|
||||
color="dark"
|
||||
>
|
||||
<ion-item
|
||||
button
|
||||
lines="none"
|
||||
style="
|
||||
--background: transparent;
|
||||
margin-bottom: 86px;
|
||||
text-align: center;
|
||||
"
|
||||
fill="clear"
|
||||
(click)="presentAlertLogout()"
|
||||
>
|
||||
<ion-label
|
||||
><ion-text style="font-family: 'Montserrat'" color="dark">
|
||||
Log Out
|
||||
</ion-text></ion-label>
|
||||
</ion-text></ion-label
|
||||
>
|
||||
</ion-item>
|
||||
</ion-menu-toggle>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-menu>
|
||||
<ion-router-outlet id="main-content"></ion-router-outlet>
|
||||
|
||||
</ion-split-pane>
|
||||
|
||||
<section id="preload" style="display: none;">
|
||||
<section id="preload" style="display: none">
|
||||
<!-- 3rd party components -->
|
||||
<qr-code value="hello"></qr-code>
|
||||
|
||||
@@ -66,7 +108,8 @@
|
||||
<ion-icon name="checkmark"></ion-icon>
|
||||
<ion-icon name="chevron-down"></ion-icon>
|
||||
<ion-icon name="chevron-up"></ion-icon>
|
||||
<ion-icon name="chevron-forward"></ion-icon> <!-- needed for detail="true" on ion-item button -->
|
||||
<ion-icon name="chevron-forward"></ion-icon>
|
||||
<!-- needed for detail="true" on ion-item button -->
|
||||
<ion-icon name="close"></ion-icon>
|
||||
<ion-icon name="cloud-outline"></ion-icon>
|
||||
<ion-icon name="cloud-done-outline"></ion-icon>
|
||||
@@ -90,6 +133,7 @@
|
||||
<ion-icon name="folder-open-outline"></ion-icon>
|
||||
<ion-icon name="grid-outline"></ion-icon>
|
||||
<ion-icon name="help-circle-outline"></ion-icon>
|
||||
<ion-icon name="hammer-outline"></ion-icon>
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
<ion-icon name="information-circle-outline"></ion-icon>
|
||||
<ion-icon name="key-outline"></ion-icon>
|
||||
@@ -119,7 +163,7 @@
|
||||
<ion-icon name="trash-outline"></ion-icon>
|
||||
<ion-icon name="warning-outline"></ion-icon>
|
||||
<ion-icon name="wifi"></ion-icon>
|
||||
|
||||
|
||||
<!-- Ionic components -->
|
||||
<ion-action-sheet></ion-action-sheet>
|
||||
<ion-alert></ion-alert>
|
||||
@@ -141,7 +185,9 @@
|
||||
<ion-refresher slot="fixed"></ion-refresher>
|
||||
<ion-refresher-content pullingContent="lines"></ion-refresher-content>
|
||||
<ion-infinite-scroll></ion-infinite-scroll>
|
||||
<ion-infinite-scroll-content loadingSpinner="lines"></ion-infinite-scroll-content>
|
||||
<ion-infinite-scroll-content
|
||||
loadingSpinner="lines"
|
||||
></ion-infinite-scroll-content>
|
||||
</ion-content>
|
||||
<ion-input></ion-input>
|
||||
<ion-item></ion-item>
|
||||
@@ -172,26 +218,38 @@
|
||||
<ion-footer
|
||||
[ngStyle]="{
|
||||
'max-height': osUpdateProgress ? '100px' : '0px',
|
||||
'overflow': 'hidden',
|
||||
overflow: 'hidden',
|
||||
'transition-property': 'max-height',
|
||||
'transition-duration': '1s',
|
||||
'transition-delay': '.05s'
|
||||
}"
|
||||
>
|
||||
<ion-toolbar style="border-top: 1px solid var(--ion-color-dark);" color="light">
|
||||
<ion-toolbar
|
||||
style="border-top: 1px solid var(--ion-color-dark)"
|
||||
color="light"
|
||||
>
|
||||
<ion-list>
|
||||
<ion-list-header>
|
||||
<ion-label>Downloading EOS: {{ (100 * (osUpdateProgress?.downloaded || 1) / (osUpdateProgress?.size || 1)).toFixed(0) }}%</ion-label>
|
||||
<ion-label
|
||||
>Downloading EOS:
|
||||
{{
|
||||
(
|
||||
(100 * (osUpdateProgress?.downloaded || 1)) /
|
||||
(osUpdateProgress?.size || 1)
|
||||
).toFixed(0)
|
||||
}}%</ion-label
|
||||
>
|
||||
</ion-list-header>
|
||||
<div style="padding: 0 16px 16px 16px;">
|
||||
<div style="padding: 0 16px 16px 16px">
|
||||
<ion-progress-bar
|
||||
color="secondary"
|
||||
[value]="osUpdateProgress && osUpdateProgress.downloaded / osUpdateProgress.size"
|
||||
[value]="
|
||||
osUpdateProgress &&
|
||||
osUpdateProgress.downloaded / osUpdateProgress.size
|
||||
"
|
||||
></ion-progress-bar>
|
||||
</div>
|
||||
</ion-list>
|
||||
</ion-toolbar>
|
||||
</ion-footer>
|
||||
</ion-app>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user