Addition of landing page for apps (#2979)

app/router.js

@@ -34,6 +34,8 @@ router.map(function() {
   this.route('login');
   this.route('register');
   this.route('reset-password');
+  this.route('attendee-app');
+  this.route('organizer-app');
   this.route('logout');
   this.route('oauth', { path: '/oauth/callback' });
   this.route('public', { path: '/e/:event_id' }, function() {

app/templates/attendee-app.hbs

@@ -0,0 +1,97 @@
+<div class='ui secondary pointing menu'>
+  <a class='active item'>
+    {{t 'Attendee App'}}
+  </a>
+</div>
+<div class="ui segment">
+  <div class="content">
+    <img class="ui fluid image" src="/images/attendee-app.jpg" alt="Open Event Attendee App">
+  </div>
+  <h1 class="weight-500 ui huge center aligned header">
+    {{t 'Open Event Attendee App'}}
+  </h1>
+  <div class="ui grid">
+    {{#if device.isMobile}}
+      <div class="eight wide column">
+        <a class="store" href='https://play.google.com/store/apps/details?id=com.eventyay.attendee'><img alt='Get it on Google Play' src='/images/google-play.png' height="50"></a>
+      </div>
+      <div class="eight wide column">
+        <a class="store" href='https://f-droid.org/en/packages/com.eventyay.attendee/'><img alt='Get it on F-Droid' src='/images/fdroid.png' height="50"></a>
+      </div>
+    {{else}}
+      <div class="five wide column">
+      </div>
+      <div class="three wide column">
+        <a class="store" href='https://play.google.com/store/apps/details?id=com.eventyay.attendee'><img alt='Get it on Google Play' src='/images/google-play.png' height="60"></a>
+      </div>
+      <div class="three wide column">
+        <a class="store" href='https://f-droid.org/en/packages/com.eventyay.attendee/'><img alt='Get it on F-Droid' src='/images/fdroid.png' height="60"></a>
+      </div>
+      <div class="five wide column">
+      </div>
+    {{/if}}
+  </div>
+  {{#if device.isMobile}}
+    <img class="ui fluid image" src="images/android-img.jpg" alt="{{t 'Android Attendee App'}}">
+  {{else}}
+    <div class="ui grid">
+      <div class="eight wide column">   
+        <h1 class="weight-900">
+          {{t 'Get Your Next Experience of Open Event'}}
+        </h1>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Get More'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Check popular events on the go, unique, local, near you just for you'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600"> {{t 'Know More'}}</h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Check all event related information on the go and get all relevant details about the speakers'}}
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600"> 
+            {{t 'Manage More'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Manage all you ticket details , event details on the go with your phone'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Go Digital'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Show your ticket details , Session Pass on your phone using QR code and get in'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Go Hassle-free'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Pay with your phone , Register for nearby events with your phone, hasslefree , easily and conveniently'}} 
+          </h3>
+        </div>
+      </div>
+      <div class="eight wide column">
+        <img class="ui fluid image" src="/images/android-img.jpg" alt="Android Pic">
+      </div>
+    </div>
+  {{/if}}
+</div>
+<div class="ui center aligned muted text">
+  {{t 'Please Check-Out our Organizer App'}}
+  <a class="item" href="{{href-to 'organizer-app'}}">{{t 'Here'}}</a>
+  <div class="ui hidden divider"></div>
+</div>
+

app/templates/components/footer-main.hbs

@@ -1,9 +1,11 @@
 <div class="ui center aligned container">
   <div class="ui stackable inverted divided grid">
-    <div class="three wide column">
+    <div class="four wide column">
       <div class="ui inverted link list">
         <strong class="item">{{t 'Use'}} eventyay</strong>
         <a class="item" href="#" target="_blank" rel="noopener noreferrer">{{t 'Sitemap'}}</a>
+        <a class="item" href="{{href-to 'attendee-app'}}" rel="noopener noreferrer">{{t 'Open Event App'}}</a>
+        <a class="item" href="{{href-to 'organizer-app'}}" rel="noopener noreferrer">{{t 'Open Event Organizer App'}}</a>
       </div>
     </div>
     <div class="three wide column">

app/templates/organizer-app.hbs

@@ -0,0 +1,96 @@
+<div class='ui secondary pointing menu'>
+  <a class='active item'>
+    {{t 'Organizer App'}}
+  </a>
+</div>
+<div class="ui segment">
+  <div class="content">
+    <img class="ui fluid image" src="/images/organizer-app.jpg" alt="Open Event Organizer App">
+  </div>
+  <h1 class="weight-500 ui huge center aligned header">
+    {{t 'Open Event Organizer App'}}
+  </h1>
+  <div class="ui grid">
+    {{#if device.isMobile}}
+      <div class="eight wide column">
+        <a class="store" href='https://play.google.com/store/apps/details?id=com.eventyay.organizer'><img alt='Get it on Google Play' src='/images/google-play.png' height="50"></a>
+      </div>
+      <div class="eight wide column">
+        <a class="store" href='https://f-droid.org/en/packages/com.eventyay.organizer/'><img alt='Get it on F-Droid' src='/images/fdroid.png' height="50"></a>
+      </div>
+    {{else}}
+      <div class="five wide column">
+      </div>
+      <div class="three wide column">
+        <a class="store" href='https://play.google.com/store/apps/details?id=com.eventyay.organizer'><img alt='Get it on Google Play' src='/images/google-play.png' height="60"></a>
+      </div>
+      <div class="three wide column">
+        <a class="store" href='https://f-droid.org/en/packages/com.eventyay.organizer/'><img alt='Get it on F-Droid' src='/images/fdroid.png' height="60"></a>
+      </div>
+      <div class="five wide column">
+      </div>
+    {{/if}}
+  </div>
+  {{#if device.isMobile}}
+    <img class="ui fluid image" src="images/organizer-android.jpg" alt="{{t 'Organizer Android App'}}">
+  {{else}}
+    <div class="ui grid">
+      <div class="eight wide column">   
+        <h1 class="weight-900">
+          {{t 'Make your event success with Orga App'}}
+        </h1>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Hassle-free checkin'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Scan the QR Code and Check-in/Check-out Attendees and Ticket Holder on the go.'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600"> {{t 'Easy Communication'}}</h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Sync your app data with Organizer Server on the go.'}}
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600"> 
+            {{t 'Manage Efficiently'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Get Order, Event, Sales Statistics with Orga App on the go.'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Ticket and Event'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Manage and Create new Tickets or Events with the power of your touch on your phone'}} 
+          </h3>
+        </div>
+        <div class="ui hidden divider"></div>
+        <div class="content">
+          <h2 class="weight-600">
+            {{t 'Communication on the Go'}}
+          </h2>
+          <h3 class="weight-400 ui muted text">
+            {{t 'Get Push Notification about new attendees or Ticket Holders on your phone .'}} 
+          </h3>
+        </div>
+      </div>
+      <div class="eight wide column">
+        <img class="ui large image" src="/images/organizer-android.jpg" alt="Android Pic">
+      </div>
+    </div>
+  {{/if}}
+</div>
+<div class="ui center aligned muted text">
+  {{t 'Please Check-Out our Attendee App'}}
+  <a class="item" href="{{href-to 'attendee-app'}}" rel="noopener noreferrer">{{t 'Here'}}</a>
+  <div class="ui hidden divider"></div>
+</div>

tests/acceptance/attendee-app-test.js

@@ -0,0 +1,19 @@
+import { currentURL, visit } from '@ember/test-helpers';
+import { module, test } from 'qunit';
+import { setupApplicationTest } from 'ember-qunit';
+import { login } from 'open-event-frontend/tests/helpers/custom-helpers';
+
+module('Acceptance | attendee-app', function(hooks) {
+  setupApplicationTest(hooks);
+
+  test('visiting /landing-attendee-app without login', async function(assert) {
+    await visit('/attendee-app');
+    assert.equal(currentURL(), '/attendee-app');
+  });
+
+  test('visiting /landing-attendee-app with login', async function(assert) {
+    await login(assert);
+    await visit('/attendee-app');
+    assert.equal(currentURL(), '/attendee-app');
+  });
+});

tests/acceptance/organizer-app-test.js

@@ -0,0 +1,19 @@
+import { currentURL, visit } from '@ember/test-helpers';
+import { module, test } from 'qunit';
+import { setupApplicationTest } from 'ember-qunit';
+import { login } from 'open-event-frontend/tests/helpers/custom-helpers';
+
+module('Acceptance | organizer-app', function(hooks) {
+  setupApplicationTest(hooks);
+
+  test('visiting /landing-organizer-app without login', async function(assert) {
+    await visit('/organizer-app');
+    assert.equal(currentURL(), '/organizer-app');
+  });
+
+  test('visiting /landing-organizer-app with login', async function(assert) {
+    await login(assert);
+    await visit('/organizer-app');
+    assert.equal(currentURL(), '/organizer-app');
+  });
+});