Shop design page

Author: antoinejoerg

Zenergy/Zenergy/Pages/shop.html

@@ -0,0 +1,32 @@
+<nav class="navbar navbar-default navbar-static-top">
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-8">
+        <ul class="nav navbar-nav">
+            <li><a href="#Shop" ng-click="test()">All</a></li>
+            <li ng-repeat="c in categories"><a href="#Shop" ng-click="test()">{{c.categoryName}}</a></li>
+        </ul>
+    </div>
+</nav>
+<div class="container ">
+    <div class="row">
+
+        <div ng-repeat="p in products" class="col-md-4">
+            <div class="panel panel-primary">
+                <div class="panel-heading">
+                    <h3 class="panel-title">{{p.productName}} {{p.productPrice}}€ ( -{{p.memberReduction}}% for the members)</h3>
+                </div>
+                <div class="panel-body">
+                    <div class="col-md-9">
+                        {{p.productDescr}}
+                        <br />
+                    </div>
+                    <div class="col-md-3">
+                        <button type="button" class="btn btn-success btn-xs" ng-click="">Add to cart</button>
+                    </div>
+                </div>
+            </div>   
+        </div>
+
+    </div>
+</div>

Zenergy/Zenergy/Scripts/Controllers/mainController.js

@@ -17,19 +17,19 @@
     };
 
     $scope.isAdmin = function () {
-        return tokenService.isAdmin();
+        return tokenService.isAdmin() == "true";
     }
 
     $scope.isManager = function () {
-        return tokenService.isManager();
+        return tokenService.isManager() == "true";
     }
 
     $scope.isContributor = function () {
-        return tokenService.isContributor();
+        return tokenService.isContributor() == "true";
     }
 
     $scope.isMember = function () {
-        return tokenService.isMember();
+        return tokenService.isMember() == "true";
     }
 
     $scope.initRoles = function () {

Zenergy/Zenergy/Scripts/Controllers/productsPageController.js

@@ -11,9 +11,6 @@
 
 
         var Product = $resource('api/products/:productId', { productId: '@id' }, {
-            update: {
-                method: 'PUT' // this method issues a PUT request
-            }
         });
 
         $scope.products = Product.query(function () {

Zenergy/Zenergy/Scripts/Controllers/shopPageController.js

@@ -0,0 +1,23 @@
+zenergyApp.controller("shopPageController", ["$scope", "$resource", "$uibModal", "$location", function ($scope, $resource, $uibModal, $location) {
+
+    if ($scope.isAuthanticated()) {
+
+        var Category = $resource('api/categories/:categoryId', { categoryId: '@id' }, {
+        });
+
+        $scope.categories = Category.query(function () {
+        });
+
+        var Product = $resource('api/products/:productId', { productId: '@id' }, {
+            update: {
+                method: 'PUT' // this method issues a PUT request
+            }
+        });
+
+        $scope.products = Product.query(function () {
+        });
+
+    }
+    else
+        $location.path("/")
+}]);

Zenergy/Zenergy/Scripts/Lib/_references.js

@@ -44,6 +44,16 @@ zenergyApp.config(function ($routeProvider) {
             templateUrl: 'Pages/rooms.html',
             controller: 'roomsPageController'
         })
+
+        .when('/Shop', {
+            templateUrl: 'Pages/shop.html',
+            controller: 'shopPageController'
+        })
+
+        .when('/Cart', {
+            templateUrl: 'Pages/cart.html',
+            controller: 'cartPageController'
+        })
 });
 
 

Zenergy/Zenergy/Scripts/zenergyApp.js

@@ -24,7 +24,11 @@
                 <ul class="nav navbar-nav">
                     <li><a href="#/">Home</a></li>
                 </ul>
+                <ul ng-show="isAuthanticated()" class="nav navbar-nav">
+                    <li><a href="#Shop">Shop</a></li>
+                </ul>
                 <ul ng-show="isAuthanticated()" class="nav navbar-nav navbar-right">
+                        <li><a href="#Cart"><span class="glyphicon glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a></li>
                         <li class="dropdown">
                             <a class="dropdown-toggle" data-toggle="dropdown" href="">
                                 {{getUserName()}}
@@ -36,7 +40,7 @@
                             </ul>
                         </li>
                 </ul>
-                <ul class="nav navbar-nav navbar-right" ng-show="isAuthanticated() && isAdmin()">
+                <ul class="nav navbar-nav navbar-right" ng-show="isAdmin()">
                     <li class="dropdown">
                         <a class="dropdown-toggle" data-toggle="dropdown" href="">
                             Admin Panel

Zenergy/Zenergy/Views/Shared/_Layout.cshtml

@@ -14,7 +14,7 @@
     <!--<add name="ZenergyContext" connectionString="metadata=res://*/Models.ZenergyModel.csdl|res://*/Models.ZenergyModel.ssdl|res://*/Models.ZenergyModel.msl;provider=System.Data.SqlClient;provider connection string=&quot;data source=zenergy.cb9xv2w6phgt.us-west-2.rds.amazonaws.com;initial catalog=zenergy;persist security info=True;user id=admin;password=zenergy1;MultipleActiveResultSets=True;App=EntityFramework&quot;" providerName="System.Data.EntityClient" />-->
 
     <!-- test-->
-    <add name="ZenergyContext" connectionString="metadata=res://*/Models.ZenergyModel.csdl|res://*/Models.ZenergyModel.ssdl|res://*/Models.ZenergyModel.msl;provider=System.Data.SqlClient;provider connection string=&quot;data source=zenergy.cb9xv2w6phgt.us-west-2.rds.amazonaws.com;initial catalog=zenergyTest;persist security info=True;user id=admin;password=zenergy1;MultipleActiveResultSets=True;App=EntityFramework&quot;" providerName="System.Data.EntityClient" />
+    <add name="ZenergyContext" connectionString="metadata=res://*/Models.ZenergyModel.csdl|res://*/Models.ZenergyModel.ssdl|res://*/Models.ZenergyModel.msl;provider=System.Data.SqlClient;provider connection string=&quot;data source=zenergy.cb9xv2w6phgt.us-west-2.rds.amazonaws.com;initial catalog=zenergyTest2;persist security info=True;user id=admin;password=zenergy1;MultipleActiveResultSets=True;App=EntityFramework&quot;" providerName="System.Data.EntityClient" />
 
   </connectionStrings>
   <appSettings></appSettings>

Zenergy/Zenergy/Web.config

@@ -321,6 +321,7 @@
     <Content Include="Pages\products.html" />
     <Content Include="Pages\profile.html" />
     <Content Include="Pages\rooms.html" />
+    <Content Include="Pages\shop.html" />
     <Content Include="Pages\users.html" />
     <Content Include="Scripts\Controllers\accountManagementPageController.js" />
     <Content Include="Scripts\Controllers\homePageController.js" />
@@ -330,6 +331,7 @@
     <Content Include="Scripts\Controllers\registerPageController.js" />
     <Content Include="Scripts\Controllers\profilePageController.js" />
     <Content Include="Scripts\Controllers\roomsPageController.js" />
+    <Content Include="Scripts\Controllers\shopPageController.js" />
     <Content Include="Scripts\Controllers\usersPageController.js" />
     <Content Include="Scripts\Factories\authInterceptorService.js" />
     <Content Include="Scripts\Factories\tokenService.js" />