You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
5.2 KiB
111 lines
5.2 KiB
<h2 mat-dialog-title>Scrutiny Settings</h2>
|
|
<mat-dialog-content class="mat-typography">
|
|
|
|
<div class="flex flex-col p-8 pb-0 overflow-hidden">
|
|
<div class="flex flex-col mt-5 gt-md:flex-row">
|
|
|
|
<mat-form-field class="flex-auto gt-xs:pr-3 gt-md:pr-3">
|
|
<mat-label>Dark Mode</mat-label>
|
|
<mat-select [(ngModel)]="theme">
|
|
<mat-option value="system">System</mat-option>
|
|
<mat-option value="dark">Dark</mat-option>
|
|
<mat-option value="light">Light</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="flex flex-col mt-5 gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-xs:pr-3 gt-md:pr-3">
|
|
<mat-label>Display Title</mat-label>
|
|
<mat-select [(ngModel)]="dashboardDisplay">
|
|
<mat-option value="name">Name</mat-option>
|
|
<mat-option value="serial_id">Serial ID</mat-option>
|
|
<mat-option value="uuid">UUID</mat-option>
|
|
<mat-option value="label">Label</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="flex-auto gt-xs:pr-3 gt-md:pl-3">
|
|
<mat-label>Sort By</mat-label>
|
|
<mat-select [(ngModel)]="dashboardSort">
|
|
<mat-option value="status">Status</mat-option>
|
|
<mat-option value="title">Title</mat-option>
|
|
<mat-option value="age">Age</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div class="flex flex-col mt-5 gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-xs:pr-3 gt-md:pr-3">
|
|
<mat-label>Temperature Display Unit</mat-label>
|
|
<mat-select [(ngModel)]="temperatureUnit">
|
|
<mat-option value="celsius">Celsius</mat-option>
|
|
<mat-option value="fahrenheit">Fahrenheit</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<mat-tab-group mat-align-tabs="start">
|
|
<mat-tab label="Ata">
|
|
|
|
<div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-md:pr-3">
|
|
<mat-label class="text-hint">Critical Error Threshold</mat-label>
|
|
<input disabled matInput [value]="'10%'">
|
|
</mat-form-field>
|
|
<mat-form-field class="flex-auto gt-md:pl-3">
|
|
<mat-label class="text-hint">Critical Warning Threshold</mat-label>
|
|
<input disabled matInput>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<div matTooltip="not yet implemented" class="flex flex-col gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-md:pr-3">
|
|
<mat-label class="text-hint">Error Threshold</mat-label>
|
|
<input disabled matInput [value]="'20%'">
|
|
</mat-form-field>
|
|
<mat-form-field class="flex-auto gt-md:pl-3">
|
|
<mat-label class="text-hint">Warning Threshold</mat-label>
|
|
<input disabled matInput [value]="'10%'">
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
</mat-tab>
|
|
<mat-tab label="NVMe">
|
|
|
|
<div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-md:pr-3">
|
|
<mat-label class="text-hint">Critical Error Threshold</mat-label>
|
|
<input disabled matInput [value]="'enabled'">
|
|
</mat-form-field>
|
|
<mat-form-field class="flex-auto gt-md:pl-3">
|
|
<mat-label class="text-hint">Critical Warning Threshold</mat-label>
|
|
<input disabled matInput>
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
</mat-tab>
|
|
<mat-tab label="SCSI">
|
|
<div matTooltip="not yet implemented" class="flex flex-col mt-5 gt-md:flex-row">
|
|
<mat-form-field class="flex-auto gt-md:pr-3">
|
|
<mat-label class="text-hint">Critical Error Threshold</mat-label>
|
|
<input disabled matInput [value]="'enabled'">
|
|
</mat-form-field>
|
|
<mat-form-field class="flex-auto gt-md:pl-3">
|
|
<mat-label class="text-hint">Critical Warning Threshold</mat-label>
|
|
<input disabled matInput>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|
|
</div>
|
|
|
|
</mat-dialog-content>
|
|
<mat-dialog-actions align="end">
|
|
<button mat-button mat-dialog-close>Cancel</button>
|
|
<button mat-button mat-dialog-close (click)="saveSettings()" cdkFocusInitial>Save</button>
|
|
</mat-dialog-actions>
|