discourse-custom-wizard/assets/javascripts/discourse/components/wizard-subscription-badge.js

import { inject as service } from "@ember/service";
import { action, computed } from "@ember/object";
import { ajax } from "discourse/lib/ajax";
import { popupAjaxError } from "discourse/lib/ajax-error";
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import DiscourseURL from "discourse/lib/url";
import I18n from "I18n";

export default class WizardSubscriptionBadge extends Component {
  @service subscription;
  @tracked updating = false;
  @tracked updateIcon = null;
  basePath = "/admin/plugins/subscription-client";

  @computed("subscription.subscriptionType")
  get i18nKey() {
    return `admin.wizard.subscription.type.${
      this.subscription.subscriptionType
        ? this.subscription.subscriptionType
        : "none"
    }`;
  }

  @computed("i18nKey")
  get title() {
    return `${this.i18nKey}.title`;
  }

  @computed("i18nKey")
  get label() {
    return I18n.t(`${this.i18nKey}.label`);
  }

  @action
  click() {
    DiscourseURL.routeTo(this.subscription.subscriptionLink);
  }

  @action
  update() {
    this.subscription.retrieveSubscriptionStatus();
    // this.updating = true;
    // return ajax(`${this.basePath}/subscriptions`, {
    //   type: "POST",
    // })
    //   .then(() => {
    //     if (this.subscription.subscribed) {
    //       this.updateIcon = "check";
    //     } else {
    //       this.updateIcon = "times";
    //     }
    //   })
    //   .catch(popupAjaxError)
    //   .finally(() => {
    //     this.updating = false;
    //     setTimeout(() => {
    //       this.updateIcon = null;
    //     }, 7000);
    //   });
  }
}