fix: Descriptive message when no speaker/session (#4582)

Author: Haider8

app/templates/components/ui-table/cell/cell-sessions-dashboard.hbs

@@ -1,7 +1,11 @@
-<div class="ui list">
-  <div class="item">{{t 'Submitted'}}: {{this.record.sessions}}</div>
-  <div class="item">{{t 'Accepted'}}: {{this.record.sessionsAccepted}}</div>
-  <div class="item">{{t 'Confirmed'}}: {{this.record.sessionsConfirmed}}</div>
-  <div class="item">{{t 'Pending'}}: {{this.record.sessionsPending}}</div>
-  <div class="item">{{t 'Rejected'}}: {{this.record.sessionsRejected}}</div>
-</div>
+{{#if this.record.sessions}}
+  <div class="ui list">
+    <div class="item">{{t 'Submitted'}}: {{this.record.sessions}}</div>
+    <div class="item">{{t 'Accepted'}}: {{this.record.sessionsAccepted}}</div>
+    <div class="item">{{t 'Confirmed'}}: {{this.record.sessionsConfirmed}}</div>
+    <div class="item">{{t 'Pending'}}: {{this.record.sessionsPending}}</div>
+    <div class="item">{{t 'Rejected'}}: {{this.record.sessionsRejected}}</div>
+  </div>
+{{else}}
+  {{t 'No Session Information Added Yet'}}
+{{/if}}

app/templates/components/ui-table/cell/cell-sessions.hbs

@@ -1,7 +1,11 @@
-<div class="ui list">
-  <div class="item">{{t 'Submitted'}}: {{this.record.sessions}}</div>
-  <div class="item">{{t 'Accepted'}}: {{this.record.sessionsAccepted}}</div>
-  <div class="item">{{t 'Confirmed'}}: {{this.record.sessionsConfirmed}}</div>
-  <div class="item">{{t 'Pending'}}: {{this.record.sessionsPending}}</div>
-  <div class="item">{{t 'Rejected'}}: {{this.record.sessionsRejected}}</div>
-</div>
+{{#if this.record.sessions}}
+  <div class="ui list">
+    <div class="item">{{t 'Submitted'}}: {{this.record.sessions}}</div>
+    <div class="item">{{t 'Accepted'}}: {{this.record.sessionsAccepted}}</div>
+    <div class="item">{{t 'Confirmed'}}: {{this.record.sessionsConfirmed}}</div>
+    <div class="item">{{t 'Pending'}}: {{this.record.sessionsPending}}</div>
+    <div class="item">{{t 'Rejected'}}: {{this.record.sessionsRejected}}</div>
+  </div>
+{{else}}
+  {{t 'No Session Information Added Yet'}}
+{{/if}}

app/templates/components/ui-table/cell/cell-speakers-dashboard.hbs

@@ -1,7 +1,11 @@
-<div class="ui list">
-  <div class="item">{{t 'Total'}}: {{this.record.speakers}}</div>
-  <div class="item">{{t 'Accepted'}}: {{this.record.speakersAccepted}}</div>
-  <div class="item">{{t 'Confirmed'}}: {{this.record.speakersConfirmed}}</div>
-  <div class="item">{{t 'Pending'}}: {{this.record.speakersPending}}</div>
-  <div class="item">{{t 'Rejected'}}: {{this.record.speakersRejected}}</div>
-</div>
+{{#if this.record.speakers}}
+  <div class="ui list">
+    <div class="item">{{t 'Total'}}: {{this.record.speakers}}</div>
+    <div class="item">{{t 'Accepted'}}: {{this.record.speakersAccepted}}</div>
+    <div class="item">{{t 'Confirmed'}}: {{this.record.speakersConfirmed}}</div>
+    <div class="item">{{t 'Pending'}}: {{this.record.speakersPending}}</div>
+    <div class="item">{{t 'Rejected'}}: {{this.record.speakersRejected}}</div>
+  </div>
+{{else}}
+  {{t 'No Speaker Added Yet'}}
+{{/if}}

tests/integration/components/ui-table/cell/cell-sessions-dashboard-test.js

@@ -8,6 +8,12 @@ module('Integration | Component | ui table/cell/cell sessions dashboard', functi
 
   test('it renders', async function(assert) {
     await render(hbs `{{ui-table/cell/cell-sessions-dashboard}}`);
-    assert.ok(this.element.innerHTML.trim().includes('Submitted'));
+    if (this.element.innerHTML.trim().includes('Submitted')) {
+      assert.notOk(this.element.innerHTML.trim().includes('No Session Information Added Yet'));
+      assert.ok(this.element.innerHTML.trim().includes('Submitted'));
+    } else {
+      assert.notOk(this.element.innerHTML.trim().includes('Submitted'));
+      assert.ok(this.element.innerHTML.trim().includes('No Session Information Added Yet'));
+    }
   });
 });

tests/integration/components/ui-table/cell/cell-sessions-test.js

@@ -8,6 +8,12 @@ module('Integration | Component | ui table/cell/cell sessions', function(hooks)
 
   test('it renders', async function(assert) {
     await render(hbs `{{ui-table/cell/cell-sessions}}`);
-    assert.ok(this.element.innerHTML.trim().includes('Submitted'));
+    if (this.element.innerHTML.trim().includes('Submitted')) {
+      assert.notOk(this.element.innerHTML.trim().includes('No Session Information Added Yet'));
+      assert.ok(this.element.innerHTML.trim().includes('Submitted'));
+    } else {
+      assert.notOk(this.element.innerHTML.trim().includes('Submitted'));
+      assert.ok(this.element.innerHTML.trim().includes('No Session Information Added Yet'));
+    }
   });
 });

tests/integration/components/ui-table/cell/cell-speakers-dashboard-test.js

@@ -8,6 +8,12 @@ module('Integration | Component | ui table/cell/cell speakers dashboard', functi
 
   test('it renders', async function(assert) {
     await render(hbs `{{ui-table/cell/cell-speakers-dashboard}}`);
-    assert.ok(this.element.innerHTML.trim().includes('Accepted'));
+    if (this.element.innerHTML.trim().includes('Accepted')) {
+      assert.notOk(this.element.innerHTML.trim().includes('No Speaker Added Yet'));
+      assert.ok(this.element.innerHTML.trim().includes('Accepted'));
+    } else {
+      assert.notOk(this.element.innerHTML.trim().includes('Accepted'));
+      assert.ok(this.element.innerHTML.trim().includes('No Speaker Added Yet'));
+    }
   });
 });