From 6d509ce2e2b68ed85632eda04dfe97dac16ce5e9 Mon Sep 17 00:00:00 2001
From: Areeb Jamal <jamal.areeb@gmail.com>
Date: Thu, 16 Jul 2020 23:28:49 +0530
Subject: [PATCH] feat: Recreate free order buying process (#4569)

---
 app/components/public/ticket-list.js                       | 3 ++-
 app/components/unverified-user-message.hbs                 | 2 +-
 app/controllers/public/index.js                            | 1 +
 app/styles/partials/utils.scss                             | 4 ++++
 app/templates/components/forms/orders/guest-order-form.hbs | 7 ++++++-
 app/templates/public/index.hbs                             | 1 +
 .../integration/components/unverified-user-message-test.js | 2 +-
 7 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/components/public/ticket-list.js b/app/components/public/ticket-list.js
index f060dd325c2..399ed434de1 100644
--- a/app/components/public/ticket-list.js
+++ b/app/components/public/ticket-list.js
@@ -18,7 +18,8 @@ export default Component.extend(FormMixin, {
       && !this.authManager.currentUser.isVerified;
   }),
 
-  shouldDisableOrderButton: computed('hasTicketsInOrder', 'isDonationPriceValid', function() {
+  shouldDisableOrderButton: computed('hasTicketsInOrder', 'isDonationPriceValid', 'isUnverified', function() {
+    if (this.isUnverified) {return true}
     let quantityDonation = sumBy(this.donationTickets.toArray(),
       donationTicket => (donationTicket.orderQuantity || 0));
     if (quantityDonation > 0) {
diff --git a/app/components/unverified-user-message.hbs b/app/components/unverified-user-message.hbs
index 43cc50f5615..4215fc82302 100644
--- a/app/components/unverified-user-message.hbs
+++ b/app/components/unverified-user-message.hbs
@@ -13,7 +13,7 @@
             {{#if (eq this.session.currentRouteName 'events.view.index')}}
               {{t 'To make your event live, please verify your account by clicking on the confirmation link that has been emailed to you.'}}
             {{else}}
-              {{t 'Your account is unverified. Please verify by clicking on the confirmation link that has been emailed to you.'}}
+              {{t 'Your account is unverified.'}} {{@extraMessage}} {{t 'Please verify by clicking on the confirmation link that has been emailed to you.'}}
             {{/if}}
           </div>
           <p>{{t 'Did not get the email?'}} <a href="#" onclick={{action 'sendConfirmationMail'}}>{{t 'Please click here to resend the confirmation mail.'}}</a></p>
diff --git a/app/controllers/public/index.js b/app/controllers/public/index.js
index 00258a6ba4a..232c3b3d612 100644
--- a/app/controllers/public/index.js
+++ b/app/controllers/public/index.js
@@ -104,6 +104,7 @@ export default class IndexController extends Controller {
       this.set('orderInput', orderInput);
     }
     if (!this.session.isAuthenticated) {
+      this.set('userExists', false);
       this.set('isLoginModalOpen', true);
       return;
     }
diff --git a/app/styles/partials/utils.scss b/app/styles/partials/utils.scss
index 9b159475112..ddead027845 100644
--- a/app/styles/partials/utils.scss
+++ b/app/styles/partials/utils.scss
@@ -39,3 +39,7 @@
 .m-0 {
   margin: 0 !important;
 }
+
+.m-2 {
+  margin: .5rem;
+}
diff --git a/app/templates/components/forms/orders/guest-order-form.hbs b/app/templates/components/forms/orders/guest-order-form.hbs
index f4e52d78910..0b27f3fd8e0 100644
--- a/app/templates/components/forms/orders/guest-order-form.hbs
+++ b/app/templates/components/forms/orders/guest-order-form.hbs
@@ -6,7 +6,12 @@
   {{/if}}
   <h4 class="ui header">{{t 'Please enter your email address to continue.'}}</h4>
   <div class="field">
-    <Input @type="text" @name="email" @value={{this.email}} @disabled={{this.userExists}} placeholder={{t "Email Address"}} />
+    <div class="ui icon input">
+      <Input @type="text" @name="email" @value={{this.email}} @disabled={{this.userExists}} placeholder={{t "Email Address"}} />
+      {{#if this.userExists}}
+        <i class="circular undo link icon" role="button" onclick={{action (mut this.userExists) false}}></i>
+      {{/if}}
+    </div>
   </div>
   {{#if this.userExists}}
     <div class="ui text muted">{{t 'You have previously registered with this email address.'}}</div>
diff --git a/app/templates/public/index.hbs b/app/templates/public/index.hbs
index ceb64243226..fdbbe3220fd 100644
--- a/app/templates/public/index.hbs
+++ b/app/templates/public/index.hbs
@@ -31,6 +31,7 @@
             @errorMessage={{this.errorMessage}}
             @save="save" />
         </div>
+        <UnverifiedUserMessage class="m-2" @padless={{true}} @extraMessage={{t 'To place a ticket order: '}} />
       </div>
     </div>
     <div class="ui hidden divider"></div>
diff --git a/tests/integration/components/unverified-user-message-test.js b/tests/integration/components/unverified-user-message-test.js
index 5396105ccce..5fe5ee47ac7 100644
--- a/tests/integration/components/unverified-user-message-test.js
+++ b/tests/integration/components/unverified-user-message-test.js
@@ -40,6 +40,6 @@ module('Integration | Component | unverified user message', function(hooks) {
     });
     this.set('isMailSent', false);
     await render(hbs`{{unverified-user-message session=session authManager=authManager isMailSent=isMailSent}}`);
-    assert.ok(this.element.innerHTML.trim().includes('Your account is unverified. Please verify by clicking on the confirmation link that has been emailed to you.'));
+    assert.dom(this.element).includesText('Your account is unverified. Please verify by clicking on the confirmation link that has been emailed to you.');
   });
 });