feature-9015:Change and link text on overview order page to event page (#9066)

Author: ntthitrinh

app/components/orders/event-info.js

@@ -4,4 +4,5 @@ import Component from '@ember/component';
 @classic
 export default class EventInfo extends Component {
   showBanner = true;
+
 }

app/controllers/orders/view.js

@@ -96,4 +96,9 @@ export default class ViewController extends Controller {
         this.set('isLoadingTickets', false);
       });
   }
+
+  @action
+  redirectToStartPage(identifierStartEvent) {
+    this.router.transitionTo('public.index',identifierStartEvent);
+  }
 }

app/templates/components/orders/event-info.hbs

@@ -8,10 +8,13 @@
       </div>
     </div>
   {{/if}}
-  <div class="ui secondary segment">
-    <h3 class="weight-400">{{t 'When & Where'}}</h3>
+  {{#if @redirectStartPgEvent}}
+   <div class="ui secondary segment">
+      <h3 class="weight-400" role="button" {{action @redirectStartPgEvent this.data.event.identifier}}>
+        {{t 'When & Where'}}
+      </h3>
   </div>
-  <div class="ui padded segment">
+  <div class="ui padded segment" role="button" {{action @redirectStartPgEvent this.data.event.identifier}}>
     {{#if this.data.event.online}}
       {{#if this.data.event.locationName}}
         <strong>{{t 'Event taking place online and at'}} {{this.data.event.locationName}}</strong>
@@ -32,6 +35,34 @@
       <strong>{{t 'Organized By'}}:</strong> {{this.data.event.ownerName}}
     {{/if}}
   </div>
+  {{else}}
+    <div class="ui secondary segment">
+        <h3 class="weight-400">
+          {{t 'When & Where'}}
+        </h3>
+    </div>
+    <div class="ui padded segment" >
+    {{#if this.data.event.online}}
+      {{#if this.data.event.locationName}}
+        <strong>{{t 'Event taking place online and at'}} {{this.data.event.locationName}}</strong>
+      {{else}}
+        <strong>{{t 'Online Event'}}</strong>
+      {{/if}}
+    {{else if this.data.event.locationName}}
+      <strong>{{t 'At'}} {{this.data.event.locationName}}</strong>
+    {{else}}
+      <strong>{{t 'Location or online event details to be announced'}}</strong>
+    {{/if}}
+    <br>
+    <strong>{{t 'From'}}:</strong> {{general-date this.data.event.startsAt 'date-time-long'}} {{general-date this.data.event.startsAt 'tz'}}
+    <br>
+    <strong>{{t 'To'}}:</strong> {{general-date this.data.event.endsAt 'date-time-long'}} {{general-date this.data.event.startsAt 'tz'}}
+    {{#if this.data.event.ownerName}}
+      <br>
+      <strong>{{t 'Organized By'}}:</strong> {{this.data.event.ownerName}}
+    {{/if}}
+    </div>
+  {{/if}}
   {{#if (or (eq this.data.status 'expired') (eq this.data.status 'completed') (eq this.data.status 'placed'))}}
     <div class="ui padded segment">
       <i class="globe icon"></i>

app/templates/orders/view.hbs

@@ -1,10 +1,10 @@
 <div class="ui one column container stackable doubling left grid" id="top">
-  <div class="row print">
+  <div class="row print " role="button" {{action 'redirectToStartPage' this.model.order.event.identifier}}>
     <div class="column">
       <h2>{{this.model.order.event.name}}</h2>
     </div>
   </div>
-  <div class="row print">
+  <div class="row print" role="button" {{action 'redirectToStartPage' this.model.order.event.identifier}}>
     <div class="column">
       <div class="ui small gray-text">
         {{general-date this.model.order.event.startsAt 'date-time-long'}} {{general-date this.model.order.event.startsAt 'tz'}} - 
@@ -38,7 +38,8 @@
     </div>
     <div class="six wide column">
       <Orders::EventInfo
-        @data={{this.model.order}} />
+        @data={{this.model.order}}
+        @redirectStartPgEvent={{action this.redirectToStartPage}}/>
       <br/>
       {{#if this.showTicketsButton}}
         <div class="d-flex">