feat: add placed orders in sold ticket stats (#3111)

* addition of placed orders in sold tickets

* fix build errors

Author: uds5501

app/controllers/events/view/tickets/index.js

@@ -0,0 +1,14 @@
+import Controller from '@ember/controller';
+import { computed } from '@ember/object';
+
+export default Controller.extend({
+  totalOrders: computed('model.orderStats.orders.completed', 'model.orderStats.orders.placed', function() {
+    return this.model.orderStats.orders.completed + this.model.orderStats.orders.placed;
+  }),
+  totalAmount: computed('model.orderStats.sales.completed', 'model.orderStats.sales.placed', function() {
+    return this.model.orderStats.sales.completed + this.model.orderStats.sales.placed;
+  }),
+  totalSales: computed('model.orderStats.orders.completed', 'model.orderStats.orders.placed', function() {
+    return this.model.orderStats.tickets.completed + this.model.orderStats.tickets.placed;
+  })
+});

app/routes/events/view/tickets/index.js

@@ -10,5 +10,10 @@ export default Route.extend({
       tickets     : await this.modelFor('events.view').query('tickets', {}),
       eventDetail : await this.modelFor('events.view')
     };
+  },
+  setupController(controller, model) {
+    this._super(...arguments);
+    controller.set('orderStats', model.orderStats);
+    this.set('controller', controller);
   }
 });

app/templates/components/ui-table/cell/cell-tickets.hbs

@@ -1,7 +1,7 @@
 {{#if record.tickets}}
   <div class="ui list">
     {{#each record.tickets as |ticket|}}
-      <div class="item">{{ticket.name}} ({{ticket.orderStatistics.tickets.completed}}/{{ticket.quantity}}) <span class="item muted text">[{{ticket.type}}]</span></div>
+      <div class="item">{{ticket.name}} ({{add ticket.orderStatistics.tickets.completed ticket.orderStatistics.tickets.placed}}/{{ticket.quantity}}) <span class="item muted text">[{{ticket.type}}]</span></div>
     {{/each}}
   </div>
 {{else}}

app/templates/events/view/tickets/index.hbs

@@ -1,11 +1,12 @@
+{{meh}}
 <div class="row">
   <div class="ui header">
-    {{t 'Completed Orders'}}
+    {{t 'Total Sold Orders'}}
   </div>
   <div class="ui {{if device.isMobile 'horizontal'}} three statistics">
-    <div class="statistic"><div class="value">{{model.orderStats.orders.completed}}</div><div class="label">{{t 'Orders'}}</div></div>
-    <div class="statistic"><div class="value">{{format-number model.orderStats.sales.completed}}</div><div class="label">{{t 'Sales '}}({{currency-symbol model.eventDetail.paymentCurrency}})</div></div>
-    <div class="statistic"><div class="value">{{model.orderStats.tickets.completed}}</div><div class="label">{{t 'Tickets sold'}}</div></div>
+    <div class="statistic"><div class="value">{{totalOrders}}</div><div class="label">{{t 'Orders'}}</div></div>
+    <div class="statistic"><div class="value">{{format-number totalAmount}}</div><div class="label">{{t 'Sales '}}({{currency-symbol model.eventDetail.paymentCurrency}})</div></div>
+    <div class="statistic"><div class="value">{{totalSales}}</div><div class="label">{{t 'Tickets sold'}}</div></div>
   </div>
 </div>
 <br>