80 lines
2.5 KiB
HTML
80 lines
2.5 KiB
HTML
<!-- vim: set tw=80 ts=2 sw=2 sts=2 :-->
|
|
<div>
|
|
<div class="row">
|
|
<form novalidate (keyup.enter)="submit()" #form="ngForm">
|
|
<div class="form-group">
|
|
<label for="operation-date">Date</label>
|
|
|
|
<input class="form-control"
|
|
[class.has-danger]="operationDate.errors"
|
|
id="operation-date" name="operationDate"
|
|
[(ngModel)]="operation.operation_date" #operationDate="ngModel"
|
|
[textMask]="{mask: dateMask}"
|
|
placeholder="Operation date" required>
|
|
|
|
<div class="help-block text-danger" *ngIf="operationDate.errors">
|
|
<small class="form-text" *ngIf="operationDate.errors.required">
|
|
The operation date is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="label">Label</label>
|
|
|
|
<input class="form-control"
|
|
[class.has-danger]="label.errors"
|
|
id="label" name="label"
|
|
[(ngModel)]="operation.label" #label="ngModel"
|
|
placeholder="Label" required>
|
|
|
|
<div class="help-block text-danger" *ngIf="label.errors">
|
|
<small class="form-text" *ngIf="label.errors.required">
|
|
The operation label is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="value">Montant</label>
|
|
|
|
<input class="form-control"
|
|
[class.has-errors]="value.errors"
|
|
id="value" name="value"
|
|
[(ngModel)]="operation.value" #value="ngModel"
|
|
type="number" placeholder="Value" required>
|
|
|
|
<div class="help-block text-danger" *ngIf="value.errors">
|
|
<small class="form-text" *ngIf="value.errors.required">
|
|
The operation value is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="category">Catégorie</label>
|
|
|
|
<input class="form-control"
|
|
[class.has-errors]="category.errors"
|
|
id="category" name="category"
|
|
[(ngModel)]="operation.category" #category="ngModel"
|
|
placeholder="Category" required>
|
|
|
|
<div class="help-block text-danger" *ngIf="category.errors">
|
|
<small class="form-text" *ngIf="category.errors.required">
|
|
The operation category is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn btn-primary" [disabled]="!form.valid" (click)="submit()">
|
|
Save
|
|
</button>
|
|
|
|
<button class="btn btn-default" (click)="cancel()">
|
|
Cancel
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|