Add a label in front of sessions in the speaker table (#1961)

Author: ritikamotwani

app/helpers/session-color.js

@@ -0,0 +1,16 @@
+import Helper from '@ember/component/helper';
+
+export function sessionColor(params) {
+  switch (params[0]) {
+    case 'accepted':
+      return 'green';
+    case 'pending':
+      return 'yellow';
+    case 'confirmed':
+      return 'yellow';
+    default:
+      return 'red';
+  }
+}
+
+export default Helper.helper(sessionColor);

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

@@ -1,8 +1,12 @@
-<div class="ui unordered list">
+<div class="ui list">
   {{#each record.sessions as |session|}}
     {{#if (not eq session.deletedAt)}}
       <div class="item">
-        {{session.title}}
+        <div class="item">
+          {{Colour}}
+          <div class="ui {{session-color session.state}} horizontal label">{{session.state}}</div>
+          {{session.title}}
+        </div>
       </div>
     {{/if}}
   {{/each}}