feat: introduce new columns for session ratings (#3198)

add ratedSessions to controllers

update ratedSessions and remove extra vars

introduce ember-table and es6

update template and session table

updates route and helper

Author: shreyanshdwivedi

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

@@ -83,6 +83,7 @@ export default ModelBase.extend({
   orders               : hasMany('order'),
   events               : hasMany('event', { inverse: 'user' }),
   sessions             : hasMany('session'),
+  feedbacks            : hasMany('feedback'),
   invoice              : hasMany('event-invoice'),
   attendees            : hasMany('attendee'),
   speakers             : hasMany('speaker'),

app/models/user.js

@@ -56,6 +56,8 @@ export default class extends Route.extend(EmberTableRouteMixin) {
     } else {
       filterOptions = [];
     }
+
+    let store = this.modelFor('events.view');
     filterOptions = this.applySearchFilters(filterOptions, params, searchField);
     let queryString = {
       include        : 'speakers,feedbacks',
@@ -64,17 +66,35 @@ export default class extends Route.extend(EmberTableRouteMixin) {
       'page[number]' : params.page || 1
     };
     queryString = this.applySortFilters(queryString, params);
+    let data = (await store.query('sessions', queryString)).toArray();
 
-    let store = this.modelFor('events.view');
-
+    let queryObject = {
+      include : 'session',
+      filter  : [
+        {
+          name : 'session',
+          op   : 'has',
+          val  : {
+            name : 'event',
+            op   : 'has',
+            val  : {
+              name : 'identifier',
+              op   : 'eq',
+              val  : store.id
+            }
+          }
+        }
+      ]
+    };
+    let feedbacks = await this.authManager.currentUser.query('feedbacks', queryObject);
     return {
-      data: await store.query('sessions', queryString)
+      data,
+      feedbacks
     };
   }
 
-    @action
+  @action
   refreshRoute() {
     this.refresh();
   }
-
 }

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

@@ -1,28 +1,28 @@
 <div class="ui {{if device.isMobile 'horizontal' 'vertical'}} compact basic buttons">
-  {{#if (or (eq record.state 'rejected')(eq record.state 'pending'))}}
+  {{#if (or (eq extraRecords.status 'rejected')(eq extraRecords.status 'pending'))}}
     {{#ui-dropdown class='ui icon right pointing dropdown button'}}
       <i class="green checkmark icon"></i>
       <div class="menu">
-        <a role="button" class="item" {{action acceptProposal record true}}>{{t 'With email'}}</a>
-        <a role="button" class="item" {{action acceptProposal record false}}>{{t 'Without email'}}</a>
+        <a role="button" class="item" {{action props.actions.acceptProposal record true}}>{{t 'With email'}}</a>
+        <a role="button" class="item" {{action props.actions.acceptProposal record false}}>{{t 'Without email'}}</a>
       </div>
     {{/ui-dropdown}}
   {{/if}}
-  {{#if (eq record.state 'accepted')}}
+  {{#if (eq extraRecords.status 'accepted')}}
     {{#ui-dropdown class='ui icon right pointing dropdown button'}}
       <i class="blue checkmark icon"></i>
       <div class="menu">
-        <a role="button" class="item" {{action confirmProposal record true}}>{{t 'With email'}}</a>
-        <a role="button" class="item" {{action confirmProposal record false}}>{{t 'Without email'}}</a>
+        <a role="button" class="item" {{action props.actions.confirmProposal record true}}>{{t 'With email'}}</a>
+        <a role="button" class="item" {{action props.actions.confirmProposal record false}}>{{t 'Without email'}}</a>
       </div>
     {{/ui-dropdown}}
   {{/if}}
-  {{#if (or (eq record.state 'confirmed') (eq record.state 'pending') (eq record.state 'accepted'))}}
+  {{#if (or (eq extraRecords.status 'confirmed') (eq extraRecords.status 'pending') (eq extraRecords.status 'accepted'))}}
     {{#ui-dropdown class='ui icon right pointing dropdown button'}}
       <i class="red remove icon"></i>
       <div class="menu">
-        <a role="button" class="item" {{action rejectProposal record true}}>{{t 'With email'}}</a>
-        <a role="button" class="item" {{action rejectProposal record false}}>{{t 'Without email'}}</a>
+        <a role="button" class="item" {{action props.actions.rejectProposal record true}}>{{t 'With email'}}</a>
+        <a role="button" class="item" {{action props.actions.rejectProposal record false}}>{{t 'Without email'}}</a>
       </div>
     {{/ui-dropdown}}
   {{/if}}

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

@@ -1,5 +1,5 @@
 <span>
-  {{#if record.isMailSent}}
+  {{#if record}}
     {{t 'Yes'}}
   {{else}}
     {{t 'No'}}

app/templates/components/ui-table/cell/events/view/sessions/cell-is-mail-sent.hbs

@@ -1,9 +1,9 @@
-{{#if record.isLocked}}
-  {{#ui-popup content=(t 'Unlock Session') class='ui basic button'  click=(action unlockSession record) position='left center'}}
+{{#if extraRecords.isLocked}}
+  {{#ui-popup content=(t 'Unlock Session') class='ui basic button'  click=(action props.actions.unlockSession record) position='left center'}}
     <i class="lock icon"></i>		
   {{/ui-popup}}
 {{else}}
-  {{#ui-popup content=(t 'Lock Session') class='ui basic button'  click=(action lockSession record) position='left center'}}
+  {{#ui-popup content=(t 'Lock Session') class='ui basic button'  click=(action props.actions.lockSession record) position='left center'}}
     <i class="unlock icon"></i>		
   {{/ui-popup}}
 {{/if}}

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

@@ -1,5 +1,19 @@
-{{ui-rating
-    rating=(if record.averageRating record.averageRating '0')
+{{#if (includes props.options.ratedSessions record)}}
+  {{#each extraRecords.feedbacks as |feedback|}}
+    {{#if (eq feedback.user.email authManager.currentUser.email)}}
+      {{ui-rating
+        initialRating=feedback.rating
+        rating=feedback.rating
+        maxRating=5
+        onRate=(pipe-action (action (mut feedback.rating)) (action props.actions.updateRating feedback.rating feedback))
+        clearable=true}}
+    {{/if}}
+  {{/each}}
+{{else}}
+  {{ui-rating
+    initialRating=0
+    rating=extraRecords.rating
     maxRating=5
-    onRate=(pipe-action (action (mut record.averageRating)) (action updateRating record record.averageRating))
+    onRate=(pipe-action (action (mut extraRecords.rating)) (action props.actions.addRating extraRecords.rating record))
     clearable=true}}
+{{/if}}

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

@@ -1,15 +1,15 @@
-{{get record column.propertyName}}
+{{record}}
 <div class="hidden ui divider"></div>
 <div class="ui horizontal compact basic buttons">
-  {{#ui-popup content=(t 'View Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button"  click=(action viewSession record.id) position='left center'}}
+  {{#ui-popup content=(t 'View Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button"  click=(action props.actions.viewSession record) position='left center'}}
     <i class="unhide icon"></i>		
   {{/ui-popup}}
-  {{#if (not record.isLocked)}}
-    {{#ui-popup content=(t 'Edit Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action editSession record.id record.event.id) position='left center'}}
+  {{#if (not extraRecords.isLocked)}}
+    {{#ui-popup content=(t 'Edit Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action props.actions.editSession record extraRecords.event.id) position='left center'}}
       <i class="edit icon"></i>
     {{/ui-popup}}
   {{/if}}
-  {{#ui-popup content=(t 'Delete Session') click=(action (confirm (t 'Are you sure you would like to delete this Session?') (action deleteSession record))) class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='left center'}}
+  {{#ui-popup content=(t 'Delete Session') click=(action (confirm (t 'Are you sure you would like to delete this Session?') (action props.actions.deleteSession record))) class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='left center'}}
     <i class="trash outline icon"></i>
   {{/ui-popup}}
 </div>

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

@@ -1,23 +1,16 @@
 <div class="sixteen wide column">
-  {{events/events-table
-    columns=columns
-    data=model.data
-    store=model.store
-    query=model.query
-    isNotStoreQuery = true
-    modelName = model.objectType
-    useNumericPagination=true
-    showGlobalFilter=true
-    showPageSize=true
-    lockSession=(action 'lockSession')
-    unlockSession=(action 'unlockSession')
-    deleteSession=(action 'deleteSession')
-    editSession=(action 'editSession')
-    viewSession=(action 'viewSession')
-    acceptProposal=(action 'acceptProposal')
-    rejectProposal=(action 'rejectProposal')
-    confirmProposal=(action 'confirmProposal')
-    updateRating=(action 'updateRating')
-    customGlobalFilter='title'
+  {{tables/default  columns=columns
+                    rows=model.data
+                    feedbacks=model.feedbacks
+                    currentPage=page
+                    pageSize=per_page
+                    searchQuery=search
+                    sortBy=sort_by
+                    sortDir=sort_dir
+                    metaData=model.meta
+                    filterOptions=filterOptions
+                    widthConstraint="eq-container"
+                    resizeMode="fluid"
+                    fillMode="equal-column"
   }}
 </div>