page format

src/app/components/pending-suggested/pending-suggested.component.html

@@ -46,17 +46,24 @@
           <div style="max-width:2px; background-color: white; "></div>
           <ion-select style="max-width: 100px;
                       background-color: #f5f8f5;
-                      border-radius: 0px 10px 10px 0px;
-" aria-label="Favorite Fruit" value="Naira">
-            <ion-select-option value="apple">NGN</ion-select-option>
-            <ion-select-option value="banana">USD</ion-select-option>
+                      border-radius: 0px 10px 10px 0px;"
+                      [(ngModel)]='country'
+                      (ionChange)="testInputs()"
+                      aria-label="Favorite Fruit" value="Naira">
+            <ion-select-option value="NG">NGN</ion-select-option>
+            <ion-select-option value="US">USD</ion-select-option>
           </ion-select>
         </div>
       </ion-col>
       <ion-col>
         <div class="t_label">Timeline</div>
         <div class="t_item">
-          <ion-select aria-label="Time Line" value="0" style="background-color: #dff8df; border-radius: 10px 10px 10px 10px;">
+          <ion-select
+                  [(ngModel)]='timeline_days'
+                  (ionChange)="testInputs()"
+                  aria-label="Time Line" value="0"
+                  style="background-color: #dff8df;
+                  border-radius: 10px 10px 10px 10px;">
             <ion-select-option *ngFor="let item of timelineOptions" value="{{item.val}}">{{item.tx}}</ion-select-option>
           </ion-select>
         </div>
@@ -71,7 +78,13 @@
 
   <div class="t_label">Delivery Details</div>
   <div class="t_item">
-    <ion-textarea style="height: 120px; background-color: #dff8df;" label="Fixed label" labelPlacement="fixed" placeholder="Enter text"></ion-textarea>
+    <ion-textarea
+            style="height: 120px; background-color: #dff8df;"
+            [(ngModel)]='job_detail'
+            (ionChange)="testInputs()"
+            label="Delivery Details"
+            labelPlacement="fixed"
+            placeholder="Enter text"></ion-textarea>
 
 <!--    <ion-list>-->
 <!--     -->
@@ -106,8 +119,8 @@
             <ion-button
                     shape="round"
                     size="small"
-                    [disabled]="isProcessDisabled"
-                    (click)="processPayment(processor)">Assign Task </ion-button>
+                    [disabled]="isDisabled"
+                    (click)="processTask()">Assign Task </ion-button>
           </ion-col>
         </ion-row>
       </ion-grid>