feat: Add to Google Calendar

app/components/public/add-to-calender.js

@@ -0,0 +1,16 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+import moment from 'moment';
+export default Component.extend({
+  classNames: ['ui', 'basic', 'segment'],
+
+  calender: computed(function() {
+    const params = this.get('event');
+    const startparams = params.startsAt;
+    const endparams = params.endsAt;
+    const starttime = moment(startparams).tz('Asia/Kolkata').utc().format('YYYYMMDD[T]HHmmSS[Z]');
+    const endtime = moment(endparams).tz('Asia/Kolkata').utc().format('YYYYMMDD[T]HHmmSS[Z]');
+    return `https://calendar.google.com/calendar/u/0/r/eventedit?dates=${starttime}/${endtime}&text=${params.name}&location=${this.get('eventlocation')}&sf=true`;
+  })
+
+});

app/templates/components/public/add-to-calender.hbs

@@ -0,0 +1,6 @@
+<div class="ui list">
+  <div class="content">
+    <li>{{header-date @event.startsAt}} To {{header-date @event.endsAt}}</li>
+    <a href={{this.calender}}>Add To Calender</a>
+  </div>
+</div>

app/templates/public.hbs

@@ -77,7 +77,8 @@
               {{/each}}
             </div>
           {{/if}}
-          <Public::SocialLinks @externalUrl={{this.model.externalEventUrl}} @socialLinks={{this.model.socialLinks}} />
+          <Public::AddToCalender @event={{this.model}} @eventlocation={{this.headerLocation}}/>
+          <Public::SocialLinks @externalUrl={{this.model.externalEventUrl}} @socialLinks={{this.model.socialLinks}}/>
         {{/if}}
       </div>
     </div>

tests/integration/components/public/add-to-calender-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | public/add-to-calender', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`{{public/add-to-calender}}`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      {{#public/add-to-calender}}
+        template block text
+      {{/public/add-to-calender}}
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});