price add

src/app/pages/family/family.page.html

@@ -83,6 +83,8 @@
           <div class="text">
             <ion-label class="bold_text">{{item.title}}</ion-label>
             <ion-label class="grey_text">{{item.job_description}}</ion-label>
+            <ion-label class="price_line">{{item.contract}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
+            <ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
           </div>
         </div>
         <div class="right">

src/app/pages/family/family.page.scss

@@ -16,6 +16,15 @@ ion-content {
     }
   }
 
+  .due_date{
+    color: red;
+    font-size: 12px;
+  }
+  .price_line{
+    color: green;
+    font-weight: bolder;
+    font-size: 12px;
+  }
   .flex {
     display: flex;
     justify-content: space-between;

src/app/pages/jobmanager/jobmanager.page.html

@@ -60,6 +60,8 @@
           <div class="text">
             <ion-label class="bold_text">{{item.title}}</ion-label>
             <ion-label class="grey_text">{{item.description}}</ion-label>
+            <ion-label class="price_line">{{item.contract}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
+            <ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
           </div>
         </div>
         <div class="right">
@@ -80,6 +82,8 @@
           <div class="text">
             <ion-label class="bold_text">{{item.title}}</ion-label>
             <ion-label class="grey_text">{{item.description}}</ion-label>
+            <ion-label class="price_line">{{item.contract}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
+            <ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
           </div>
         </div>
         <div class="right">
@@ -99,6 +103,9 @@
           <div class="text">
             <ion-label class="bold_text">{{item.title}}</ion-label>
             <ion-label class="grey_text">{{item.description}}</ion-label>
+            <ion-label class="price_line">{{item.contract}}   {{item.price*0.01}} {{item.currency}}  </ion-label>
+            <ion-label class="due_date">Due Date: {{item.delivery_date}}</ion-label>
+
           </div>
         </div>
         <div class="right">

src/app/pages/jobmanager/jobmanager.page.scss

@@ -9,7 +9,15 @@ ion-content {
       color: white;
     }
   }
-
+.due_date{
+  color: red;
+  font-size: 12px;
+}
+  .price_line{
+    color: green;
+    font-weight: bolder;
+    font-size: 12px;
+  }
   .flex {
     display: flex;
     justify-content: space-between;