discourse/app/assets/javascripts/admin/controllers/admin-customize-themes-show...

240 lines
6.2 KiB
Plaintext
Raw Normal View History

2018-06-15 11:03:24 -04:00
import { default as computed } from "ember-addons/ember-computed-decorators";
import { url } from "discourse/lib/computed";
import { popupAjaxError } from "discourse/lib/ajax-error";
import showModal from "discourse/lib/show-modal";
import ThemeSettings from "admin/models/theme-settings";
const THEME_UPLOAD_VAR = 2;
export default Ember.Controller.extend({
2018-06-15 11:03:24 -04:00
editRouteName: "adminCustomizeThemes.edit",
@computed("model", "allThemes")
parentThemes(model, allThemes) {
let parents = allThemes.filter(theme =>
2018-06-15 11:03:24 -04:00
_.contains(theme.get("childThemes"), model)
);
return parents.length === 0 ? null : parents;
},
@computed("model.theme_fields.@each")
hasEditedFields(fields) {
2018-06-15 11:03:24 -04:00
return fields.any(f => !Em.isBlank(f.value));
},
2018-06-15 11:03:24 -04:00
@computed("model.theme_fields.@each")
editedDescriptions(fields) {
let descriptions = [];
let description = target => {
2018-06-15 11:03:24 -04:00
let current = fields.filter(
field => field.target === target && !Em.isBlank(field.value)
);
if (current.length > 0) {
2018-06-15 11:03:24 -04:00
let text = I18n.t("admin.customize.theme." + target);
let localized = current.map(f =>
I18n.t("admin.customize.theme." + f.name + ".text")
);
return text + ": " + localized.join(" , ");
}
};
2018-06-15 11:03:24 -04:00
["common", "desktop", "mobile"].forEach(target => {
descriptions.push(description(target));
});
2018-06-15 11:03:24 -04:00
return descriptions.reject(d => Em.isBlank(d));
},
2018-06-15 11:03:24 -04:00
previewUrl: url("model.id", "/admin/themes/%@/preview"),
@computed("colorSchemeId", "model.color_scheme_id")
colorSchemeChanged(colorSchemeId, existingId) {
colorSchemeId = colorSchemeId === null ? null : parseInt(colorSchemeId);
2018-06-15 11:03:24 -04:00
return colorSchemeId !== existingId;
},
2018-06-15 11:03:24 -04:00
@computed(
"availableChildThemes",
"model.childThemes.@each",
"model",
"allowChildThemes"
)
selectableChildThemes(available, childThemes, model, allowChildThemes) {
if (!allowChildThemes && (!childThemes || childThemes.length === 0)) {
return null;
}
let themes = [];
2018-06-15 11:03:24 -04:00
available.forEach(t => {
if (!childThemes || childThemes.indexOf(t) === -1) {
themes.push(t);
2018-06-15 11:03:24 -04:00
}
});
return themes.length === 0 ? null : themes;
},
@computed("allThemes", "allThemes.length", "model")
availableChildThemes(allThemes, count) {
if (count === 1) {
return null;
}
let excludeIds = [this.get("model.id")];
let themes = [];
allThemes.forEach(theme => {
if (excludeIds.indexOf(theme.get("id")) === -1) {
themes.push(theme);
}
});
return themes;
},
@computed("model.settings")
settings(settings) {
return settings.map(setting => ThemeSettings.create(setting));
},
@computed("settings")
hasSettings(settings) {
return settings.length > 0;
},
2018-06-15 11:03:24 -04:00
downloadUrl: url("model.id", "/admin/themes/%@"),
actions: {
updateToLatest() {
this.set("updatingRemote", true);
2018-06-15 11:03:24 -04:00
this.get("model")
.updateToLatest()
.catch(popupAjaxError)
2018-06-15 11:03:24 -04:00
.finally(() => {
this.set("updatingRemote", false);
});
},
checkForThemeUpdates() {
this.set("updatingRemote", true);
2018-06-15 11:03:24 -04:00
this.get("model")
.checkForUpdates()
.catch(popupAjaxError)
2018-06-15 11:03:24 -04:00
.finally(() => {
this.set("updatingRemote", false);
});
},
addUploadModal() {
2018-06-15 11:03:24 -04:00
showModal("admin-add-upload", { admin: true, name: "" });
},
addUpload(info) {
let model = this.get("model");
2018-06-15 11:03:24 -04:00
model.setField("common", info.name, "", info.upload_id, THEME_UPLOAD_VAR);
model.saveChanges("theme_fields").catch(e => popupAjaxError(e));
},
cancelChangeScheme() {
this.set("colorSchemeId", this.get("model.color_scheme_id"));
},
2018-06-15 11:03:24 -04:00
changeScheme() {
let schemeId = this.get("colorSchemeId");
2018-06-15 11:03:24 -04:00
this.set(
"model.color_scheme_id",
schemeId === null ? null : parseInt(schemeId)
);
this.get("model").saveChanges("color_scheme_id");
},
startEditingName() {
this.set("oldName", this.get("model.name"));
this.set("editingName", true);
},
cancelEditingName() {
this.set("model.name", this.get("oldName"));
this.set("editingName", false);
},
finishedEditingName() {
this.get("model").saveChanges("name");
this.set("editingName", false);
},
editTheme() {
2018-06-15 11:03:24 -04:00
let edit = () =>
this.transitionToRoute(
this.get("editRouteName"),
this.get("model.id"),
"common",
"scss"
);
if (this.get("model.remote_theme")) {
2018-06-15 11:03:24 -04:00
bootbox.confirm(
I18n.t("admin.customize.theme.edit_confirm"),
result => {
if (result) {
edit();
}
}
);
} else {
edit();
}
},
applyDefault() {
const model = this.get("model");
2018-06-15 11:03:24 -04:00
model.saveChanges("default").then(() => {
if (model.get("default")) {
2018-06-15 11:03:24 -04:00
this.get("allThemes").forEach(theme => {
if (theme !== model && theme.get("default")) {
theme.set("default", false);
}
});
}
});
},
applyUserSelectable() {
this.get("model").saveChanges("user_selectable");
},
addChildTheme() {
let themeId = parseInt(this.get("selectedChildThemeId"));
let theme = this.get("allThemes").findBy("id", themeId);
this.get("model").addChildTheme(theme);
},
removeUpload(upload) {
2017-05-10 14:43:05 -04:00
return bootbox.confirm(
2018-06-15 11:03:24 -04:00
I18n.t("admin.customize.theme.delete_upload_confirm"),
I18n.t("no_value"),
I18n.t("yes_value"),
result => {
if (result) {
this.get("model").removeField(upload);
}
}
);
},
removeChildTheme(theme) {
this.get("model").removeChildTheme(theme);
},
destroy() {
2018-06-15 11:03:24 -04:00
return bootbox.confirm(
I18n.t("admin.customize.delete_confirm"),
I18n.t("no_value"),
I18n.t("yes_value"),
result => {
if (result) {
const model = this.get("model");
model.destroyRecord().then(() => {
this.get("allThemes").removeObject(model);
this.transitionToRoute("adminCustomizeThemes");
});
}
}
2018-06-15 11:03:24 -04:00
);
}
}
});