gitlab-org--gitlab-foss/app/assets/javascripts/autosave.js

59 lines
1.5 KiB
JavaScript
Raw Normal View History

/* eslint-disable no-param-reassign, prefer-template, no-var, no-void, consistent-return */
2017-05-05 13:59:41 -04:00
import AccessorUtilities from './lib/utils/accessor';
2016-07-24 16:45:11 -04:00
export default class Autosave {
constructor(field, key, resource) {
this.field = field;
2017-05-05 13:59:41 -04:00
this.isLocalStorageAvailable = AccessorUtilities.isLocalStorageAccessSafe();
this.resource = resource;
if (key.join != null) {
key = key.join('/');
}
this.key = 'autosave/' + key;
this.field.data('autosave', this);
this.restore();
this.field.on('input', () => this.save());
}
2016-07-24 16:45:11 -04:00
restore() {
2017-05-05 13:59:41 -04:00
var text;
if (!this.isLocalStorageAvailable) return;
text = window.localStorage.getItem(this.key);
if ((text != null ? text.length : void 0) > 0) {
this.field.val(text);
}
if (!this.resource && this.resource !== 'issue') {
this.field.trigger('input');
} else {
// v-model does not update with jQuery trigger
// https://github.com/vuejs/vue/issues/2804#issuecomment-216968137
const event = new Event('change', { bubbles: true, cancelable: false });
const field = this.field.get(0);
if (field) {
field.dispatchEvent(event);
}
}
}
2016-07-24 16:45:11 -04:00
save() {
var text;
text = this.field.val();
2017-05-05 13:59:41 -04:00
if (this.isLocalStorageAvailable && (text != null ? text.length : void 0) > 0) {
return window.localStorage.setItem(this.key, text);
}
2017-05-05 13:59:41 -04:00
return this.reset();
}
reset() {
2017-05-05 13:59:41 -04:00
if (!this.isLocalStorageAvailable) return;
return window.localStorage.removeItem(this.key);
}
}