user payments page

assets/javascripts/discourse/components/donation-list.js.es6

@@ -1,5 +0,0 @@
-export default Ember.Component.extend({
-  classNames: "donation-list",
-  hasSubscriptions: Ember.computed.notEmpty("subscriptions"),
-  hasCharges: Ember.computed.notEmpty("charges")
-});

assets/javascripts/discourse/models/payment.js.es6

@@ -1,6 +1,7 @@
+import EmberObject from "@ember/object";
 import { ajax } from "discourse/lib/ajax";
 
-const Payment = Discourse.Model.extend({
+const Payment = EmberObject.extend({
   save() {
     const data = {
       payment_method: this.payment_method,

assets/javascripts/discourse/models/plan.js.es6

@@ -1,7 +1,8 @@
-import computed from "ember-addons/ember-computed-decorators";
+import EmberObject from "@ember/object";
+import computed from "discourse-common/utils/decorators";
 import { ajax } from "discourse/lib/ajax";
 
-const Plan = Discourse.Model.extend({
+const Plan = EmberObject.extend({
   amountDollars: Ember.computed("amount", {
     get() {
       return parseFloat(this.get("amount") / 100).toFixed(2);

assets/javascripts/discourse/models/product.js.es6

@@ -1,6 +1,7 @@
+import EmberObject from "@ember/object";
 import { ajax } from "discourse/lib/ajax";
 
-const Product = Discourse.Model.extend({});
+const Product = EmberObject.extend({});
 
 Product.reopenClass({
   findAll() {

assets/javascripts/discourse/models/user-payment.js.es6

@@ -0,0 +1,22 @@
+import EmberObject from "@ember/object";
+import computed from "discourse-common/utils/decorators";
+import { ajax } from "discourse/lib/ajax";
+
+const UserPayment = EmberObject.extend({
+  @computed("amount")
+  amountDollars(amount){
+    return parseFloat(amount / 100).toFixed(2);
+  }
+});
+
+UserPayment.reopenClass({
+  findAll() {
+    return ajax("/s/user/payments", { method: "get" }).then(result =>
+      result.map(payment => {
+        return UserPayment.create(payment);
+      })
+    );
+  }
+});
+
+export default UserPayment;

assets/javascripts/discourse/models/user-subscription.js.es6

@@ -1,8 +1,9 @@
+import EmberObject from "@ember/object";
 import computed from "ember-addons/ember-computed-decorators";
 import { ajax } from "discourse/lib/ajax";
 import Plan from "discourse/plugins/discourse-subscriptions/discourse/models/plan";
 
-const UserSubscription = Discourse.Model.extend({
+const UserSubscription = EmberObject.extend({
   @computed("status")
   canceled(status) {
     return status === "canceled";

assets/javascripts/discourse/routes/s-show.js.es6

@@ -7,7 +7,7 @@ export default Route.extend({
     const product_id = params["subscription-id"];
 
     const product = Product.find(product_id);
-    const plans = Plan.findAll({ product_id: product_id });
+    const plans = Plan.findAll({ product_id });
 
     return Ember.RSVP.hash({ plans, product });
   }

assets/javascripts/discourse/routes/user-billing-payments.js.es6

@@ -1,10 +1,10 @@
 import Route from "@ember/routing/route";
-import Invoice from "discourse/plugins/discourse-subscriptions/discourse/models/invoice";
+import UserPayment from "discourse/plugins/discourse-subscriptions/discourse/models/user-payment";
 
 export default Route.extend({
   templateName: "user/billing/payments",
 
   model() {
-    return Invoice.findAll();
+    return UserPayment.findAll();
   }
 });

assets/javascripts/discourse/templates/components/donation-list.hbs

@@ -1,28 +0,0 @@
-{{#if hasSubscriptions}}
-  <div class="subscription-list">
-    <div class="underline">{{i18n 'discourse_donations.donations.subscriptions'}}</div>
-    <ul>
-      {{#each subscriptions as |s|}}
-        <li>{{donation-row subscription=s.subscription customer=customer new=s.new}}</li>
-        {{#if s.invoices}}
-          <ul>
-            {{#each s.invoices as |invoice|}}
-              <li>{{donation-row invoice=invoice customer=customer new=s.new}}</li>
-            {{/each}}
-          </ul>
-        {{/if}}
-      {{/each}}
-    </ul>
-  </div>
-{{/if}}
-
-{{#if hasCharges}}
-  <div class="charge-list">
-    <div class='underline'>{{i18n 'discourse_donations.donations.charges'}}</div>
-    <ul>
-      {{#each charges as |charge|}}
-        <li>{{donation-row charge=charge customer=customer new=charge.new}}</li>
-      {{/each}}
-    </ul>
-  </div>
-{{/if}}

assets/javascripts/discourse/templates/user/billing/payments.hbs

@@ -1,22 +1,15 @@
-
 {{#if model}}
-  <table class="topic-list">
+  <table class="table discourse-subscriptions-user-table">
     <thead>
-      <th>{{i18n 'discourse_subscriptions.user.billing.invoices.amount'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.billing.invoices.number'}}</th>
-      <th>{{i18n 'discourse_subscriptions.user.billing.invoices.created_at'}}</th>
-      <th></th>
+      <th>{{i18n 'discourse_subscriptions.user.payments.id'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.payments.amount'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.payments.created_at'}}</th>
     </thead>
-    {{#each model as |invoice|}}
+    {{#each model as |payment|}}
       <tr>
-        <td>{{invoice.amount_paid}}</td>
-        <td>{{invoice.number}}</td>
-        <td>{{format-unix-date invoice.created}}</td>
-        <td class="td-right">
-          <a href="{{invoice.invoice_pdf}}" class="btn btn-icon">
-            {{d-icon "download"}}
-          </a>
-        </td>
+        <td>{{payment.id}}</td>
+        <td>{{format-currency payment.currency payment.amountDollars}}</td>
+        <td>{{format-unix-date payment.created}}</td>
       </tr>
     {{/each}}
   </table>

assets/javascripts/discourse/templates/user/billing/subscriptions.hbs

@@ -1,34 +1,32 @@
-{{#d-section pageClass="user-subscriptions" class="user-content"}}
-  {{#if model}}
-    <table class="table discourse-subscriptions-user-table">
-      <thead>
-        <th>{{i18n 'discourse_subscriptions.user.subscriptions.id'}}</th>
-        <th>{{i18n 'discourse_subscriptions.user.plans.product'}}</th>
-        <th>{{i18n 'discourse_subscriptions.user.plans.rate'}}</th>
-        <th>{{i18n 'discourse_subscriptions.user.subscriptions.status'}}</th>
-        <th>{{i18n 'discourse_subscriptions.user.subscriptions.created_at'}}</th>
-        <th></th>
-      </thead>
-      {{#each model as |subscription|}}
-        <tr>
-          <td>{{subscription.id}}</td>
-          <td>{{subscription.product.name}}</td>
-          <td>{{subscription.plan.subscriptionRate}}</td>
-          <td>{{subscription.status}}</td>
-          <td>{{format-unix-date subscription.created}}</td>
-          <td class="td-right">
-            {{#if subscription.loading}}
-              {{loading-spinner size="small"}}
-            {{else}}
-              {{d-button disabled=subscription.canceled label="cancel" action=(route-action "cancelSubscription" subscription) icon="times"}}
-            {{/if}}
-          </td>
-        </tr>
-      {{/each}}
-    </table>
-  {{else}}
-    <div class="alert alert-info">
-      {{i18n 'discourse_subscriptions.user.subscriptions_help'}}
-    </div>
-  {{/if}}
-{{/d-section}}
+{{#if model}}
+  <table class="table discourse-subscriptions-user-table">
+    <thead>
+      <th>{{i18n 'discourse_subscriptions.user.subscriptions.id'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.plans.product'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.plans.rate'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.subscriptions.status'}}</th>
+      <th>{{i18n 'discourse_subscriptions.user.subscriptions.created_at'}}</th>
+      <th></th>
+    </thead>
+    {{#each model as |subscription|}}
+      <tr>
+        <td>{{subscription.id}}</td>
+        <td>{{subscription.product.name}}</td>
+        <td>{{subscription.plan.subscriptionRate}}</td>
+        <td>{{subscription.status}}</td>
+        <td>{{format-unix-date subscription.created}}</td>
+        <td class="td-right">
+          {{#if subscription.loading}}
+            {{loading-spinner size="small"}}
+          {{else}}
+            {{d-button disabled=subscription.canceled label="cancel" action=(route-action "cancelSubscription" subscription) icon="times"}}
+          {{/if}}
+        </td>
+      </tr>
+    {{/each}}
+  </table>
+{{else}}
+  <div class="alert alert-info">
+    {{i18n 'discourse_subscriptions.user.subscriptions_help'}}
+  </div>
+{{/if}}