91 lines
6.0 KiB
HTML
91 lines
6.0 KiB
HTML
<div class="row justify-content-center">
|
|
<div class="col-8">
|
|
<form name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">
|
|
<h2 id="jhi-asset-heading" jhiTranslate="hsadminNgApp.asset.home.createOrEditLabel">Create or edit a Asset</h2>
|
|
<div>
|
|
<jhi-alert-error></jhi-alert-error>
|
|
<div class="form-group" [hidden]="!asset.id">
|
|
<label for="id" jhiTranslate="global.field.id">ID</label>
|
|
<input type="text" class="form-control" id="id" name="id"
|
|
[(ngModel)]="asset.id" readonly />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-control-label" jhiTranslate="hsadminNgApp.asset.date" for="field_date">Date</label>
|
|
<div class="input-group">
|
|
<input id="field_date" type="text" class="form-control" name="date" ngbDatepicker #dateDp="ngbDatepicker" [(ngModel)]="asset.date"
|
|
required/>
|
|
<span class="input-group-append">
|
|
<button type="button" class="btn btn-secondary" (click)="dateDp.toggle()"><fa-icon [icon]="'calendar-alt'"></fa-icon></button>
|
|
</span>
|
|
</div>
|
|
<div [hidden]="!(editForm.controls.date?.dirty && editForm.controls.date?.invalid)">
|
|
<small class="form-text text-danger"
|
|
[hidden]="!editForm.controls.date?.errors?.required" jhiTranslate="entity.validation.required">
|
|
This field is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-control-label" jhiTranslate="hsadminNgApp.asset.action" for="field_action">Action</label>
|
|
<select class="form-control" name="action" [(ngModel)]="asset.action" id="field_action" required>
|
|
<option value="PAYMENT">{{'hsadminNgApp.AssetAction.PAYMENT' | translate}}</option>
|
|
<option value="HANDOVER">{{'hsadminNgApp.AssetAction.HANDOVER' | translate}}</option>
|
|
<option value="ADOPTION">{{'hsadminNgApp.AssetAction.ADOPTION' | translate}}</option>
|
|
<option value="LOSS">{{'hsadminNgApp.AssetAction.LOSS' | translate}}</option>
|
|
<option value="CLEARING">{{'hsadminNgApp.AssetAction.CLEARING' | translate}}</option>
|
|
<option value="PAYBACK">{{'hsadminNgApp.AssetAction.PAYBACK' | translate}}</option>
|
|
</select>
|
|
<div [hidden]="!(editForm.controls.action?.dirty && editForm.controls.action?.invalid)">
|
|
<small class="form-text text-danger"
|
|
[hidden]="!editForm.controls.action?.errors?.required" jhiTranslate="entity.validation.required">
|
|
This field is required.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-control-label" jhiTranslate="hsadminNgApp.asset.amount" for="field_amount">Amount</label>
|
|
<input type="number" class="form-control" name="amount" id="field_amount"
|
|
[(ngModel)]="asset.amount" required/>
|
|
<div [hidden]="!(editForm.controls.amount?.dirty && editForm.controls.amount?.invalid)">
|
|
<small class="form-text text-danger"
|
|
[hidden]="!editForm.controls.amount?.errors?.required" jhiTranslate="entity.validation.required">
|
|
This field is required.
|
|
</small>
|
|
<small class="form-text text-danger"
|
|
[hidden]="!editForm.controls.amount?.errors?.number" jhiTranslate="entity.validation.number">
|
|
This field should be a number.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-control-label" jhiTranslate="hsadminNgApp.asset.comment" for="field_comment">Comment</label>
|
|
<input type="text" class="form-control" name="comment" id="field_comment"
|
|
[(ngModel)]="asset.comment" maxlength="160"/>
|
|
<div [hidden]="!(editForm.controls.comment?.dirty && editForm.controls.comment?.invalid)">
|
|
<small class="form-text text-danger"
|
|
[hidden]="!editForm.controls.comment?.errors?.maxlength" jhiTranslate="entity.validation.maxlength" [translateValues]="{ max: 160 }">
|
|
This field cannot be longer than 160 characters.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-control-label" jhiTranslate="hsadminNgApp.asset.member" for="field_member">Member</label>
|
|
<select class="form-control" id="field_member" name="member" [(ngModel)]="asset.memberId" >
|
|
<option [ngValue]="null"></option>
|
|
<option [ngValue]="membershipOption.id" *ngFor="let membershipOption of memberships; trackBy: trackMembershipById">{{membershipOption.id}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<button type="button" id="cancel-save" class="btn btn-secondary" (click)="previousState()">
|
|
<fa-icon [icon]="'ban'"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
|
</button>
|
|
<button type="submit" id="save-entity" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">
|
|
<fa-icon [icon]="'save'"></fa-icon> <span jhiTranslate="entity.action.save">Save</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|