fix: add a popup for new cfs speakers as a message (#2980)

* add session details message

* fix ESLint errors

Author: uds5501

app/components/create-session-message.js

@@ -0,0 +1,15 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+export default Component.extend({
+
+  isMessageVisible  : true,
+  shouldShowMessage : computed('session.isAuthenticated', 'isMessageVisible', 'isNewSpeaker', 'isNewSession', function() {
+    let speakerIDlength = this.data.userSpeaker.toArray().length;
+    return this.session.isAuthenticated
+          && this.isMessageVisible
+          && !this.isNewSpeaker
+          && this.isNewSession
+          && (speakerIDlength > 0);
+  })
+});

app/templates/components/create-session-message.hbs

@@ -0,0 +1,9 @@
+{{#if shouldShowMessage}}
+  <div class="ui icon info message eight wide column center aligned">
+    <i class="close icon" onclick={{action (mut isMessageVisible) false}} role="button"></i>
+    <i class="info icon"></i>
+    <div class="content">
+      {{t 'Your Speaker Details have been saved, you can now submit a proposal by clicking Submit proposal!'}}
+    </div>
+  </div>
+{{/if}}

app/templates/components/public/call-for-speakers.hbs

@@ -1,3 +1,4 @@
+{{create-session-message isNewSpeaker=isNewSpeaker isNewSession=isNewSession data=data}}
 <h1 class="ui header">
   {{t 'Call for Speakers'}}
   {{#if data.speakersCall.isOpen}}

tests/integration/components/create-session-message-test.js

@@ -0,0 +1,14 @@
+import { module, test } from 'qunit';
+import { setupIntegrationTest } from 'open-event-frontend/tests/helpers/setup-integration-test';
+import hbs from 'htmlbars-inline-precompile';
+import { render } from '@ember/test-helpers';
+
+module('Integration | Component | create session message', function(hooks) {
+  setupIntegrationTest(hooks);
+
+  test('it renders', async function(assert) {
+    this.set('shouldShowMessage', true);
+    await render(hbs`{{create-session-message shouldShowMessage=shouldShowMessage}}`);
+    assert.ok(this.element.innerHTML.trim().includes('Your Speaker Details have been saved'));
+  });
+});