fix: add placed orders in tickets overview (#3151)

* ticket overview table includes placed tickets

* fix overview integration tests

Author: uds5501

app/components/events/view/overview/event-tickets.js

@@ -1,5 +1,16 @@
 import Component from '@ember/component';
+import { computed } from '@ember/object';
 
 export default Component.extend({
-  classNames: ['ui', 'fluid', 'card']
+  classNames: ['ui', 'fluid', 'card'],
+
+  tickets: computed('data.orderStat.tickets', function() {
+    return this.data.orderStat.tickets.completed + this.data.orderStat.tickets.placed;
+  }),
+  orders: computed('data.orderStat.orders', function() {
+    return this.data.orderStat.orders.completed + this.data.orderStat.orders.placed;
+  }),
+  sales: computed('data.orderStat.sales', function() {
+    return this.data.orderStat.sales.completed + this.data.orderStat.sales.placed;
+  })
 });

app/templates/components/events/view/overview/event-tickets.hbs

@@ -7,15 +7,15 @@
     <tbody>
       <tr>
         <td>{{t 'Total tickets sold'}}</td>
-        <td>{{data.orderStat.tickets.completed}}</td>
+        <td>{{tickets}}</td>
       </tr>
       <tr>
         <td>{{t 'No. of orders'}}</td>
-        <td>{{data.orderStat.orders.completed}}</td>
+        <td>{{orders}}</td>
       </tr>
       <tr>
         <td>{{t 'Sales (amount)'}}</td>
-        <td>{{currency-symbol data.event.paymentCurrency}} {{format-number data.orderStat.sales.completed}}</td>
+        <td>{{currency-symbol data.event.paymentCurrency}} {{format-number sales}}</td>
       </tr>
     </tbody>
   </table>
@@ -33,9 +33,9 @@
       {{#each data.tickets as |ticket|}}
         <tr>
           <td>{{ticket.name}}</td>
-          <td>{{ticket.orderStatistics.tickets.completed}}</td>
+          <td>{{add ticket.orderStatistics.tickets.completed ticket.orderStatistics.tickets.placed}}</td>
           <td>{{ticket.quantity}}</td>
-          <td>{{sub ticket.quantity ticket.orderStatistics.tickets.completed}}</td>
+          <td>{{sub ticket.quantity (add ticket.orderStatistics.tickets.completed ticket.orderStatistics.tickets.placed)}}</td>
         </tr>
       {{else}}
         <div class="ui basic segment">

tests/integration/components/events/view/overview/event-tickets-test.js

@@ -12,7 +12,10 @@ module('Integration | Component | events/view/overview/event tickets', function(
         paymentCurrency: 'USD'
       }
     });
-    await render(hbs`{{events/view/overview/event-tickets data=model}}`);
+    this.set('tickets', 10);
+    this.set('orders', 10);
+    this.set('sales', 100);
+    await render(hbs`{{events/view/overview/event-tickets data=model tickets=tickets orders=orders sales=sales}}`);
     assert.ok(this.element.innerHTML.trim().includes('Tickets'));
   });
 });