Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-04-04 14:29:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: rhs clickable

Browse Source
This commit is contained in:
Aaron Greenspan
2021-01-17 11:00:32 -07:00
committed by Aiden McClelland
parent eb5473087b
commit 567ac9fa50
2 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/app/pages/apps-routes/app-installed-list/app-installed-list.page.html
View File

@@ -23,16 +23,21 @@
<ion-row> <ion-row>
<ion-col *ngFor="let app of apps" sizeXs="4" sizeSm="3" sizeMd="2" sizeLg="2"> <ion-col *ngFor="let app of apps" sizeXs="4" sizeSm="3" sizeMd="2" sizeLg="2">
<ng-container *ngIf="{ tor: app.subject.torAddress | async, status: app.subject.status | async, ui: app.subject.ui | async, iconURL: app.subject.iconURL | async | iconParse, title: app.subject.title | async } as vars" > <ng-container *ngIf="{ tor: app.subject.torAddress | async, status: app.subject.status | async, ui: app.subject.ui | async, iconURL: app.subject.iconURL | async | iconParse, title: app.subject.title | async } as vars" >
<ion-button
<ion-card class="installed-card" [class.installed-card-on]="vars.status === 'RUNNING'" style="position:relative" [routerLink]="['/services', 'installed', app.id]">
<ion-button
*ngIf="vars.ui && !isConsulate" *ngIf="vars.ui && !isConsulate"
[disabled]="vars.status !== AppStatus.RUNNING || !isTor" [disabled]="vars.status !== AppStatus.RUNNING || !isTor"
[class.launch-button-off]="vars.status !== AppStatus.RUNNING || !isTor" [class.launch-button-off]="vars.status !== AppStatus.RUNNING || !isTor"
class="launch-button-transparent" class="launch-button-transparent"
(click)="launchUiTab(vars.tor)" (click)="launchUiTab(vars.tor)"
> >
<ion-icon name="rocket-outline"></ion-icon> <ion-icon style="position: absolute;
top: 6px;
right: -1px;
width: 13px;" name="rocket-outline"></ion-icon>
</ion-button> </ion-button>
<ion-card class="installed-card" [class.installed-card-on]="vars.status === 'RUNNING'" style="position:relative" [routerLink]="['/services', 'installed', app.id]">
<img style="position: absolute" class="main-img" [src]="vars.iconURL" [alt]="app.subject.title | async" /> <img style="position: absolute" class="main-img" [src]="vars.iconURL" [alt]="app.subject.title | async" />
<img class="main-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="> <img class="main-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
<img class="bulb-on" *ngIf="vars.status | displayBulb: 'green'" src="assets/img/running-bulb.png"/> <img class="bulb-on" *ngIf="vars.status | displayBulb: 'green'" src="assets/img/running-bulb.png"/>

28
ui/src/app/pages/apps-routes/app-installed-list/app-installed-list.page.scss
View File

@@ -66,14 +66,28 @@
} }
.launch-button-transparent { .launch-button-transparent {
// position: absolute;
// z-index: 1;
// --border-radius: 100px;
// width: 42px;
// height: 42px;
// right: -5px;
// top: -5px;
// --background: linear-gradient(200deg, rgb(35, 178, 251, 1), rgb(35, 178, 251, 0.25));
position: absolute; position: absolute;
z-index: 1; /* z-index: 1; */
--border-radius: 100px; --border-radius: 0px;
width: 42px; width: 45px;
height: 42px; /* height: 42px; */
right: -5px; height: 100%;
top: -5px; right: -5px;
--background: linear-gradient(200deg, rgb(35, 178, 251, 1), rgb(35, 178, 251, 0.25)); --box-shadow: none;
/* top: -5px; */
border-style: outset;
border-width: 0px 0px 0px 0px;
border-color: #2a2a2a;
margin: 0px;
--background: linear-gradient(200deg, rgb(35, 178, 251, 1), rgb(35, 178, 251, 0.25));
} }
.launch-button-off { .launch-button-off {