discourse/app/assets/javascripts/admin/addon/components/admin-editable-field.js

23 lines
483 B
JavaScript

import Component from "@ember/component";
import { action } from "@ember/object";
import { tagName } from "@ember-decorators/component";
@tagName("")
export default class AdminEditableField extends Component {
buffer = "";
editing = false;
@action
edit(event) {
event?.preventDefault();
this.set("buffer", this.value);
this.toggleProperty("editing");
}
@action
save() {
// Action has to toggle 'editing' property.
this.action(this.buffer);
}
}