Rename .js.es6 to .js in the admin application

app/assets/javascripts/admin/mixins/setting-component.js

@@ -0,0 +1,254 @@
+import { warn } from "@ember/debug";
+import discourseComputed from "discourse-common/utils/decorators";
+import { alias, oneWay } from "@ember/object/computed";
+import { categoryLinkHTML } from "discourse/helpers/category-link";
+import { on } from "@ember/object/evented";
+import Mixin from "@ember/object/mixin";
+import showModal from "discourse/lib/show-modal";
+import { Promise } from "rsvp";
+import { ajax } from "discourse/lib/ajax";
+
+const CUSTOM_TYPES = [
+  "bool",
+  "enum",
+  "list",
+  "url_list",
+  "host_list",
+  "category_list",
+  "value_list",
+  "category",
+  "uploaded_image_list",
+  "compact_list",
+  "secret_list",
+  "upload",
+  "group_list",
+  "tag_list",
+  "color"
+];
+
+const AUTO_REFRESH_ON_SAVE = ["logo", "logo_small", "large_icon"];
+
+function splitPipes(str) {
+  if (typeof str === "string") {
+    return str.split("|").filter(Boolean);
+  } else {
+    return [];
+  }
+}
+
+export default Mixin.create({
+  classNameBindings: [":row", ":setting", "overridden", "typeClass"],
+  content: alias("setting"),
+  validationMessage: null,
+  isSecret: oneWay("setting.secret"),
+
+  @discourseComputed("buffered.value", "setting.value")
+  dirty(bufferVal, settingVal) {
+    if (bufferVal === null || bufferVal === undefined) bufferVal = "";
+    if (settingVal === null || settingVal === undefined) settingVal = "";
+
+    return bufferVal.toString() !== settingVal.toString();
+  },
+
+  @discourseComputed("setting", "buffered.value")
+  preview(setting, value) {
+    // A bit hacky, but allows us to use helpers
+    if (setting.get("setting") === "category_style") {
+      let category = this.site.get("categories.firstObject");
+      if (category) {
+        return categoryLinkHTML(category, {
+          categoryStyle: value
+        });
+      }
+    }
+    let preview = setting.get("preview");
+    if (preview) {
+      return new Handlebars.SafeString(
+        "<div class='preview'>" +
+          preview.replace(/\{\{value\}\}/g, value) +
+          "</div>"
+      );
+    }
+  },
+
+  @discourseComputed("componentType")
+  typeClass(componentType) {
+    return componentType.replace(/\_/g, "-");
+  },
+
+  @discourseComputed("setting.setting", "setting.label")
+  settingName(setting, label) {
+    return label || setting.replace(/\_/g, " ");
+  },
+
+  @discourseComputed("type")
+  componentType(type) {
+    return CUSTOM_TYPES.indexOf(type) !== -1 ? type : "string";
+  },
+
+  @discourseComputed("setting")
+  type(setting) {
+    if (setting.type === "list" && setting.list_type) {
+      return `${setting.list_type}_list`;
+    }
+
+    return setting.type;
+  },
+
+  @discourseComputed("typeClass")
+  componentName(typeClass) {
+    return "site-settings/" + typeClass;
+  },
+
+  @discourseComputed("setting.anyValue")
+  allowAny(anyValue) {
+    return anyValue !== false;
+  },
+
+  @discourseComputed("setting.default", "buffered.value")
+  overridden(settingDefault, bufferedValue) {
+    return settingDefault !== bufferedValue;
+  },
+
+  @discourseComputed("buffered.value")
+  bufferedValues: splitPipes,
+
+  @discourseComputed("setting.defaultValues")
+  defaultValues: splitPipes,
+
+  @discourseComputed("defaultValues", "bufferedValues")
+  defaultIsAvailable(defaultValues, bufferedValues) {
+    return (
+      defaultValues &&
+      defaultValues.length > 0 &&
+      !defaultValues.every(value => bufferedValues.includes(value))
+    );
+  },
+
+  _watchEnterKey: on("didInsertElement", function() {
+    $(this.element).on("keydown.setting-enter", ".input-setting-string", e => {
+      if (e.keyCode === 13) {
+        // enter key
+        this.send("save");
+      }
+    });
+  }),
+
+  _removeBindings: on("willDestroyElement", function() {
+    $(this.element).off("keydown.setting-enter");
+  }),
+
+  _save() {
+    warn("You should define a `_save` method", {
+      id: "discourse.setting-component.missing-save"
+    });
+    return Promise.resolve();
+  },
+
+  actions: {
+    update() {
+      const defaultUserPreferences = [
+        "default_email_digest_frequency",
+        "default_include_tl0_in_digests",
+        "default_email_level",
+        "default_email_messages_level",
+        "default_email_mailing_list_mode",
+        "default_email_mailing_list_mode_frequency",
+        "default_email_previous_replies",
+        "default_email_in_reply_to",
+        "default_other_new_topic_duration_minutes",
+        "default_other_auto_track_topics_after_msecs",
+        "default_other_notification_level_when_replying",
+        "default_other_external_links_in_new_tab",
+        "default_other_enable_quoting",
+        "default_other_enable_defer",
+        "default_other_dynamic_favicon",
+        "default_other_like_notification_frequency",
+        "default_topics_automatic_unpin",
+        "default_categories_watching",
+        "default_categories_tracking",
+        "default_categories_muted",
+        "default_categories_watching_first_post",
+        "default_tags_watching",
+        "default_tags_tracking",
+        "default_tags_muted",
+        "default_tags_watching_first_post",
+        "default_text_size",
+        "default_title_count_mode"
+      ];
+      const key = this.buffered.get("setting");
+
+      if (defaultUserPreferences.includes(key)) {
+        const data = {};
+        data[key] = this.buffered.get("value");
+
+        ajax(`/admin/site_settings/${key}/user_count.json`, {
+          type: "PUT",
+          data
+        }).then(result => {
+          const count = result.user_count;
+
+          if (count > 0) {
+            const controller = showModal("site-setting-default-categories", {
+              model: {
+                count: result.user_count,
+                key: key.replace(/_/g, " ")
+              },
+              admin: true
+            });
+
+            controller.set("onClose", () => {
+              this.updateExistingUsers = controller.updateExistingUsers;
+              this.send("save");
+            });
+          } else {
+            this.send("save");
+          }
+        });
+      } else {
+        this.send("save");
+      }
+    },
+
+    save() {
+      this._save()
+        .then(() => {
+          this.set("validationMessage", null);
+          this.commitBuffer();
+          if (AUTO_REFRESH_ON_SAVE.includes(this.setting.setting)) {
+            this.afterSave();
+          }
+        })
+        .catch(e => {
+          if (e.jqXHR.responseJSON && e.jqXHR.responseJSON.errors) {
+            this.set("validationMessage", e.jqXHR.responseJSON.errors[0]);
+          } else {
+            this.set("validationMessage", I18n.t("generic_error"));
+          }
+        });
+    },
+
+    cancel() {
+      this.rollbackBuffer();
+    },
+
+    resetDefault() {
+      this.set("buffered.value", this.get("setting.default"));
+    },
+
+    toggleSecret() {
+      this.toggleProperty("isSecret");
+    },
+
+    setDefaultValues() {
+      this.set(
+        "buffered.value",
+        this.bufferedValues
+          .concat(this.defaultValues)
+          .uniq()
+          .join("|")
+      );
+      return false;
+    }
+  }
+});