diff --git a/ghost/admin/app/controllers/member.js b/ghost/admin/app/controllers/member.js
index 6daac03483..405384b58d 100644
--- a/ghost/admin/app/controllers/member.js
+++ b/ghost/admin/app/controllers/member.js
@@ -38,10 +38,12 @@ export default Controller.extend({
},
fetchMember: task(function* (memberId) {
+ this.set('isLoading', true);
yield this.store.findRecord('member', memberId, {
reload: true
}).then((data) => {
this.set('member', data);
+ this.set('isLoading', false);
});
})
diff --git a/ghost/admin/app/templates/components/gh-member-settings-form.hbs b/ghost/admin/app/templates/components/gh-member-settings-form.hbs
index b77a6fb12f..ce9dabff16 100644
--- a/ghost/admin/app/templates/components/gh-member-settings-form.hbs
+++ b/ghost/admin/app/templates/components/gh-member-settings-form.hbs
@@ -47,79 +47,88 @@
- {{#if hasMultipleSubscriptions}}
-
- {{svg-jar "info" class="gh-member-info-icon mr2 fill-darkgrey"}} Member has multiple Stripe subscriptions
-
- {{/if}}
- {{#each subscriptions as |subscription|}}
-
-
-
-
Customer data
-
-
- Stripe customer ID |
- {{subscription.customer}} |
-
-
- Name |
-
- {{#if subscription.name}}
- {{subscription.name}}
- {{else}}
- No name
- {{/if}}
- |
-
-
- Email |
-
- {{#if subscription.email}}
- {{subscription.email}}
- {{else}}
- No email
- {{/if}}
- |
-
-
- Customer since |
-
- {{#if subscription.startDate}}
- {{subscription.startDate}}
- {{else}}
- No data
- {{/if}}
- |
-
-
-
-
-
Subscription data
-
-
- Plan |
- {{subscription.planName}} |
-
-
- Current status |
- {{subscription.status}} |
-
-
- Next renewal date |
- {{subscription.validUntil}} |
-
-
-
-
-
- {{/each}}
+{{#if isLoading}}
+
{{else}}
-
-
Member doesn't have Stripe subscription
-
+ {{#if subscriptions}}
+
+ {{#if hasMultipleSubscriptions}}
+
+ {{svg-jar "info" class="gh-member-info-icon mr2 fill-darkgrey"}} Member has multiple Stripe subscriptions
+
+ {{/if}}
+ {{#each subscriptions as |subscription|}}
+
+
+
+
Customer data
+
+
+ Stripe customer ID |
+ {{subscription.customer}} |
+
+
+ Name |
+
+ {{#if subscription.name}}
+ {{subscription.name}}
+ {{else}}
+ No name
+ {{/if}}
+ |
+
+
+ Email |
+
+ {{#if subscription.email}}
+ {{subscription.email}}
+ {{else}}
+ No email
+ {{/if}}
+ |
+
+
+ Customer since |
+
+ {{#if subscription.startDate}}
+ {{subscription.startDate}}
+ {{else}}
+ No data
+ {{/if}}
+ |
+
+
+
+
+
+
Subscription data
+
+
+ Plan |
+ {{subscription.planName}} |
+
+
+ Current status |
+ {{subscription.status}} |
+
+
+ Next renewal date |
+ {{subscription.validUntil}} |
+
+
+
+
+
+ {{/each}}
+
+ {{else}}
+
+
Member doesn't have Stripe subscription
+
+ {{/if}}
{{/if}}
\ No newline at end of file
diff --git a/ghost/admin/app/templates/member.hbs b/ghost/admin/app/templates/member.hbs
index 6b4e5ba917..5dba29fb1c 100644
--- a/ghost/admin/app/templates/member.hbs
+++ b/ghost/admin/app/templates/member.hbs
@@ -27,6 +27,7 @@
{{gh-member-settings-form member=member
setProperty=(action "setProperty")
+ isLoading=this.isLoading
showDeleteTagModal=(action "toggleDeleteTagModal")}}