Moved to Angular 6.0
---- Pending * Table width for the points column in incentive * Linting * keyboard navigation where it was used earlier * can remove the unused totals calculated serverside in productledger * spinner and loading bars * Activate Guard for Employee Function tabs * Progress for Fingerprint uploads * deleted reconcile and receipe features as they were not being used * focus the right control on component load
This commit is contained in:
tanshu
127
overlord/src/app/settings/settings.component.html
Normal file
127
overlord/src/app/settings/settings.component.html
Normal file
@ -0,0 +1,127 @@
|
||||
<mat-tab-group>
|
||||
<mat-tab label="Lock Dates">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<form [formGroup]="lockDatesForm" fxLayout="column">
|
||||
<div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
|
||||
fxLayoutGap.lt-md="0px">
|
||||
<mat-checkbox formControlName="lockOlder" fxFlex="20">Lock Older</mat-checkbox>
|
||||
<mat-checkbox formControlName="olderRolling" *ngIf="lockInformation.lockOlder" fxFlex="20">
|
||||
Is Rolling
|
||||
</mat-checkbox>
|
||||
<mat-form-field fxFlex="60" *ngIf="lockInformation.lockOlder && !lockInformation.olderRolling">
|
||||
<input matInput [matDatepicker]="olderDate" (focus)="olderDate.open()" placeholder="Date"
|
||||
formControlName="olderDate" autocomplete="off">
|
||||
<mat-datepicker-toggle matSuffix [for]="olderDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #olderDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="60" *ngIf="lockInformation.lockOlder && lockInformation.olderRolling">
|
||||
<input matInput placeholder="Days" formControlName="olderDays" autocomplete="off">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
|
||||
fxLayoutGap.lt-md="0px">
|
||||
<mat-checkbox formControlName="lockNewer" fxFlex="20">Lock Newer</mat-checkbox>
|
||||
<mat-checkbox formControlName="newerRolling" *ngIf="lockInformation.lockNewer" fxFlex="20">
|
||||
Is Rolling
|
||||
</mat-checkbox>
|
||||
<mat-form-field fxFlex="60" *ngIf="lockInformation.lockNewer && !lockInformation.newerRolling">
|
||||
<input matInput [matDatepicker]="newerDate" (focus)="newerDate.open()" placehnewer="Date"
|
||||
formControlName="newerDate" autocomplete="off">
|
||||
<mat-datepicker-toggle matSuffix [for]="newerDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #newerDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="60" *ngIf="lockInformation.lockNewer && lockInformation.newerRolling">
|
||||
<input matInput placehnewer="Days" formControlName="newerDays" autocomplete="off">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</form>
|
||||
<mat-card-actions>
|
||||
<button mat-raised-button color="primary" (click)="setLockDates()">Set</button>
|
||||
<button mat-raised-button color="warn" (click)="clearLockDates()">Delete</button>
|
||||
</mat-card-actions>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab label="Rebase Data">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<form [formGroup]="rebaseDataForm" fxLayout="column">
|
||||
<div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column"
|
||||
fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
|
||||
<mat-form-field fxFlex="80">
|
||||
<input matInput [matDatepicker]="rebaseDataDate" (focus)="rebaseDataDate.open()" placeholder="Date"
|
||||
formControlName="date"
|
||||
autocomplete="off">
|
||||
<mat-datepicker-toggle matSuffix [for]="rebaseDataDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #rebaseDataDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
<button mat-raised-button color="primary" (click)="confirmRebase()" fxFlex="20">Rebase</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab label="Reset Stock">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<form [formGroup]="resetStockForm" fxLayout="row" fxLayoutAlign="space-around start"
|
||||
fxLayout.lt-md="column" fxLayoutGap="20px" fxLayoutGap.lt-md="0px">
|
||||
<mat-form-field fxFlex="20">
|
||||
<input matInput [matDatepicker]="resetDate" (focus)="resetDate.open()" placeholder="Reset Date"
|
||||
formControlName="resetDate"
|
||||
autocomplete="off">
|
||||
<mat-datepicker-toggle matSuffix [for]="resetDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #resetDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="20">
|
||||
<input matInput [matDatepicker]="stockDate" (focus)="stockDate.open()" placeholder="Stock Date"
|
||||
formControlName="stockDate"
|
||||
autocomplete="off">
|
||||
<mat-datepicker-toggle matSuffix [for]="stockDate"></mat-datepicker-toggle>
|
||||
<mat-datepicker #stockDate></mat-datepicker>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="40">
|
||||
<mat-label>Product</mat-label>
|
||||
<input type="text" matInput placeholder="Product" [matAutocomplete]="auto" formControlName="product"
|
||||
autocomplete="off">
|
||||
<mat-autocomplete #auto="matAutocomplete" autoActiveFirstOption [displayWith]="displayProduct"
|
||||
(optionSelected)="selectedProduct($event)">
|
||||
<mat-option *ngFor="let product of products | async" [value]="product">{{product.name}}</mat-option>
|
||||
</mat-autocomplete>
|
||||
</mat-form-field>
|
||||
<mat-form-field fxFlex="10">
|
||||
<mat-label>Quantity</mat-label>
|
||||
<input matInput placehnewer="Quantity" formControlName="quantity" autocomplete="off">
|
||||
</mat-form-field>
|
||||
|
||||
<button mat-raised-button color="warn" (click)="confirmResetStock()" fxFlex="10">Rebase</button>
|
||||
</form>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab label="Integrity Check">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<button mat-raised-button color="warn" (click)="checkIntegrity()" fxFlex="100">Integrity Check</button>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab label="Maintenance Mode">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<mat-card-subtitle *ngIf="maintenance.enabled">
|
||||
Maintenance mode is <strong>ENABLED</strong> by user <strong>{{maintenance.user}}</strong>.
|
||||
</mat-card-subtitle>
|
||||
<mat-card-subtitle *ngIf="!maintenance.enabled">
|
||||
Maintenance mode is <strong>DISABLED</strong>.
|
||||
</mat-card-subtitle>
|
||||
|
||||
<button mat-raised-button [color]="maintenance.enabled ? 'warn' : 'primary'" (click)="toggleMaintenance()"
|
||||
fxFlex="100">{{ maintenance.enabled ? 'Disable' : 'Enable' }}
|
||||
</button>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
Reference in New Issue
Block a user