Added invoice info

Author: mrsaicharan1

app/controllers/event-invoice/review.js

@@ -1,39 +1,5 @@
 import Controller from '@ember/controller';
-import EmberTableControllerMixin from 'open-event-frontend/mixins/ember-table-controller';
-import { computed } from '@ember/object';
 
-export default class extends Controller.extend(EmberTableControllerMixin) {
-    @computed()
-  get columns() {
-    return [
-      {
-        name      : 'Invoice ID',
-        valuePath : 'id'
-      },
-      {
-        name      : 'Event Name',
-        valuePath : 'name'
-      },
-      {
-        name      : 'Date Issued',
-        valuePath : 'createdAt'
-      },
-      {
-        name      : 'Amount',
-        valuePath : 'amount'
-      }
-    ];
-  }
-    get rows() {
-      const rows = [];
-      this.model.eventInvoice.forEach(row => {
-        rows.pushObject({
-          id        : row.id,
-          name      : row.event.name,
-          createdAt : row.createdAt,
-          amount    : row.amount
-        });
-      });
-      return rows;
-    }
+export default class extends Controller {
+
 }

app/router.js

@@ -212,7 +212,7 @@ router.map(function() {
   this.route('verify');
 
   this.route('event-invoice', function() {
-    this.route('review', { path: '/:event_id/review' });
+    this.route('review', { path: '/:invoice_identifier/review' });
   });
 });
 

app/routes/event-invoice/review.js

@@ -1,10 +1,20 @@
 import Route from '@ember/routing/route';
 
-export default class extends Route.extend() {
-  async model() {
+export default class extends Route {
+  async model(params) {
+    let filterOptions = [
+      {
+        name : 'identifier',
+        op   : 'eq',
+        val  : params.invoice_identifier
+      }
+    ];
     return {
-      'user'         : await this.authManager.currentUser,
-      'eventInvoice' : await this.store.query('event-invoice', { include: 'event' })
+      'user'   : await this.authManager.currentUser,
+      'data'   : await this.store.query('event-invoice', {
+        include   : 'event',
+        filter    : filterOptions
+      })
     };
   }
 

app/templates/event-invoice/review.hbs

@@ -10,22 +10,22 @@
           <div class="ui padded segment">
             <div class="ui list">
               <div class="item">
-                <strong>{{t 'From'}}:</strong> {{this.model.user.billingContactName}}
+                <strong>{{t 'From'}}:</strong> {{model.user.billingContactName}}
               </div>
               <div class="item">
-                <strong>{{t 'Phone'}}:</strong> {{this.model.user.billingPhone}}
+                <strong>{{t 'Phone'}}:</strong> {{model.user.billingPhone}}
               </div>
               <div class="item">
-                <strong>{{t 'Email'}}:</strong> {{this.model.user.email}}
+                <strong>{{t 'Email'}}:</strong> {{model.user.email}}
               </div>
               <div class="item">
-                <strong>{{t 'Billing Address'}}:</strong> {{this.model.user.billingAddress}}
+                <strong>{{t 'Billing Address'}}:</strong> {{model.user.billingAddress}}
               </div>
               <div class="item">
-                <strong>{{t 'Zip Code'}}:</strong> {{this.model.user.billingZipCode}}
+                <strong>{{t 'Zip Code'}}:</strong> {{model.user.billingZipCode}}
               </div>
               <div class="item">
-                <strong>{{t 'Country'}}:</strong> {{this.model.user.billingCountry}}
+                <strong>{{t 'Country'}}:</strong> {{model.user.billingCountry}}
               </div>
             </div>
           </div>
@@ -52,26 +52,25 @@
             </div>
           </div>
         </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="sixteen wide column">
-        {{tables/default  columns=columns
-                        rows=rows
-                        currentPage=page
-                        pageSize=per_page
-                        searchQuery=search
-                        sortBy=sort_by
-                        sortDir=sort_dir
-                        metaData=model.data.meta
-                        filterOptions=filterOptions
-                        widthConstraint="eq-container"
-                        resizeMode="fluid"
-                        fillMode="equal-column"
-        }}
-      </div>
-      <div class="mobile hidden sixteen wide column">
-        {{orders/event-info data=model.order showBanner=false}}
+        <div class="ui segments">
+          <div class="ui secondary segment">
+            <h3 class="weight-400">{{t 'Invoice Details'}}</h3>
+          </div>
+          <div class="ui padded segment">
+            <div class="ui list">
+              <div class="item">
+                <strong>{{t 'Event Name'}}:</strong> {{model.data.event.name}}
+              </div>
+              <div class="item">
+                <strong>{{t 'Date Issued'}}:</strong> {{moment-format model.data.createdAt 'MM/DD/YYYY'}} 
+              </div>
+              <div class="item">
+                <strong>{{t 'Total Invoice Amount'}}:</strong> {{format-number model.data.amount}}
+              </div>
+            </div>
+          </div>
+        </div>
+        <button class="ui primary button" href="#">{{t 'Pay Now' }}</button>
       </div>
     </div>
   </div>