scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 14:45:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6602 from artoscinote/ma_SCI_9655

Browse source 
Fix handontable interactions [SCI-9655]
This commit is contained in:
Martin Artnik 2023-11-08 12:30:36 +01:00 committed by GitHub
parent 754bec06d5 4f9def96ca
commit c76eb8a03a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
app/javascript/vue/shared/content/table.vue
View file

@ -86,6 +86,7 @@
return {
editingName: false,
editingTable: false,
editingCell: false,
tableObject: null,
nameModalOpen: false,
reloadHeader: 0,
@ -126,13 +127,10 @@
}
},
created() {
this.editingCell = false;
window.addEventListener('beforeunload', (e) => {
if (this.editingCell) {
e.preventDefault();
e.returnValue = '';
}
});
window.addEventListener('beforeunload', this.showSaveWarning);
},
beforeDestroy() {
window.removeEventListener('beforeunload', this.showSaveWarning);
},
updated() {
if(!this.updatingTableData) this.loadTableData();
@ -149,6 +147,12 @@
}
},
methods: {
showSaveWarning(e) {
if (this.editingCell) {
e.preventDefault();
e.returnValue = '';
}
},
enableTableEdit() {
if(this.locked) {
return;
@ -265,27 +269,25 @@
readOnly: !this.editingTable,
afterUnlisten: () => {
this.updatingTableData = true;
setTimeout(this.updateTable, 100) // delay makes cancel button work
this.updateTable();
},
afterSelectionEnd: () => {
afterChange: () => {
if (this.editingTable == false) return;
this.editingCell = false;
this.updatingTableData = true;
this.$nextTick(() => {
this.update();
this.update(() => this.editingCell = false);
});
},
beforeChange: () => {
this.editingCell = false;
},
beforeKeyDown: (e) => {
if (e.keyCode === 27) { // esc
this.editingCell = false;
return;
}
this.editingCell = true;
},
afterBeginEditing: (e) => {
this.editingCell = true;
}
});
this.$nextTick(this.tableObject.render);
}