scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-09 13:28:53 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #4757 from aignatov-bio/ai-sci-7681-microinteractions-edit-experiment-name-field

Browse source 
Add microinteractions to edit experiment name field [SCI-7681]
This commit is contained in:
aignatov-bio 2023-01-05 17:27:15 +01:00 • committed by GitHub
commit d0fd4e1cbf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/assets/javascripts/shared/inline_editing.js
View file

@ -133,20 +133,28 @@ var inlineEditing = (function() {
$(document) $(document)
.off('click', editBlocks) .off('click', editBlocks)
.off('keyup', `${editBlocks}`)
.off('click', `${editBlocks} .save-button`) .off('click', `${editBlocks} .save-button`)
.off('click', `${editBlocks} .cancel-button`) .off('click', `${editBlocks} .cancel-button`)
.off('blur', `${editBlocks} textarea, ${editBlocks} input`) .off('blur', `${editBlocks} textarea, ${editBlocks} input`)
.on('keyup', `${editBlocks}`, function(e) {
if (e.keyCode === 27) {
$(`${editBlocks} .cancel-button`).click();
} // Esc
})
.on('click', editBlocks, function(e) { .on('click', editBlocks, function(e) {
// 'A' mean that, if we click on <a></a> element we will not go in edit mode // 'A' mean that, if we click on <a></a> element we will not go in edit mode
var container = $(this); var container = $(this);
if (e.target.tagName === 'A') return true; if (e.target.tagName === 'A') return true;
if (inputField(container).attr('disabled')) { if (inputField(container).attr('disabled')) {
saveAllEditFields(); saveAllEditFields();
let input = inputField(container);
inputField(container) input.attr('disabled', false)
.attr('disabled', false)
.removeClass('hidden') .removeClass('hidden')
.focus(); .focus();
input[0].selectionStart = input[0].value.length;
input[0].selectionEnd = input[0].value.length;
container container
.attr('data-edit-mode', '1'); .attr('data-edit-mode', '1');
container.find('.view-mode') container.find('.view-mode')