scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-23 15:24:57 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve microinteractions in experiment table [SCI-7540]

Browse source
This commit is contained in:
Anton 2023-01-17 13:40:30 +01:00
parent 7eff083bb7
commit f6fe827326
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -138,10 +138,13 @@ var inlineEditing = (function() {
.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) { .on('keyup', `${editBlocks}`, function(e) {
var container = $(this);
if (e.keyCode === 27) { if (e.keyCode === 27) {
$(`${editBlocks} .cancel-button`).click(); $(`${editBlocks} .cancel-button`).click();
} // Esc } // Esc
if (e.keyCode === 13 && !container.find('.view-mode').hasClass('hidden')) {
$(editBlocks).click();
}
}) })
.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

2
app/views/shared/_inline_editing.html.erb
View file

@ -8,7 +8,7 @@
data-label-after='<%= config[:label_after]&.html_safe %>' data-label-after='<%= config[:label_after]&.html_safe %>'
data-placeholder='<%= config[:placeholder] %>' data-placeholder='<%= config[:placeholder] %>'
> >
<div class="view-mode" data-placeholder="<%= config[:placeholder] %>"><%= initial_value %></div> <div class="view-mode" data-placeholder="<%= config[:placeholder] %>" tabindex=0><%= initial_value %></div>
<input placeholder="<%= config[:placeholder] %>" class="hidden input-field" type="text" value="<%= initial_value %>" disabled/> <input placeholder="<%= config[:placeholder] %>" class="hidden input-field" type="text" value="<%= initial_value %>" disabled/>
<div class="button-container"> <div class="button-container">
<span class="save-button"><i class="fas fa-check"></i></span> <span class="save-button"><i class="fas fa-check"></i></span>