Function generatePCloudSettingsPart

pro/src/settingsPCloud.ts:136–311

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

}

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

  const pcloudLongDescDiv = pCloudDiv.createEl("div", {
    cls: "settings-long-desc",
  });
  for (const c of [
    t("settings_pcloud_disclaimer1"),
    t("settings_pcloud_disclaimer2"),
  ]) {
    pcloudLongDescDiv.createEl("p", {
      text: c,
      cls: "pcloud-disclaimer",
    });
  }

  pcloudLongDescDiv.createEl("p", {
    text: t("settings_pcloud_folder", {
      remoteBaseDir:
        plugin.settings.pcloud.remoteBaseDir || app.vault.getName(),
    }),
  });

  pcloudLongDescDiv.createDiv({
    text: stringToFragment(t("settings_pcloud_pro_desc")),
    cls: "pcloud-disclaimer",
  });

  const pCloudNotShowUpHintSetting = new Setting(pCloudDiv)
    .setName(t("settings_pcloud_notshowuphint"))
    .setDesc(t("settings_pcloud_notshowuphint_desc"))
    .addButton(async (button) => {
      button.setButtonText(t("settings_pcloud_notshowuphint_view_pro"));
      button.onClick(async () => {
        window.location.href = "#settings-pro";
      });
    });

  const pCloudAllowedToUsedDiv = pCloudDiv.createDiv();
  // if pro enabled, show up; otherwise hide.
  const allowPCloud =
    plugin.settings.pro?.enabledProFeatures.filter(
      (x) => x.featureName === "feature-pcloud"
    ).length === 1;
  console.debug(`allow to show up pcloud settings? ${allowPCloud}`);