mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 20:14:49 +00:00
35cb81518c
* add new card widget for empty services page * add homepage * fix icons * copy and arrangement changes * minor changes * edit login page * rcreate widget list component * cchange change detection strategy * show header in home, welcome in list (#1957) * show hear in home but not in list * adjust padding Co-authored-by: Lucy Cifferello <12953208+elvece@users.noreply.github.com> Co-authored-by: Matt Hill <matthewonthemoon@gmail.com> Co-authored-by: Matt Hill <MattDHill@users.noreply.github.com>
61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<ion-content>
|
|
<ion-grid style="height: 100%; max-width: 540px">
|
|
<ion-row class="ion-align-items-center" style="height: 90%">
|
|
<ion-col class="ion-text-center">
|
|
<div style="padding-bottom: 16px">
|
|
<img src="assets/img/logo.png" style="max-width: 240px" />
|
|
</div>
|
|
|
|
<ion-card>
|
|
<ion-card-header class="ion-text-center" style="padding-bottom: 8px">
|
|
<ion-card-title>Embassy Login</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content class="ion-margin ion-text-center">
|
|
<form
|
|
class="inline"
|
|
(submit)="submit()"
|
|
style="margin-bottom: 12px"
|
|
>
|
|
<ion-item-group>
|
|
<ion-item color="dark">
|
|
<ion-icon
|
|
slot="start"
|
|
name="key-outline"
|
|
style="margin-right: 16px"
|
|
></ion-icon>
|
|
<ion-input
|
|
[type]="unmasked ? 'text' : 'password'"
|
|
name="password"
|
|
[(ngModel)]="password"
|
|
(ionChange)="error = ''"
|
|
placeholder="Password"
|
|
></ion-input>
|
|
<ion-button fill="clear" color="light" (click)="toggleMask()">
|
|
<ion-icon
|
|
slot="icon-only"
|
|
[name]="unmasked ? 'eye-off-outline' : 'eye-outline'"
|
|
size="small"
|
|
></ion-icon>
|
|
</ion-button>
|
|
</ion-item>
|
|
<p style="text-align: left; padding-top: 4px">
|
|
<ion-text color="danger">{{ error }}</ion-text>
|
|
</p>
|
|
</ion-item-group>
|
|
<ion-button
|
|
class="login-button"
|
|
type="submit"
|
|
expand="block"
|
|
color="tertiary"
|
|
>
|
|
<span style="font-size: larger; font-weight: bold">Login</span>
|
|
</ion-button>
|
|
</form>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content>
|