mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 12:11:56 +00:00
594d93eb3b
ui: adds overlay layer to patch-db-client ui: getting towards mocks ui: cleans up factory init ui: nice type hack ui: live api for patch ui: api service source + http starts up ui: api source + http ui: rework patchdb config, pass stashTimeout into patchDbModel wires in temp patching into api service ui: example of wiring patchdbmodel into page begin integration remove unnecessary method linting first data rendering rework app initialization http source working for ssh delete call temp patches working entire Embassy tab complete not in kansas anymore ripping, saving progress progress for API request response types and endoint defs Update data-model.ts shambles, but in a good way progress big progress progress installed list working big progress progress progress begin marketplace redesign Update api-types.ts Update api-types.ts marketplace improvements cosmetic dependencies and recommendations begin nym auth approach install wizard restore flow and donations
52 lines
2.6 KiB
HTML
52 lines
2.6 KiB
HTML
<ion-header>
|
|
<ion-toolbar>
|
|
<ion-title>Installed Services</ion-title>
|
|
<ion-buttons slot="end">
|
|
<badge-menu-button></badge-menu-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content style="position: relative">
|
|
<ng-container *ngrxLet="patch.watch$('package-data') as pkgs">
|
|
|
|
<div *ngIf="pkgs | empty; else list" class="ion-text-center ion-padding">
|
|
<div style="display: flex; flex-direction: column; justify-content: center; height: 40vh">
|
|
<h2>Welcome to your <span style="font-style: italic; color: var(--ion-color-start9)">Embassy</span></h2>
|
|
<p class="ion-text-wrap">Get started by installing your first service.</p>
|
|
</div>
|
|
<ion-button [routerLink]="['/services','marketplace']" style="width: 50%;" fill="outline">
|
|
<ion-icon slot="start" name="storefront-outline"></ion-icon>
|
|
Marketplace
|
|
</ion-button>
|
|
</div>
|
|
|
|
<ng-template #list>
|
|
<ion-grid>
|
|
<ion-row *ngrxLet="connectionService.monitor$() as connection">
|
|
<ion-col *ngFor="let pkg of pkgs | keyvalue : asIsOrder" sizeXs="4" sizeSm="3" sizeMd="2" sizeLg="2">
|
|
<ion-card class="installed-card" style="position:relative" [routerLink]="['/services', 'installed', (pkg.value | manifest).id]">
|
|
<div class="launch-container" *ngIf="pkg.value | hasUi">
|
|
<div class="launch-button-triangle" (click)="launchUi(pkg.value, $event)" [class.disabled]="!(pkg.value | isLaunchable)">
|
|
<ion-icon name="rocket-outline"></ion-icon>
|
|
</div>
|
|
</div>
|
|
|
|
<img style="position: absolute" class="main-img" [src]="pkg.value['static-files'].icon" [alt]="icon" />
|
|
<img class="main-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
|
|
<img class="bulb-on" *ngIf="pkg.value | displayBulb: 'green' : connection" src="assets/img/running-bulb.png"/>
|
|
<img class="bulb-on" *ngIf="pkg.value | displayBulb: 'red' : connection" src="assets/img/issue-bulb.png"/>
|
|
<img class="bulb-on" *ngIf="pkg.value | displayBulb: 'yellow' : connection" src="assets/img/warning-bulb.png"/>
|
|
<img class="bulb-off" *ngIf="pkg.value | displayBulb: 'off' : connection" src="assets/img/off-bulb.png"/>
|
|
<ion-card-header>
|
|
<status [pkg]="pkg.value" [connection]="connection" size="small"></status>
|
|
<p>{{ (pkg.value | manifest).title }}</p>
|
|
</ion-card-header>
|
|
</ion-card>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ng-template>
|
|
</ng-container>
|
|
</ion-content>
|