c45e51fcb6
* Code formatting * Both "type" and "name" are used to refer to the validation type. Changed all to "type". * Added proper abstraction of realtime validation classes on server * UI improvements in admin and wizard
44 Zeilen
1,2 KiB
JavaScript
44 Zeilen
1,2 KiB
JavaScript
import Component from "@ember/component";
|
|
import { equal } from "@ember/object/computed";
|
|
import { ajax } from "discourse/lib/ajax";
|
|
import { getToken } from "wizard/lib/ajax";
|
|
|
|
export default Component.extend({
|
|
classNames: ['validator'],
|
|
classNameBindings: ["isValid", "isInvalid"],
|
|
validMessageKey: null,
|
|
invalidMessageKey: null,
|
|
isValid: null,
|
|
isInvalid: equal("isValid", false),
|
|
layoutName: "components/validator", // useful for sharing the template with extending components
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
if (this.get("validation.backend")) {
|
|
// set a function that can be called as often as it need to
|
|
// from the derived component
|
|
this.backendValidate = (params) => {
|
|
return ajax("/realtime-validations", {
|
|
data: {
|
|
type: this.get("type"),
|
|
authenticity_token: getToken(),
|
|
...params,
|
|
},
|
|
});
|
|
};
|
|
}
|
|
},
|
|
|
|
didInsertElement() {
|
|
this.appEvents.on("custom-wizard:validate", this, this.checkIsValid);
|
|
},
|
|
|
|
willDestroyElement() {
|
|
this.appEvents.off("custom-wizard:validate", this, this.checkIsValid);
|
|
},
|
|
|
|
checkIsValid() {
|
|
this.set("isValid", this.validate());
|
|
},
|
|
});
|