e1f8014acd
If the feature is enabled, staff members can construct a URL and publish a topic for others to browse without the regular Discourse chrome. This is useful if you want to use Discourse like a CMS and publish topics as articles, which can then be embedded into other systems.
106 lines
2.3 KiB
JavaScript
106 lines
2.3 KiB
JavaScript
import { TextField } from "@ember/component";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import { siteDir, isRTL, isLTR } from "discourse/lib/text-direction";
|
|
import { next, debounce, cancel } from "@ember/runloop";
|
|
|
|
const DEBOUNCE_MS = 500;
|
|
|
|
export default TextField.extend({
|
|
_prevValue: null,
|
|
_timer: null,
|
|
|
|
attributeBindings: [
|
|
"autocorrect",
|
|
"autocapitalize",
|
|
"autofocus",
|
|
"maxLength",
|
|
"dir"
|
|
],
|
|
|
|
didReceiveAttrs() {
|
|
this._super(...arguments);
|
|
this._prevValue = this.value;
|
|
},
|
|
|
|
didUpdateAttrs() {
|
|
this._super(...arguments);
|
|
if (this._prevValue !== this.value) {
|
|
if (this.onChangeImmediate) {
|
|
next(() => this.onChangeImmediate(this.value));
|
|
}
|
|
if (this.onChange) {
|
|
cancel(this._timer);
|
|
this._timer = debounce(this, this._debouncedChange, DEBOUNCE_MS);
|
|
}
|
|
}
|
|
},
|
|
|
|
_debouncedChange() {
|
|
next(() => this.onChange(this.value));
|
|
},
|
|
|
|
@discourseComputed
|
|
dir() {
|
|
if (this.siteSettings.support_mixed_text_direction) {
|
|
let val = this.value;
|
|
if (val) {
|
|
return isRTL(val) ? "rtl" : "ltr";
|
|
} else {
|
|
return siteDir();
|
|
}
|
|
}
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this._super(...arguments);
|
|
cancel(this._timer);
|
|
},
|
|
|
|
keyUp(event) {
|
|
this._super(event);
|
|
|
|
if (this.siteSettings.support_mixed_text_direction) {
|
|
let val = this.value;
|
|
if (isRTL(val)) {
|
|
this.set("dir", "rtl");
|
|
} else if (isLTR(val)) {
|
|
this.set("dir", "ltr");
|
|
} else {
|
|
this.set("dir", siteDir());
|
|
}
|
|
}
|
|
},
|
|
|
|
didReceiveAttrs() {
|
|
this._super(...arguments);
|
|
this._prevValue = this.value;
|
|
},
|
|
|
|
didUpdateAttrs() {
|
|
this._super(...arguments);
|
|
if (this._prevValue !== this.value) {
|
|
if (this.onChangeImmediate) {
|
|
next(() => this.onChangeImmediate(this.value));
|
|
}
|
|
if (this.onChange) {
|
|
debounce(this, this._debouncedChange, DEBOUNCE_MS);
|
|
}
|
|
}
|
|
},
|
|
|
|
_debouncedChange() {
|
|
next(() => this.onChange(this.value));
|
|
},
|
|
|
|
@discourseComputed("placeholderKey")
|
|
placeholder: {
|
|
get() {
|
|
if (this._placeholder) return this._placeholder;
|
|
return this.placeholderKey ? I18n.t(this.placeholderKey) : "";
|
|
},
|
|
set(value) {
|
|
return (this._placeholder = value);
|
|
}
|
|
}
|
|
});
|