barker/bookie/src/app/regimes/regime-detail/regime-detail.component.html

48 lines
1.4 KiB
HTML

<mat-card class="flex-auto lg:max-w-[50%]">
<mat-card-header>
<mat-card-title>Regime</mat-card-title>
</mat-card-header>
<mat-card-content>
<form [formGroup]="form" class="flex flex-col">
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Name</mat-label>
<input matInput #nameElement formControlName="name" (keyup.enter)="save()" />
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Header</mat-label>
<textarea matInput formControlName="header"></textarea>
</mat-form-field>
</div>
<div class="flex flex-row justify-around content-start items-start">
<mat-form-field class="flex-auto">
<mat-label>Prefix</mat-label>
<input matInput formControlName="prefix" />
</mat-form-field>
</div>
</form>
</mat-card-content>
<mat-card-actions>
<button
mat-raised-button
[disabled]="item.isFixture"
color="primary"
class="mr-5"
(click)="save()"
>
Save
</button>
<button
mat-raised-button
[disabled]="item.isFixture"
color="warn"
(click)="confirmDelete()"
*ngIf="!!item.id"
>
Delete
</button>
</mat-card-actions>
</mat-card>