shifted controllers to diff files, fetching data via api

directives/cartItemCard.htm

@@ -19,13 +19,13 @@ <h5 class="card-subtitle mb-2 horizontal-margin">
       <div>
         <a
           class="btn btn-primary horizontal-margin"
-          ng-click="changeItemQuantityInCart( {action:-1, itemID:item.id})"
+          ng-click="changeItemQuantityInCart( {action:-1, itemId:item.id})"
           >-</a
         >
-        {{getCartQuantity({itemID: item.id})}}
+        {{getCartQuantity({itemId: item.id})}}
         <a
           class="btn btn-primary horizontal-margin"
-          ng-click="changeItemQuantityInCart({action: 1, itemID: item.id})"
+          ng-click="changeItemQuantityInCart({action: 1, itemId: item.id})"
           >+</a
         >
       </div>

directives/cartSidebar.htm

@@ -26,8 +26,8 @@
     <div class="card" style="width: 14rem" ng-repeat="item in cart">
       <cart-item-card
         item="item"
-        get-cart-quantity="getCartQuantity(itemID)"
-        change-item-quantity-in-cart="changeItemQuantityInCart(action, itemID)"
+        get-cart-quantity="getCartQuantity(itemId)"
+        change-item-quantity-in-cart="changeItemQuantityInCart(action, itemId)"
       ></cart-item-card>
     </div>
 

directives/homeNavbar.htm

@@ -6,9 +6,9 @@
           <a
             class="btn"
             style="color: slategrey"
-            ng-click="toggleFilter({filterType:'type', property:'veg'})"
+            ng-click="toggleFilter({filterType:'type', property:'Veg'})"
             uib-tooltip="Toggle Veg dishes" tooltip-placement="bottom"
-            >VEG</a
+            >Veg</a
           >
         </li>
 
@@ -34,4 +34,5 @@
         </li>
       </ul>
     </div>
+    <hr />
   </div>

directives/itemCard.htm

@@ -36,21 +36,21 @@ <h5 class="card-title">{{item.name}}</h5>
               ><small style="color: white">.</small>
             </div>
           </div>
-          <div ng-if="getCartQuantity({itemID: item.id}) === 0">
+          <div ng-if="getCartQuantity({itemId: item.id}) === 0">
             <a class="btn btn-primary" ng-click="addItemToCart({item: item})"
               >ADD</a
             >
           </div>
-          <div ng-if="getCartQuantity({itemID: item.id}) !== 0">
+          <div ng-if="getCartQuantity({itemId: item.id}) !== 0">
             <a
               class="btn btn-primary horizontal-margin"
-              ng-click="changeItemQuantityInCart({action: -1, itemID:item.id})"
+              ng-click="changeItemQuantityInCart({action: -1, itemId:item.id})"
               >-</a
             >
-            {{getCartQuantity({itemID: item.id})}}
+            {{getCartQuantity({itemId: item.id})}}
             <a
               class="btn btn-primary horizontal-margin"
-              ng-click="changeItemQuantityInCart({action: 1, itemID:item.id})"
+              ng-click="changeItemQuantityInCart({action: 1, itemId:item.id})"
               >+</a
             >
           </div>

directives/navbar.htm

@@ -17,5 +17,5 @@
         <a ng-click="toggleCartVisibility()">Cart</a>
       </li>
     </ul>
-  </div>
+  </div >
 </nav>

index.htm

@@ -36,8 +36,8 @@
           is-cart-open="isCartOpen"
           cart="cart"
           toggle-cart-visibility="toggleCartVisibility()"
-          change-item-quantity-in-cart="changeItemQuantityInCart(action, itemID)"
-          get-cart-quantity="getCartQuantity(itemID)"
+          change-item-quantity-in-cart="changeItemQuantityInCart(action, itemId)"
+          get-cart-quantity="getCartQuantity(itemId)"
           get-cart-subtotal="getCartSubtotal()"
           get-cart-subtotal-without-discount = "getCartSubtotalWithoutDiscount()"
         ></cart-sidebar>
@@ -46,7 +46,10 @@
 
     <script src="ng/app.js"></script>
     <script src="ng/routes.js"></script>
-    <script src="ng/controllers.js"></script>
+    <script src="ng/controllers/bodyController.js"></script>
+    <script src="ng/controllers/buyNowModalController.js"></script>
+    <script src="ng/controllers/homeController.js"></script>
+    <script src="ng/controllers/itemDetailsController.js"></script>
     <script src="ng/services.js"></script>
     <script src="ng/directives.js"></script>
   </body>

ng/controllers/bodyController.js

@@ -0,0 +1,18 @@
+oldMenu.controller("bodyController", [
+    "$scope",
+    "cartService",
+    function ($scope, cartService) {
+      $scope.isCartOpen = false;
+
+      $scope.toggleCartVisibility = function () {
+        $scope.cart = cartService.cart;
+        $scope.isCartOpen = !$scope.isCartOpen;
+      };
+
+      $scope.getCartQuantity = cartService.getCartQuantity;
+      $scope.changeItemQuantityInCart = cartService.changeItemQuantityInCart;
+      $scope.getCartSubtotal = cartService.getCartSubtotal;
+      $scope.getCartSubtotalWithoutDiscount =
+        cartService.getCartSubtotalWithoutDiscount;
+    },
+  ]);

ng/controllers/buyNowModalController.js

@@ -0,0 +1,46 @@
+oldMenu.controller("ModalController", [
+  "$scope",
+  "$uibModal",
+  "cartService",
+  function ($scope, $uibModal, cartService) {
+    $scope.openModal = function () {
+      var modalInstance = $uibModal.open({
+        templateUrl: "checkoutModal.htm",
+        controller: "ModalInstanceController",
+        size: "lg",
+        resolve: {
+          cartService: cartService,
+        },
+      });
+
+      modalInstance.result.then(
+        function (selectedItem) {
+          $scope.selected = selectedItem;
+        },
+        function () {
+          console.log("Modal dismissed");
+        }
+      );
+    };
+  },
+]);
+
+oldMenu.controller("ModalInstanceController", [
+  "$scope",
+  "$uibModalInstance",
+  "cartService",
+  function ($scope, $uibModalInstance, cartService) {
+    $scope.cart = cartService.cart;
+
+    $scope.getCartSubtotal = cartService.getCartSubtotal;
+    console.log($scope.getCartSubtotal);
+
+    $scope.ok = function () {
+      $uibModalInstance.close("Some result");
+    };
+
+    $scope.cancel = function () {
+      $uibModalInstance.dismiss("cancel");
+    };
+  },
+]);