add job
This commit is contained in:
CHIEFSOFT\ameye
@@ -11,83 +11,125 @@
|
||||
|
||||
<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-label class="simp_lbl">Add New Job</ion-label>-->
|
||||
|
||||
<ion-grid style="margin: 15px;">
|
||||
|
||||
<ion-row>
|
||||
<ion-col size="3" class="side_lb">Currency</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-select
|
||||
(ionChange)="verifyEntry()"
|
||||
style="height: 35px"
|
||||
class="inp_lb"
|
||||
[(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-row>
|
||||
<ion-col size="3" class="side_lb">Reward</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-input label="Price"
|
||||
[(ngModel)]='price'
|
||||
(ionChange)="verifyEntry()"
|
||||
class="inp_lb"
|
||||
style="text-align: right;"
|
||||
placeholder="0.00"></ion-input>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col size="3" class="side_lb">Timeline</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-select
|
||||
(ionChange)="verifyEntry()"
|
||||
[(ngModel)]='timeline_days'
|
||||
label="Timeline (expected duration)"
|
||||
class="inp_lb"
|
||||
style="height: 35px"
|
||||
label-placement="stacked">
|
||||
<ion-select-option *ngFor="let item of durationArray" value="{{item.duration}}">{{item.name}}</ion-select-option>
|
||||
</ion-select>
|
||||
</ion-item>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<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-row>
|
||||
<ion-col size="3" class="side_lb">Title</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-textarea label="Title"
|
||||
(ionChange)="verifyEntry()"
|
||||
[(ngModel)]='title'
|
||||
maxlength="149"
|
||||
class="inp_lb"
|
||||
style="min-height: 80px;"
|
||||
placeholder="Enter Title"></ion-textarea>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-item>
|
||||
<ion-row>
|
||||
<ion-col size="3" class="side_lb">Description</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-textarea label="Description"
|
||||
(ionChange)="verifyEntry()"
|
||||
[(ngModel)]='description'
|
||||
maxlength="299"
|
||||
class="inp_lb"
|
||||
style="min-height: 100px;"
|
||||
placeholder="Job Description"></ion-textarea>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<ion-row>
|
||||
<ion-col size="3" class="side_lb">Delivery Details</ion-col>
|
||||
<ion-col size="9">
|
||||
<ion-textarea label="Delivery Details"
|
||||
(ionChange)="verifyEntry()"
|
||||
[(ngModel)]='job_detail'
|
||||
maxlength="1440"
|
||||
class="inp_lb"
|
||||
style="min-height: 150px;"
|
||||
placeholder="Delivery Details"></ion-textarea>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
<!-- <ion-row>-->
|
||||
<!-- <ion-col size="3" class="side_lb">Category</ion-col>-->
|
||||
<!-- <ion-col size="9">-->
|
||||
<!-- INPUTSIDE-->
|
||||
<!-- </ion-col>-->
|
||||
<!-- </ion-row>-->
|
||||
|
||||
<!-- <ion-row>-->
|
||||
<!-- <ion-col size="3" class="side_lb">Image</ion-col>-->
|
||||
<!-- <ion-col size="9">-->
|
||||
<!-- INPUTSIDE-->
|
||||
<!-- </ion-col>-->
|
||||
<!-- </ion-row>-->
|
||||
|
||||
<ion-row>
|
||||
<ion-col>
|
||||
<hr />
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
||||
|
||||
<ion-row>
|
||||
<ion-col size="6" class="side_lb">
|
||||
<div style="font-weight: bolder; color: #8b198e;" *ngIf="result_message !='' ">{{result_message}}</div>
|
||||
</ion-col>
|
||||
<ion-col size="6" style="text-align: right;">
|
||||
<ion-button
|
||||
shape="round"
|
||||
size="small"
|
||||
[disabled]="isDisabled"
|
||||
(click)="processCreateJob()">Create Job</ion-button>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
|
||||
</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>
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
.side_lb{
|
||||
font-weight: bolder;
|
||||
font-size: 14px;
|
||||
}
|
||||
.inp_lb{
|
||||
border-radius: 5px;
|
||||
background-color: aliceblue;
|
||||
padding: 2px;
|
||||
}
|
||||
Reference in New Issue
Block a user