Add page for subscription updating

assets/javascripts/discourse/controllers/user-billing.js.es6

@@ -20,6 +20,10 @@ export default Ember.Controller.extend({
 
     viewReceipt: function(receipt){
       window.location.href = "/league/transactions/" + this.currentUser.id + "/" + receipt.id;
+    },
+
+    updateBilling: function(subscription){
+      window.location.href = "/league/subscriptions/" + this.currentUser.id + "/" + subscription.id;
     }
   }
 })

assets/javascripts/discourse/league-route-map.js.es6

@@ -16,6 +16,10 @@ export default function(){
     });
     this .route('transactions', {path: '/transactions'}, function(){
       this.route('show', {path: '/:user_id/:id'});
-    })
+    });
+
+    this .route('subscriptions', {path: '/subscriptions'}, function(){
+      this.route('show', {path: '/:user_id/:id'});
+    });
 	});
 };

assets/javascripts/discourse/routes/league-subscriptions-show.js.es6

@@ -0,0 +1,11 @@
+import Subscriptions from '../models/subscriptions';
+
+export default Discourse.Route.extend({
+  model(opts) {
+    return Subscriptions.findById(opts.user_id, opts.id);
+  },
+
+  setupController(controller, model) {
+    controller.setProperties({ model });
+  }
+});

assets/javascripts/discourse/templates/league/subscriptions/show.hbs

@@ -0,0 +1,47 @@
+<div class="league checkout receipt">
+  <div class="user-table">
+    <div class="wrapper">
+      <a href="/u/{{currentUser.username}}/billing">← Back to Billing</a>
+      <form class="form-horizontal" id="verify-state">
+        <div class="billing-section">
+          <h3>{{i18n 'league.checkout.payment_details'}}</h3>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.transaction_id'}}</label>
+            <div class="controls expiration">{{ model.transaction.transaction_id }}</div>
+          </div>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.product'}}</label>
+            <div class="controls expiration">{{ model.transaction.product_name }}</div>
+          </div>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.transaction_date'}}</label>
+            <div class="controls expiration">{{format-league-date model.transaction.transaction_date }}</div>
+          </div>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.transaction_amount'}}</label>
+            <div class="controls expiration">{{format-currency model.transaction.transaction_amount }}</div>
+          </div>
+          {{#if model.transaction.credit_card.last_4}}
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.checkout.card_number'}}</label>
+            <div class="controls"><img src="{{model.transaction.credit_card.image}}" /><span>{{obfuscate-credit-card model.transaction.credit_card.last_4}}</span></div>
+          </div>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.checkout.expiration_date'}}</label>
+            <div class="controls expiration">{{ model.transaction.credit_card.expiration }}</div>
+          </div>
+          {{else}}
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.checkout.paypal_email'}}</label>
+            <div class="controls"><img src="{{model.transaction.paypal.image}}" /><span>{{ model.transaction.paypal.email}}</span></div>
+          </div>
+          <div class="control-group">
+            <label class="control-label">{{i18n 'league.checkout.paypal_name'}}</label>
+            <div class="controls expiration">{{ model.transaction.paypal.name }}</div>
+          </div>
+          {{/if}}
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

config/locales/client.en.yml

@@ -98,6 +98,8 @@ en:
           verify: "Verify"
           completed: "Completed"
         completed_message: '<h2>Success!</h2><p>Thanks for signing up. You should receive a PM shortly with more details about your membership.</p>'
+        update_billing:
+          completed_message: '<h2>Success!</h2><p>Your payment method has been updated.</p>'
       currency:
         CAD: "$"
         EUR: "€"