Event resource with workaround to cfpio/callForPapers#103

src/app/components/home/home.module.js

@@ -21,7 +21,7 @@ export const home = angular
         abstract: true,
         component: 'home',
         resolve: {
-          application: (Restangular) => Restangular.one('application').get(),
+          event: (Event) => Event.get(),
           tracks: (Tracks) => Tracks.getList(),
           formats: (Formats) => Formats.getList()
         }

src/app/components/home/welcome/welcome.html

@@ -15,7 +15,7 @@ <h3>Proposals</h3>
     <div class="row">
       <div class="col-md-12 col-sm-12">
         <h1><i class="fa fa-comment-o"></i> Call for Papers</h1>
-        <h2>{{$ctrl.config.eventName}}, {{$ctrl.config.date}}</h2>
+        <h2>{{$ctrl.event.eventName}}, {{$ctrl.event.date}}</h2>
         <hr>
       </div>
     </div>
@@ -25,14 +25,14 @@ <h2>{{$ctrl.config.eventName}}, {{$ctrl.config.date}}</h2>
       <div class="col-md-5 col-sm-12">
         <h3><i class="fa fa-calendar"></i> Agenda</h3>
         <p><strong>opening :</strong> TODO</p>
-        <p><strong>closing :</strong> {{$ctrl.config.decisionDate}}</p>
-        <p><strong>Program announced :</strong> {{$ctrl.config.releaseDate}}</p>
+        <p><strong>closing :</strong> {{$ctrl.event.decisionDate}}</p>
+        <p><strong>Program announced :</strong> {{$ctrl.event.releaseDate}}</p>
       </div>
       <div class="col-md-5 col-sm-12">
-        <h3>About {{$ctrl.config.eventName}}</h3>
-        <i class="fa fa-video-camera"></i> Review {{$ctrl.config.eventName}} videos on <a href="#">Youtube</a>
+        <h3>About {{$ctrl.event.eventName}}</h3>
+        <i class="fa fa-video-camera"></i> Review {{$ctrl.event.eventName}} videos on <a href="#">Youtube</a>
         <br>
-        <i class="fa fa-arrow-right"></i> {{$ctrl.config.eventName}} web site
+        <i class="fa fa-arrow-right"></i> {{$ctrl.event.eventName}} web site
       </div>
     </div>
 
@@ -41,7 +41,7 @@ <h3>About {{$ctrl.config.eventName}}</h3>
     <div class="col-md-5 col-sm-5">
       <div class="panel panel-default">
         <div class="panel-heading">
-          <h3><i class="fa fa-bullhorn"></i> CFP is {{$ctrl.config.open ? 'Open' : 'Closed'}}</h3>
+          <h3><i class="fa fa-bullhorn"></i> CFP is {{$ctrl.event.open ? 'Open' : 'Closed'}}</h3>
         </div>
         <div class="panel-body">
           <a href="#" class="btn btn-primary">Become a speaker</a>
@@ -54,7 +54,7 @@ <h3><i class="fa fa-bullhorn"></i> CFP is {{$ctrl.config.open ? 'Open' : 'Closed
 
     <div class="col-md-12 col-sm-12" ng-show="$ctrl.tracks">
       <h3><i class="fa fa-book"></i>Themes</h3>
-      <p>List of themes for {{$ctrl.config.eventName}}:</p>
+      <p>List of themes for {{$ctrl.event.eventName}}:</p>
       <table class="table table-bordered table-striped">
         <tbody>
         <tr ng-repeat="track in $ctrl.tracks">

src/app/components/home/welcome/welcome.js

@@ -8,7 +8,7 @@ export const Welcome = {
   controller: WelcomeController,
   templateUrl: 'app/components/home/welcome/welcome.html',
   bindings: {
-    config: '=application',
+    event: '=',
     tracks: '=',
     drafts: '=',
     proposals: '='

src/app/services/resources/event.service.js

@@ -0,0 +1,24 @@
+export const Event = (RestangularProvider) => {
+  'ngInject'
+
+  const applicationPath = 'application'
+
+  const parseDate = (stringDate) => moment(stringDate, 'DD/MM/YYYY', true)
+
+  RestangularProvider.addResponseInterceptor((data, operation, what) => { // temporary workaround to…
+    if (what === applicationPath && operation === 'get') { //… https://github.com/cfpio/callForPapers/issues/103
+      ['date', 'decisionDate', 'releaseDate'].forEach((prop) => {
+        data[prop] = parseDate(data[prop])
+      })
+    }
+    return data
+  })
+
+  return {
+    '$get': (Restangular) => {
+      'ngInject'
+
+      return Restangular.one(applicationPath) // "application" resource not really RESTful…
+    }
+  }
+}

src/app/services/resources/resources.module.js

@@ -2,6 +2,7 @@ import {Users} from './users.service'
 import {Drafts, Proposals} from './proposals.service'
 import {Tracks} from './tracks.service'
 import {Formats} from './formats.service'
+import {Event} from './event.service'
 
 const dependencies = [
   'restangular',
@@ -14,3 +15,4 @@ export const resources = angular.module('io.cfp.front.services.resource', [...de
   .factory('Proposals', Proposals)
   .factory('Tracks', Tracks)
   .factory('Formats', Formats)
+  .provider('Event', Event)