From 809c5a0ea1c160aad9fcbd0c5fa8be788174af8c Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Tue, 2 Jul 2024 18:02:12 -0400
Subject: [PATCH] add job

---
 src/app/pages/addjob/addjob.page.html | 176 ++++++++++++++++----------
 src/app/pages/addjob/addjob.page.scss |   9 ++
 2 files changed, 118 insertions(+), 67 deletions(-)

diff --git a/src/app/pages/addjob/addjob.page.html b/src/app/pages/addjob/addjob.page.html
index 34d59cf..ab342c7 100644
--- a/src/app/pages/addjob/addjob.page.html
+++ b/src/app/pages/addjob/addjob.page.html
@@ -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>
diff --git a/src/app/pages/addjob/addjob.page.scss b/src/app/pages/addjob/addjob.page.scss
index e69de29..986365b 100644
--- a/src/app/pages/addjob/addjob.page.scss
+++ b/src/app/pages/addjob/addjob.page.scss
@@ -0,0 +1,9 @@
+.side_lb{
+  font-weight: bolder;
+  font-size: 14px;
+}
+.inp_lb{
+  border-radius: 5px;
+  background-color: aliceblue;
+  padding: 2px;
+}
\ No newline at end of file