[WIP] feat: Mark Ticket as 'Checked In' on my-ticket page (#3046)

adds  not checked in on order-card in my-tickets

fix

Author: shreyanshdwivedi

app/components/order-card.js

@@ -6,5 +6,10 @@ export default Component.extend({
   isFreeOrder: computed('order', function() {
     const amount = this.get('order.amount');
     return amount === null || isEqual(amount, 0);
+  }),
+
+  isUserCheckedIn: computed('order.attendees', function() {
+    let checkedInUser = this.order.attendees.filterBy('email', this.authManager.currentUser.email).filterBy('isCheckedIn', true);
+    return checkedInUser.length !== 0;
   })
 });

app/templates/components/order-card.hbs

@@ -12,6 +12,15 @@
         <div class="ui {{order-color order.status}} large label">
           {{order.status}}
         </div>
+        {{#if isUserCheckedIn}}
+          <div class="ui green large label">
+            {{t 'Checked In'}}
+          </div>
+        {{else}}
+          <div class="ui red large label">
+            {{t 'Not Checked In'}}
+          </div>
+        {{/if}}
       </div>
       {{#smart-overflow class='header'}}
         {{order.event.name}}

tests/integration/components/order-card-test.js

@@ -1,5 +1,6 @@
 import EmberObject from '@ember/object';
 import { module, test } from 'qunit';
+import { A } from '@ember/array';
 import { setupIntegrationTest } from 'open-event-frontend/tests/helpers/setup-integration-test';
 import hbs from 'htmlbars-inline-precompile';
 import { render } from '@ember/test-helpers';
@@ -8,11 +9,22 @@ module('Integration | Component | order card', function(hooks) {
   setupIntegrationTest(hooks);
 
   const event = EmberObject.create({ originalImageUrl: 'abc.png', name: 'Pragma', startsAt: new Date(), shortLocationName: 'IN', paymentCurrency: 'INR' });
-  const order = EmberObject.create({ identifier: 123, amount: 1000, event, completedAt: new Date() });
+  const attendees = A(
+    [
+      EmberObject.create({
+        email       : '[email protected]',
+        isCheckedIn : false
+      })
+    ]
+  );
+  const order = EmberObject.create({ identifier: 123, amount: 1000, event, attendees, completedAt: new Date() });
+  const currentUser = EmberObject.create({ email: '[email protected]' });
+  const authManager = EmberObject.create({ currentUser });
 
   test('it renders', async function(assert) {
     this.set('order', order);
-    await render(hbs`{{order-card order=order}}`);
+    this.set('authManager', authManager);
+    await render(hbs`{{order-card order=order authManager=authManager}}`);
     assert.ok(this.element.innerHTML.trim().includes('Pragma'));
   });
 });