Files
WrenchBoardIonic2023/src/app/pages/addjob/addjob.page.html
T
CHIEFSOFT\ameye a10e091858 JOb add
2024-02-05 11:25:51 -05:00

94 lines
3.2 KiB
HTML

<ion-header mode="ios" class="ion-no-border">
<ion-toolbar>
<ion-buttons slot="start" (click)="onBack()">
<ion-button>
<ion-icon name="arrow-back-outline"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>Add Job</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="boxed_contents">
<div style="padding: 5px;">
<ion-list>
<ion-item>
<ion-textarea label="Title"
(ionChange)="verifyEntry()"
[(ngModel)]='title'
maxlength="149"
placeholder="Enter Title"></ion-textarea>
</ion-item>
<ion-item>
<ion-textarea label="Description"
(ionChange)="verifyEntry()"
[(ngModel)]='description'
maxlength="299"
labelPlacement="stacked"
placeholder="Job Description"></ion-textarea>
</ion-item>
<ion-item>
<ion-textarea label="Delivery Details"
(ionChange)="verifyEntry()"
[(ngModel)]='job_detail'
style="min-height: 150px;"
maxlength="1440"
labelPlacement="floating"
placeholder="Delivery Details"></ion-textarea>
</ion-item>
<ion-item>
<ion-select
(ionChange)="verifyEntry()"
[(ngModel)]='timeline_days'
label="Timeline (expected duration)"
label-placement="stacked">
<ion-select-option *ngFor="let item of durationArray" value="{{item.duration}}">{{item.name}}</ion-select-option>
</ion-select>
</ion-item>
<ion-item>
<ion-row>
<ion-col>
<ion-input label="Price"
[(ngModel)]='price'
(ionChange)="verifyEntry()"
style="text-align: right;"
placeholder="0.00"></ion-input>
</ion-col>
<ion-col>
<ion-select
(ionChange)="verifyEntry()"
style="min-width: 100px;"
[(ngModel)]='country'
label="Currency">
<ion-select-option *ngFor="let item of walletResult;" value="{{item.country}}">{{item.code}}</ion-select-option>
</ion-select>
</ion-col>
</ion-row>
</ion-item>
</ion-list>
<ion-grid style="background-color: aliceblue;margin-top: 15px;">
<ion-row>
<ion-col>
<div style="font-weight: bolder; color: #8b198e;" *ngIf="result_message !='' ">
{{result_message}}
</div>
</ion-col>
<ion-col></ion-col>
<ion-col>
<ion-button
shape="round"
size="small"
[disabled]="isDisabled"
(click)="processCreateJob()">Create Job</ion-button>
</ion-col>
</ion-row>
</ion-grid>
</div>
</div>
</ion-content>