<div class="alert alert-success" *ngIf="isHttpError">
<p>web http request error</p>
</div>
<h3 class="page-title">Edit ID: {{ idtimeRecord }} </h3>
<style>
div {
margin: 4px;
padding: 4px;
/* background-color: #eeeeee; */
width: 600px;
}
p {
color: blue;
}
::ng-deep .mat-focused .mat-form-field-label {
/*change color of label*/
color: rgb(253, 250, 244) !important;
}
::ng-deep.mat-form-field-underline {
/*change color of underline*/
background-color: green !important;
}
::ng-deep.mat-form-field-ripple {
/*change color of underline when focused*/
background-color: green !important;
;
}
</style>
<form novalidate #f="ngForm" style="background-color: darkslategrey;">
<div>
<mat-form-field style="width: 300px;">
<mat-label>project</mat-label>
<input type="text" name="ctlproject" matInput [(ngModel)]="project" maxlength="50">
</mat-form-field>
</div>
<div>
<mat-form-field style="width: 500px;">
<mat-label>details</mat-label>
<input type="text" name="ctldetails" matInput [(ngModel)]="details" maxlength="255">
</mat-form-field>
</div>
<div>
<mat-form-field style="width:130px;">
<mat-label>Date</mat-label>
<input type="date" name="ctlsDateStart" matInput [(ngModel)]="sDateStart" >
</mat-form-field>
<mat-form-field style="width: 100px;">
<mat-label>Start</mat-label>
<input type="time" name="ctlsTimeStart" matInput [(ngModel)]="sTimeStart" (change)="onInput_Change($event)">
</mat-form-field>
<mat-form-field style="width: 100px;">
<mat-label>End</mat-label>
<input type="time" name="ctlsTimeEnd" matInput [(ngModel)]="sTimeEnd" (change)="onInput_Change($event)">
</mat-form-field>
<mat-form-field style="width: 100px;">
<mat-label>+Driving</mat-label>
<input type="time" name="ctlsDrivingTime" matInput [(ngModel)]="sTimeDriving" (change)="onInput_Change($event)">
</mat-form-field>
<mat-form-field style="width: 100px;">
<mat-label>-Pause</mat-label>
<input type="time" name="ctlsTimePause" matInput [(ngModel)]="sTimePause" (change)="onInput_Change($event)">
</mat-form-field>
<mat-form-field style="width: 100px;">
<mat-label>Duration</mat-label>
<input disabled type="time" name="ctlsDuration" matInput [(ngModel)]="sDuration">
</mat-form-field>
</div>
</form>
|