31ffa5f64e
https://meta.discourse.org/t/downsides-of-the-new-logo-ui-in-site-settings/102247/23?u=tgxworld
59 lines
1.3 KiB
JavaScript
59 lines
1.3 KiB
JavaScript
import computed from "ember-addons/ember-computed-decorators";
|
|
import UploadMixin from "discourse/mixins/upload";
|
|
|
|
export default Ember.Component.extend(UploadMixin, {
|
|
classNames: ["image-uploader"],
|
|
infoHidden: true,
|
|
|
|
@computed("imageUrl")
|
|
backgroundStyle(imageUrl) {
|
|
if (Ember.isEmpty(imageUrl)) {
|
|
return "".htmlSafe();
|
|
}
|
|
|
|
return `background-image: url(${imageUrl})`.htmlSafe();
|
|
},
|
|
|
|
@computed("imageUrl")
|
|
imageBaseName(imageUrl) {
|
|
if (Ember.isEmpty(imageUrl)) return;
|
|
return imageUrl.split("/").slice(-1)[0];
|
|
},
|
|
|
|
@computed("infoHidden", "imageBaseName")
|
|
showInfo(infoHidden, imageBaseName) {
|
|
return !infoHidden && imageBaseName;
|
|
},
|
|
|
|
@computed("backgroundStyle")
|
|
hasBackgroundStyle(backgroundStyle) {
|
|
return !Ember.isEmpty(backgroundStyle.string);
|
|
},
|
|
|
|
validateUploadedFilesOptions() {
|
|
return { imagesOnly: true };
|
|
},
|
|
|
|
uploadDone(upload) {
|
|
this.setProperties({ imageUrl: upload.url, imageId: upload.id });
|
|
|
|
if (this.onUploadDone) {
|
|
this.onUploadDone(upload);
|
|
}
|
|
},
|
|
|
|
actions: {
|
|
toggleInfo() {
|
|
this.toggleProperty("infoHidden");
|
|
},
|
|
|
|
trash() {
|
|
this.setProperties({ imageUrl: null, imageId: null });
|
|
|
|
if (this.onUploadDeleted) {
|
|
this.onUploadDeleted();
|
|
}
|
|
}
|
|
}
|
|
});
|