adding features for my events

Author: Clement-Roque

Zenergy/Zenergy/Controllers/ApiControllers/eventRegistrationsController.cs

@@ -118,7 +118,7 @@ public async Task<IHttpActionResult> PostRegisterToEvent(int userId, int eventId
                         myEvent.user.Add(myUser);
                         db.Entry(myEvent).State = EntityState.Modified;
                         await db.SaveChangesAsync();
-                        return CreatedAtRoute("DefaultApi", new { id = userId }, new EventRegistrationModel() {userId = userId, eventId = eventId});
+                        return Created("api/users/{userId}/events/{eventId}/registration", new EventRegistrationModel() { userId = userId, eventId = eventId });
                     }
                     catch (DbUpdateException)
                     {

Zenergy/Zenergy/Pages/myevents.html

@@ -0,0 +1,35 @@
+<h2>My Events</h2>
+
+<div ="container ">
+
+    <date-picker ng-model="dateSelected" format-date="formatDate" on-date-selected="getEvent()"> </date-picker>
+    <h2>{{dateSelected}}</h2>
+    <br />
+    <div class="row">
+        <div>
+            <table class="table">
+                <tr>
+                    <th>Time</th>
+                    <th>Name</th>
+                    <th>Room</th>
+                    <th>Activity</th>
+                    <th>Price</th>
+                    <th>Register</th>
+                </tr>
+                <tr ng-repeat="e in events">
+                    <td>{{e.timeBegin}}</td>
+                    <td>{{e.name}}</td>
+                    <td>{{e.roomName}}</td>
+                    <td>{{e.activity}}</td>
+                    <td>{{e.price}}</td>
+                    <td> <button ng-click="unjoinEvent(e.Id)" class="btn btn-default">Unjoin</button></td>
+
+                </tr>
+
+
+            </table>
+
+        </div>
+    </div>
+</div>
+

Zenergy/Zenergy/Scripts/Controllers/eventRegistrationPageController.js

@@ -68,7 +68,7 @@
            // reister to an event
         var responseEvent = $http({
             url: '/api/users/' + tokenService.getUserId() + '/events/' + eventid + '/registration',
-            method: 'POST',
+             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
             }

Zenergy/Zenergy/Scripts/Controllers/myEventsPagecontroller.js

@@ -0,0 +1,84 @@
+zenergyApp.controller("myEventsPageController", ["$scope", "$http", "tokenService", "$window", "$location", function ($scope, $http, tokenService, $window, $location) {
+
+    $scope.pastevent = false;
+    //date format
+    var today = new Date();
+    $scope.dateSelected = today.getMonth() + 1 + "/" + today.getDate() + "/" + today.getFullYear();
+
+    $scope.formatDate = function (today) {
+        function pad(n) {
+            return n < 10 ? '0' + n : n;
+        }
+        return today && today.getMonth() + 1 + "/" + today.getDate() + "/" + today.getFullYear();
+    };
+
+    //initialize array of events
+    $scope.events = [];
+
+    //DateTime.Now.ToString("dd-MM-yyyy")
+
+    //function get ponctual event
+    $scope.getEvent = function () {
+        $scope.events = [];
+        var responseEvent = $http({
+            url: '/api/users/' + tokenService.getUserId() + '/events',
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }).then(function successCallback(responseEvent) {
+            console.log(responseEvent);
+
+            //var for displaying or not the join button
+            if (new Date($scope.dateSelected) < today) {
+                $scope.pastevent = true;
+            }
+            else {
+                $scope.pastevent = false;
+            }
+            for (var e in responseEvent.data) {
+
+                var date = new Date(responseEvent.data[e].ponctualEvent.eventDate);
+                date = date.getMonth() + 1 + "/" + date.getDate() + "/" + date.getFullYear();
+
+                // add this event to the list if it's current date
+                if (date == $scope.dateSelected) {
+                    $scope.events.push({
+                        Id: responseEvent.data[e].eventId,
+                        roomName: responseEvent.data[e].room.roomName,
+                        Description: responseEvent.data[e].eventDescription,
+                        timeBegin: responseEvent.data[e].timeBegin,
+                        duration: responseEvent.data[e].eventDurationHours,
+                        price: responseEvent.data[e].eventPrice,
+                        name: responseEvent.data[e].eventName,
+                        activity: responseEvent.data[e].activity.activityName
+                    });
+                }
+            }
+            if ($scope.events.length == 0) {
+                bootbox.alert("There is no event for this day");
+            }
+
+        });
+
+    };
+    //Register to the event
+    $scope.unjoinEvent = function (eventid) {
+        // reister to an event
+        var responseEvent = $http({
+            url: '/api/users/' + tokenService.getUserId() + '/events/' + eventid + '/registration',
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        }).then(function successCallback(responseEvent) {
+            bootbox.alert("You're are now unregistered from this event !");
+        });
+    };
+
+    $scope.getEvent();
+
+
+
+}]);
+

Zenergy/Zenergy/Scripts/zenergyApp.js

@@ -1,4 +1,4 @@
-App = angular.module('zenergyApp', ['ngResource', 'ngRoute', 'ui.bootstrap','mp.datePicker']);
+var zenergyApp = angular.module('zenergyApp', ['ngResource', 'ngRoute', 'ui.bootstrap', 'mp.datePicker']);
 
 zenergyApp.config(function ($routeProvider) {
     $routeProvider
@@ -47,6 +47,11 @@ zenergyApp.config(function ($routeProvider) {
             templateUrl: 'Pages/rooms.html',
             controller: 'roomsPageController'
         })
+
+        .when('/MyEvents', {
+            templateUrl: 'Pages/myEvents.html',
+            controller: 'myEventsPageController'
+        })
 });
 
 

Zenergy/Zenergy/Zenergy.csproj

@@ -319,6 +319,7 @@
     <Content Include="Global.asax" />
     <Content Include="Pages\accountManagement.html" />
     <Content Include="Pages\eventRegistration.html" />
+    <Content Include="Pages\myEvents.html" />
     <Content Include="Pages\products.html" />
     <Content Include="Pages\profile.html" />
     <Content Include="Pages\rooms.html" />
@@ -328,6 +329,7 @@
     <Content Include="Scripts\Controllers\homePageController.js" />
     <Content Include="Scripts\Controllers\loginPageController.js" />
     <Content Include="Scripts\Controllers\mainController.js" />
+    <Content Include="Scripts\Controllers\myEventsPagecontroller.js" />
     <Content Include="Scripts\Controllers\productsPageController.js" />
     <Content Include="Scripts\Controllers\registerPageController.js" />
     <Content Include="Scripts\Controllers\profilePageController.js" />