You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
2.5 KiB
42 lines
2.5 KiB
<div class="page-container" id="apply-leave">
|
|
<div class="align-middle">
|
|
<p-inputSwitch [(ngModel)]="checked1"></p-inputSwitch>
|
|
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.leaveType}}" value=""/>
|
|
<p class="down-arrow"><img class="bike-card-arrow-dropdown" src="assets/svg/arrow-down.svg"></p>
|
|
</div>
|
|
<div class="align-middle flex-row">
|
|
<div class="flex-1 margin-top-3 margin-right-3">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.from}}" value=""/>
|
|
<p class="calendar-icon"><img class="bike-card-arrow-dropdown" src="assets/svg/calendar-input.svg"></p>
|
|
</div>
|
|
<div class="flex-1 margin-top-3">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.to}}" value=""/>
|
|
<p class="calendar-icon"><img class="bike-card-arrow-dropdown" src="assets/svg/calendar-input.svg"></p>
|
|
</div>
|
|
</div>
|
|
<div class="align-middle flex-row">
|
|
<div class="flex-1 margin-top-3 margin-right-3">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.startTime}}" value=""/>
|
|
</div>
|
|
<div class="flex-1 margin-top-3">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.endTime}}" value=""/>
|
|
</div>
|
|
</div>
|
|
<div class="margin-top-3 align-middle">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.place}}" value=""/>
|
|
</div>
|
|
<div class="margin-top-3 align-middle">
|
|
<input type="text" id="leaveType"
|
|
formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="{{languageConstants.reason}}" value=""/>
|
|
</div>
|
|
<div class="margin-top-3 align-middle">
|
|
<button class="font-body-xsmall-bold" type="button" (click)="onSubmitForm()">{{languageConstants.review}}</button>
|
|
</div>
|
|
</div>
|