70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
import FormEntry from './FormEntry';
|
|
import store from '../../store';
|
|
|
|
export default (desc) => {
|
|
const component = {
|
|
...desc,
|
|
data: () => ({
|
|
...desc.data ? desc.data() : {},
|
|
errorTimeouts: {},
|
|
}),
|
|
components: {
|
|
...desc.components || {},
|
|
FormEntry,
|
|
},
|
|
computed: {
|
|
...desc.computed || {},
|
|
config() {
|
|
return store.getters['modal/config'];
|
|
},
|
|
currentFileName() {
|
|
return store.getters['file/current'].name;
|
|
},
|
|
},
|
|
methods: {
|
|
...desc.methods || {},
|
|
openFileProperties: () => store.dispatch('modal/open', 'fileProperties'),
|
|
setError(name) {
|
|
clearTimeout(this.errorTimeouts[name]);
|
|
const formEntry = this.$el.querySelector(`.form-entry[error=${name}]`);
|
|
if (formEntry) {
|
|
formEntry.classList.add('form-entry--error');
|
|
this.errorTimeouts[name] = setTimeout(() => {
|
|
formEntry.classList.remove('form-entry--error');
|
|
}, 1000);
|
|
}
|
|
},
|
|
},
|
|
};
|
|
Object.keys(desc.computedLocalSettings || {}).forEach((key) => {
|
|
const id = desc.computedLocalSettings[key];
|
|
component.computed[key] = {
|
|
get() {
|
|
return store.getters['data/localSettings'][id];
|
|
},
|
|
set(value) {
|
|
store.dispatch('data/patchLocalSettings', {
|
|
[id]: value,
|
|
});
|
|
},
|
|
};
|
|
if (key === 'selectedTemplate') {
|
|
component.computed.allTemplates = () => store.getters['data/allTemplates'];
|
|
component.methods.configureTemplates = () => {
|
|
store.dispatch('modal/open', {
|
|
type: 'templates',
|
|
selectedId: this.selectedTemplate,
|
|
})
|
|
.then(({ templates, selectedId }) => {
|
|
store.dispatch('data/setTemplates', templates);
|
|
store.dispatch('data/patchLocalSettings', {
|
|
[id]: selectedId,
|
|
});
|
|
});
|
|
};
|
|
}
|
|
});
|
|
component.computedLocalSettings = null;
|
|
return component;
|
|
};
|