28 lines
775 B
JavaScript
28 lines
775 B
JavaScript
|
import {onSelect} from "../services/dom";
|
||
|
|
|
||
|
|
class OptionalInput {
|
||
|
|
setup() {
|
||
|
|
this.removeButton = this.$refs.remove;
|
||
|
|
this.showButton = this.$refs.show;
|
||
|
|
this.input = this.$refs.input;
|
||
|
|
this.setupListeners();
|
||
|
|
}
|
||
|
|
|
||
|
|
setupListeners() {
|
||
|
|
onSelect(this.removeButton, () => {
|
||
|
|
this.input.value = '';
|
||
|
|
this.input.classList.add('hidden');
|
||
|
|
this.removeButton.classList.add('hidden');
|
||
|
|
this.showButton.classList.remove('hidden');
|
||
|
|
});
|
||
|
|
|
||
|
|
onSelect(this.showButton, () => {
|
||
|
|
this.input.classList.remove('hidden');
|
||
|
|
this.removeButton.classList.remove('hidden');
|
||
|
|
this.showButton.classList.add('hidden');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export default OptionalInput;
|