0
0
Fork 1
Spiegel von https://github.com/paviliondev/discourse-custom-wizard.git synchronisiert 2024-11-09 11:52:54 +01:00

IMPROVE: utilise button icon to signify update

Dieser Commit ist enthalten in:
merefield 2023-11-17 11:24:46 +00:00
Ursprung 320ebe3049
Commit 591cb9b6ae
2 geänderte Dateien mit 9 neuen und 14 gelöschten Zeilen

Datei anzeigen

@ -7,17 +7,14 @@
{{d-icon "pavilion-logo"}}
<span>{{this.label}}</span>
</DButton>
<span class="loading-container">
{{#if this.updating}}
{{loading-spinner size="small"}}
{{else if updateIcon}}
{{d-icon updateIcon}}
{{/if}}
</span>
<DButton
@icon="sync"
@icon={{this.updateIcon}}
@action={{this.update}}
class="btn btn-primary update"
@disabled={{this.updating}}
@title="admin.wizard.subscription.update.title"
/>
>
{{#if this.updating}}
{{loading-spinner size="small"}}
{{/if}}
</DButton>

Datei anzeigen

@ -8,7 +8,7 @@ import I18n from "I18n";
export default class WizardSubscriptionBadge extends Component {
@service subscription;
@tracked updating = false;
@tracked updateIcon = null;
@tracked updateIcon = "sync";
basePath = "/admin/plugins/subscription-client";
@computed("subscription.subscriptionType")
@ -38,12 +38,10 @@ export default class WizardSubscriptionBadge extends Component {
@action
update() {
this.updating = true;
this.updateIcon = "check";
this.subscription.updateSubscriptionStatus().finally(() => {
this.updating = false;
setTimeout(() => {
this.updateIcon = null;
}, 5000);
this.subscription.updateSubscriptionStatus().finally(() => {
this.updateIcon = "sync";
this.updating = false;
});
}
}