feat: Defining cancelled orders in order view template (#3722)

Author: kushthedude

app/templates/components/orders/order-summary.hbs

@@ -1,5 +1,5 @@
 <div class="ui segments">
-  {{#if (eq session.currentRouteName 'orders.view')}}
+  {{#if (and (eq session.currentRouteName 'orders.view') (not-eq data.status 'cancelled'))}}
     <div class="ui {{order-color data.status}} inverted segment center aligned">
       <div class="ui inverted mini statistic horizontal">
         <div class="value">
@@ -38,7 +38,7 @@
   <div class="ui secondary segment">
     <h3 class="weight-400">{{t 'Order Summary'}}</h3>
   </div>
-  {{#if (or (eq session.currentRouteName 'orders.new') (eq session.currentRouteName 'orders.view') (eq session.currentRouteName 'orders.pending'))}}
+  {{#if (and (or (eq session.currentRouteName 'orders.new') (eq session.currentRouteName 'orders.view') (eq session.currentRouteName 'orders.pending')) (not-eq data.status 'cancelled'))}}
     <table class="ui very basic tablet stackable table order-summary center aligned">
       <thead>
         <tr>
@@ -158,3 +158,17 @@
     </div>
   </div>
 {{/if}}
+{{#if (and (eq session.currentRouteName 'orders.view') (eq data.status 'cancelled'))}}
+  <div class="ui {{order-color data.status}} inverted segment">
+    <div class="ui inverted mini statistic horizontal">
+      <div class="value">
+        {{t 'Cancelled'}}
+      </div>
+      <div class="label">
+        {{t 'Your order has been cancelled due to some unavoidable circumstances.'}}
+        <br>
+        {{t 'Please contact the event organizer for further details.'}}
+      </div>
+    </div>
+  </div>
+{{/if}}