Function generateBoxSettingsPart

pro/src/settingsBox.ts:199–367

(
  containerEl: HTMLElement,
  t: (x: TransItemType, vars?: any) => string,
  app: App,
  plugin: RemotelySavePlugin,
  saveUpdatedConfigFunc: () => Promise<any> | undefined
)

}

export const generateBoxSettingsPart = (
  containerEl: HTMLElement,
  t: (x: TransItemType, vars?: any) => string,
  app: App,
  plugin: RemotelySavePlugin,
  saveUpdatedConfigFunc: () => Promise<any> | undefined
) => {
  const boxDiv = containerEl.createEl("div", {
    cls: "box-hide",
  });
  boxDiv.toggleClass("box-hide", plugin.settings.serviceType !== "box");
  boxDiv.createEl("h2", { text: t("settings_box") });

  const boxLongDescDiv = boxDiv.createEl("div", {
    cls: "settings-long-desc",
  });
  for (const c of [
    t("settings_box_disclaimer1"),
    t("settings_box_disclaimer2"),
  ]) {
    boxLongDescDiv.createEl("p", {
      text: c,
      cls: "box-disclaimer",
    });
  }

  boxLongDescDiv.createEl("p", {
    text: t("settings_box_folder", {
      remoteBaseDir: plugin.settings.box.remoteBaseDir || app.vault.getName(),
    }),
  });

  boxLongDescDiv.createDiv({
    text: stringToFragment(t("settings_box_pro_desc")),
    cls: "box-disclaimer",
  });

  const boxNotShowUpHintSetting = new Setting(boxDiv)
    .setName(t("settings_box_notshowuphint"))
    .setDesc(t("settings_box_notshowuphint_desc"))
    .addButton(async (button) => {
      button.setButtonText(t("settings_box_notshowuphint_view_pro"));
      button.onClick(async () => {
        window.location.href = "#settings-pro";
      });
    });

  const boxAllowedToUsedDiv = boxDiv.createDiv();
  // if pro enabled, show up; otherwise hide.
  const allowBox =
    plugin.settings.pro?.enabledProFeatures.filter(
      (x) => x.featureName === "feature-box"
    ).length === 1;
  console.debug(`allow to show up box settings? ${allowBox}`);
  if (allowBox) {
    boxAllowedToUsedDiv.removeClass("box-allow-to-use-hide");
    boxNotShowUpHintSetting.settingEl.addClass("box-allow-to-use-hide");
  } else {