Add Menu items API connection

src/app/menu-items/menu-items.component.html

@@ -82,7 +82,7 @@
                 </li>
                 <li>
                     <label> Waiting Time (In Minutes) </label>
-                    <input type="number" [(ngModel)]="newItem.wait_duration">
+                    <input type="number" [(ngModel)]="newItem.wait_duration.minutes">
                 </li>
             </ul>
 

src/app/menu-items/menu-items.component.ts

@@ -25,7 +25,17 @@ export class MenuItemsComponent implements OnInit {
         menu_item_name: string,
         rating: number,
         soft_delete: boolean,
-        wait_duration: number,
+        wait_duration: {
+            date: number,
+            day: number,
+            hours: number,
+            minutes: number,
+            month: number,
+            seconds: number,
+            time: number,
+            timezoneOffset: number,
+            year: number,
+        },
     } = {
         image_url: '',
         is_available: false,
@@ -36,7 +46,17 @@ export class MenuItemsComponent implements OnInit {
         menu_item_name: '',
         rating: 3,
         soft_delete: false,
-        wait_duration: 0
+        wait_duration: {
+            date: 0,
+            day: 0,
+            hours: 0,
+            minutes: 0,
+            month: 0,
+            seconds: 0,
+            time: 0,
+            timezoneOffset: 0,
+            year: 0,
+        }
     };
 
 	constructor(
@@ -80,7 +100,11 @@ export class MenuItemsComponent implements OnInit {
     }
 
     addNewItem() {
-        console.log(this.newItem);
+        this.itemService.addMenuItem(this.newItem).then((data) => {
+            console.log(data);
+        }, (err) => {
+            alert("Failed to create item");
+        })
     }
 
 }

src/app/services/item.service.ts

@@ -24,4 +24,15 @@ export class ItemService {
 		};
         return this.http.put(URL + '/api/maioraservice/menuitems/v1/update/', menuItem, httpOptions).toPromise();
     }
+
+    addMenuItem(menuItem: any) {
+        const httpOptions = {
+			headers: new HttpHeaders({
+				'Access-Control-Allow-Origin': '*',
+				'Content-Type': 'application/json',
+				'Authorization': 'Bearer ' + localStorage.token
+			})
+		};
+        return this.http.post(URL + '/api/maioraservice/menuitems/v1/create/', menuItem, httpOptions).toPromise();
+    }
 }