a user can list his events

Author: damienmoulard

Diff for: Zenergy/Zenergy/Pages/eventsManagement.html

@@ -0,0 +1,52 @@
+<h2>My events</h2>
+
+<div class="container " ng-controller="accountManagementPageController">
+
+    <div class="panel panel-default">
+        <!-- Default panel contents -->
+        <div class="panel-heading">Here are the events you created</div>
+
+        <!-- Table -->
+        <table class="table">
+            <tr>
+                <th>Event Name</th>
+                <th>Activity</th>
+                <th>Room</th>
+                <th>Date</th>
+                <th>Time</th>
+            </tr>
+            <tr ng-repeat="ponctual in filtered = (ponctualEvents | filter: query)">
+                <td>{{ponctual.event.eventName}}</td>
+                <td>{{ponctual.event.activity.activityName}}</td>
+                <td>{{ponctual.event.room.roomName}}</td>
+                <td>{{ponctual.eventDate | date:'yyyy-MM-dd'}}</td>
+                <td>{{ponctual.event.timeBegin}}</td>
+                <td><form ng-submit="updateEvent($index)"><input value="Update" type="submit" class="btn btn-warning"/></form></td>
+                <td><button type="button" class="btn btn-danger">Delete</button></td>
+            </tr>
+        </table>
+    </div>
+
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="myModalLabel">Update my event</h4>
+            </div>
+            <div class="modal-body">
+
+                <!--update form here-->
+
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                <!--<td><form ng-submit="commitUpdateEvent()"><input value="Save changes" type="submit" class="btn btn-primary" /></form></td> onclick="commitUpdateEvent();"-->
+                <!----><button type="button" id="commitUpdateButton" class="btn btn-primary" data-dismiss="modal">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>

Diff for: Zenergy/Zenergy/Scripts/Controllers/eventsManagementPageController.js

@@ -0,0 +1,57 @@
+zenergyApp.controller("eventsManagementPageController", ["$scope", "$http", "tokenService", "$window", "$location", function ($scope, $http, tokenService, $window, $location) {
+
+    // Get manager events
+    var response = $http({
+        url: '/api/ponctualEvents',
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    }).then(function successCallback(response) {
+        $scope.hasError = false;
+        $scope.ponctualEvents = [];
+        $scope.ponctualEvents = $.parseJSON(JSON.stringify(response.data));
+        console.log($scope.ponctualEvents);
+    });
+
+    $scope.updateEvent = function (eventRow) {
+        console.log(eventRow);
+
+        // Store the event rw in the events array
+        $scope.eventToUpdate = eventRow;
+
+        // Show modal to update infos
+        $('#myModal').modal('show');
+        
+        // Set the function for the modal "ok" button
+        $(document).ready(function () {
+            $('#commitUpdateButton').click(function () {
+                commitUpdateEvent();
+            });
+        });
+    };
+
+    // Add membership
+    commitUpdateEvent = function () {
+        // launch http request with updated event
+
+        /*var today = new Date();
+
+        var response = $http({
+            url: '/api/members/',
+            method: 'POST',
+            data: {
+                userId: tokenService.getUserId(),
+                dateMembership: today
+            },
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }).then(function successCallback(response) {
+            $scope.hasError = false;
+            window.location.reload(true);
+        }, function errorCallback(response) {
+            $scope.hasError = true;
+        });*/
+    };
+}]);

Diff for: Zenergy/Zenergy/Scripts/Lib/_references.js

@@ -28,6 +28,11 @@ zenergyApp.config(function ($routeProvider) {
             templateUrl: 'Pages/accountManagement.html',
             controller: 'accountManagementPageController'
         })
+    
+        .when('/MyEvents', {
+            templateUrl: 'Pages/eventsManagement.html',
+            controller: 'eventsManagementPageController'
+        })
 });
 
 

Diff for: Zenergy/Zenergy/Scripts/zenergyApp.js

@@ -310,8 +310,10 @@
     <Content Include="fonts\glyphicons-halflings-regular.svg" />
     <Content Include="Global.asax" />
     <Content Include="Pages\accountManagement.html" />
+    <Content Include="Pages\eventsManagement.html" />
     <Content Include="Pages\profile.html" />
     <Content Include="Scripts\Controllers\accountManagementPageController.js" />
+    <Content Include="Scripts\Controllers\eventsManagementPageController.js" />
     <Content Include="Scripts\Controllers\homePageController.js" />
     <Content Include="Scripts\Controllers\loginPageController.js" />
     <Content Include="Scripts\Controllers\mainController.js" />