mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 04:01:58 +00:00
5741cf084f
* begin subnav implementation * implement subnav AND angular forms for comparison * unions working-ish, list of enums working * new form approach almost complete * finish new forms approach for action inputs and config * expandable list items and handlebars display * Config animation (#394) * config cammel * config animation Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com> * improve server settings inputs, still needs work * delete all notifications, styling, and bugs * contracted by default Co-authored-by: Drew Ansbacher <drew.ansbacher@gmail.com> Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com>
37 lines
1.7 KiB
HTML
37 lines
1.7 KiB
HTML
<ion-content>
|
|
<ion-grid style="height: 100%; max-width: 540px;">
|
|
<ion-row class="ion-align-items-center" style="height: 100%;">
|
|
<ion-col class="ion-text-center">
|
|
|
|
<div style="padding-bottom: 16px;">
|
|
<img src="assets/img/logo.png" style="max-width: 240px;" />
|
|
</div>
|
|
|
|
<ion-card color="dark">
|
|
<ion-card-header class="ion-text-center" style="padding-bottom: 8px;">
|
|
<ion-card-title>Log in to Embassy</ion-card-title>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content class="ion-margin">
|
|
<form (submit)="submit()" style="margin-bottom: 12px;">
|
|
<ion-item-group>
|
|
<p class="input-label">Password</p>
|
|
<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 = ''"></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 *ngIf="error" 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">
|
|
<span style="font-size: larger; font-weight: bold;">Log In</span>
|
|
</ion-button>
|
|
</form>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content> |