Added action buttons to deliver orders

src/app/login/login.component.scss

@@ -42,6 +42,7 @@
             border-bottom: 1px solid var(--grey);
             font-size: 14px;
             padding: 0 5px;
+            background-color: transparent;
         }
     }
 

src/app/orders/orders.component.html

@@ -63,16 +63,22 @@
                     ₹ {{ getFixedDecimalPoints(item.total_price) }}
                 </div>
     		</td>
-    		<td>
-                <div class="action-buttons" *ngIf="order.orderstatus.orderstatus_id === 6">
-                    <button class="round-button" (click)="order.orderstatus.orderstatus_id = 1; updateOrder(order)"> Confirm </button>
-                    <button class="round-button" (click)="order.orderstatus.orderstatus_id = 4; updateOrder(order)"> Reject </button>
-                </div>
+    		<td>                
                 <div class="status" [ngClass]="{'success': order.orderstatus.orderstatus_id === 1,
                 'failed' : order.orderstatus.orderstatus_id === 2 || order.orderstatus.orderstatus_id === 4 || order.orderstatus.orderstatus_id === 5 }"
                 *ngIf="order.orderstatus.orderstatus_id !== 6">
                     {{ getOrderStatus(order.orderstatus.orderstatus_id).orderStatus }}
                 </div>
+
+                <div class="action-buttons" *ngIf="order.orderstatus.orderstatus_id === 6">
+                    <button class="round-button accept" (click)="order.orderstatus.orderstatus_id = 1; updateOrder(order)"> Confirm </button>
+                    <button class="round-button" (click)="order.orderstatus.orderstatus_id = 4; updateOrder(order)"> Reject </button>
+                </div>
+
+                <div class="action-buttons" *ngIf="order.orderstatus.orderstatus_id === 1 || order.orderstatus.orderstatus_id === 7">
+                    <button class="round-button accept" *ngIf="order.orderstatus.orderstatus_id !== 7" (click)="order.orderstatus.orderstatus_id = 7; updateOrder(order)"> Ready </button>
+                    <button class="round-button accept" (click)="order.orderstatus.orderstatus_id = 3; updateOrder(order)"> Delivered </button>
+                </div>
     		</td>
     	</tr>
     </tbody>

src/app/orders/orders.component.scss

@@ -149,9 +149,10 @@
             margin-left: 10px;
             margin-top: 10px;
 
-			&:first-child {
+			&.accept {
 				background-color: var(--brand-blue);
-			}
+            }
+            
 		}
 	}
 }

src/app/orders/orders.component.ts

@@ -46,6 +46,10 @@ export class OrdersComponent implements OnInit {
                         orderStatus: 'Accepted',
                         orderstatus_id: 1
                     }; break;
+                    case 'ready': this.filterOption = {
+                        orderStatus: 'Ready',
+                        orderstatus_id: 1
+                    }; break;
                     default: this.filterOption = {
                         orderStatus: 'All',
                         orderstatus_id: 0
@@ -84,6 +88,9 @@ export class OrdersComponent implements OnInit {
             }, {
                 orderstatus_id: 1,
                 orderStatus: 'Confirmed',
+            }, {
+                orderstatus_id: 7,
+                orderStatus: 'Ready',
             }];
         });