94 lines
3.2 KiB
HTML
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>
|