adds star rating to events/sessions (#3017)

integrate semantic ui rating

introduces async-await in updateRating function

Author: shreyanshdwivedi

app/components/ui-table/cell/events/view/sessions/cell-rating.js

@@ -0,0 +1,4 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+});

app/controllers/events/view/sessions/list.js

@@ -1,4 +1,5 @@
 import Controller from '@ember/controller';
+
 export default Controller.extend({
   columns: [
     {
@@ -19,6 +20,12 @@ export default Controller.extend({
       title          : 'Speakers',
       disableSorting : true
     },
+    {
+      propertyName   : 'average_rating',
+      template       : 'components/ui-table/cell/events/view/sessions/cell-rating',
+      title          : 'Rating',
+      disableSorting : false
+    },
     {
       propertyName : 'track.name',
       title        : 'Track'
@@ -161,6 +168,37 @@ export default Controller.extend({
         .finally(() => {
           this.set('isLoading', false);
         });
+    },
+    async updateRating(session, rating) {
+      try {
+        if (session.feedbacks.length) {
+          this.set('isLoading', true);
+          const user = this.authManager.currentUser;
+          let feedback = session.feedbacks.firstObject;
+          feedback.setProperties({
+            user,
+            rating
+          });
+          await feedback.save();
+          this.notify.success(this.l10n.t('Session feedback has been updated successfully.'));
+        } else {
+          this.set('isLoading', true);
+          const user = this.authManager.currentUser;
+          const comment = '';
+          let feedback = await this.store.createRecord('feedback', {
+            rating,
+            comment,
+            session,
+            user
+          });
+          await feedback.save();
+          this.notify.success(this.l10n.t('Session feedback has been created successfully.'));
+        }
+      } catch (error) {
+        this.notify.error(this.l10n.t(error.message));
+      }
+      this.send('refreshRoute');
+      this.set('isLoading', false);
     }
   }
 });

app/models/feedback.js

@@ -0,0 +1,13 @@
+import attr from 'ember-data/attr';
+import ModelBase from 'open-event-frontend/models/base';
+import { belongsTo } from 'ember-data/relationships';
+
+export default ModelBase.extend({
+  rating    : attr('number', { defaultValue: 0.0 }),
+  comment   : attr('string'),
+  deletedAt : attr('moment'),
+
+  user    : belongsTo('user'),
+  event   : belongsTo('event'),
+  session : belongsTo('session')
+});

app/models/session.js

@@ -23,6 +23,7 @@ export default ModelBase.extend({
   audioUrl      : attr('string'),
   signupUrl     : attr('string'),
   sendEmail     : attr('boolean'),
+  averageRating : attr('number'),
 
   isLocked   : attr('boolean', { defaultValue: false }),
   isMailSent : attr('boolean', { defaultValue: false }),
@@ -35,6 +36,7 @@ export default ModelBase.extend({
   microlocation  : belongsTo('microlocation'),
   track          : belongsTo('track'),
   speakers       : hasMany('speaker'),
+  feedbacks      : hasMany('feedback'),
   event          : belongsTo('event'), // temporary
   creator        : belongsTo('user'),
 

app/routes/events/view/sessions/list.js

@@ -55,7 +55,7 @@ export default Route.extend({
     }
 
     let queryObject = {
-      include      : 'speakers',
+      include      : 'speakers,feedbacks',
       filter       : filterOptions,
       'page[size]' : 10
     };

app/templates/components/ui-table/cell/events/view/sessions/cell-rating.hbs

@@ -0,0 +1,5 @@
+{{ui-rating
+    rating=(if record.averageRating record.averageRating '0')
+    maxRating=5
+    onRate=(pipe-action (action (mut record.averageRating)) (action updateRating record record.averageRating))
+    clearable=true}}

app/templates/events/view/sessions/list.hbs

@@ -17,6 +17,7 @@
     acceptProposal=(action 'acceptProposal')
     rejectProposal=(action 'rejectProposal')
     confirmProposal=(action 'confirmProposal')
+    updateRating=(action 'updateRating')
     customGlobalFilter='title'
   }}
 </div>