mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 23:40:13 +01:00
07cc454b41
The new version of meteor speeds up the reload cycle, which is super valuable during the development. I also removed the "imply-everything" "meteor-platform" package in favor of a more fined-grained package selection. This version also introduces ES6 support with transparent babeljs transpilation. Most features are enable (with the notable exception of ES6 modules) and this commit started to use them in places where a XXX comment suggested it.
90 lines
2.4 KiB
JavaScript
90 lines
2.4 KiB
JavaScript
// A inlined form is used to provide a quick edition of single field for a given
|
|
// document. Clicking on a edit button should display the form to edit the field
|
|
// value. The form can then be submited, or just closed.
|
|
//
|
|
// When the form is closed we save non-submitted values in memory to avoid any
|
|
// data loss.
|
|
//
|
|
// Usage:
|
|
//
|
|
// +inlineForm
|
|
// // the content when the form is open
|
|
// else
|
|
// // the content when the form is close (optional)
|
|
|
|
// We can only have one inlined form element opened at a time
|
|
// XXX Could we avoid using a global here ? This is used in Mousetrap
|
|
// keyboard.js
|
|
var currentlyOpenedForm = new ReactiveVar(null);
|
|
|
|
BlazeComponent.extendComponent({
|
|
template: function() {
|
|
return 'inlinedForm';
|
|
},
|
|
|
|
mixins: function() {
|
|
return [Mixins.CachedValue];
|
|
},
|
|
|
|
onCreated: function() {
|
|
this.isOpen = new ReactiveVar(false);
|
|
},
|
|
|
|
onDestroyed: function() {
|
|
currentlyOpenedForm.set(null);
|
|
},
|
|
|
|
open: function() {
|
|
// Close currently opened form, if any
|
|
EscapeActions.executeUpTo('inlinedForm');
|
|
this.isOpen.set(true);
|
|
currentlyOpenedForm.set(this);
|
|
},
|
|
|
|
close: function() {
|
|
this.saveValue();
|
|
this.isOpen.set(false);
|
|
currentlyOpenedForm.set(null);
|
|
},
|
|
|
|
getValue: function() {
|
|
var input = this.find('textarea,input[type=text]');
|
|
return this.isOpen.get() && input && input.value;
|
|
},
|
|
|
|
saveValue: function() {
|
|
this.callFirstWith(this, 'setCache', this.getValue());
|
|
},
|
|
|
|
events: function() {
|
|
return [{
|
|
'click .js-close-inlined-form': this.close,
|
|
'click .js-open-inlined-form': this.open,
|
|
|
|
// Pressing Ctrl+Enter should submit the form
|
|
'keydown form textarea': function(evt) {
|
|
if (evt.keyCode === 13 && (evt.metaKey || evt.ctrlKey)) {
|
|
this.find('button[type=submit]').click();
|
|
}
|
|
},
|
|
|
|
// Close the inlined form when after its submission
|
|
submit: function() {
|
|
if (this.currentData().autoclose !== false) {
|
|
Tracker.afterFlush(() => {
|
|
this.close();
|
|
this.callFirstWith(this, 'resetCache');
|
|
});
|
|
}
|
|
}
|
|
}];
|
|
}
|
|
}).register('inlinedForm');
|
|
|
|
// Press escape to close the currently opened inlinedForm
|
|
EscapeActions.register('inlinedForm',
|
|
function() { currentlyOpenedForm.get().close(); },
|
|
function() { return currentlyOpenedForm.get() !== null; }, {
|
|
noClickEscapeOn: '.js-inlined-form'
|
|
}
|
|
);
|