diff --git a/app/assets/javascripts/samples/sample_datatable.js b/app/assets/javascripts/samples/sample_datatable.js index 362b90234..9de40dcbf 100644 --- a/app/assets/javascripts/samples/sample_datatable.js +++ b/app/assets/javascripts/samples/sample_datatable.js @@ -937,15 +937,15 @@ function changeToEditMode() { '>' + ' ' + '' + el.innerText + ' ' + - '' + + '' + '' + '' + '' + ' ' + '' + - ' ' + - '' + '' + + '' + + '' + '' + ''; dropdownList.append(html); @@ -1034,10 +1034,15 @@ function changeToEditMode() { success: function() { text.text(newName); $(table.columns().header()).filter('#' + id).text(newName); + $(li).clearFormErrors(); cancelEditMode(); }, - error: function(xhr) { - // TODO + error: function(xhr, ajaxOptions, thrownError) { + $(li).clearFormErrors(); + var msg = $.parseJSON(xhr.responseText); + renderFormError(event, + $(li).find('.text-edit'), + Object.keys(msg)[0] + ' '+ msg.name.toString()); } }); } @@ -1067,7 +1072,10 @@ function changeToEditMode() { controls.hide(); textEdit.css('display', ''); // show() doesn't work controlsEdit.css('display', ''); // show() doesn't work - + dropdownList.sortable('disable'); + dropdownList.on('click', function(ev) { + ev.stopPropagation(); + }); // Focus input textEdit.focus(); }); @@ -1080,8 +1088,10 @@ function changeToEditMode() { // On ok buttons click dropdownList.on('click', '.ok', function(event) { event.stopPropagation(); + dropdownList.sortable('enable'); var self = $(this); var li = self.closest('li'); + $(li).clearFormErrors(); editColumn(li); }); @@ -1089,8 +1099,10 @@ function changeToEditMode() { dropdownList.on('keydown', 'input.text-edit', function(event) { if (event.keyCode === 13) { event.preventDefault(); + dropdownList.sortable('enable'); var self = $(this); var li = self.closest('li'); + $(li).clearFormErrors(); editColumn(li); } }); @@ -1098,9 +1110,10 @@ function changeToEditMode() { // On cancel buttons click dropdownList.on('click', '.cancel', function(event) { event.stopPropagation(); + dropdownList.sortable('enable'); var self = $(this); var li = self.closest('li'); - + $(li).clearFormErrors(); columnEditMode = false; li.removeClass('editing'); @@ -1206,6 +1219,7 @@ function changeToEditMode() { }); $('#samples-columns-dropdown').on('show.bs.dropdown', function() { loadColumnsNames(); + dropdownList.sortable('enable'); }); } diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss index cb1e0c311..ca3f4c8a8 100644 --- a/app/assets/stylesheets/themes/scinote.scss +++ b/app/assets/stylesheets/themes/scinote.scss @@ -1676,7 +1676,8 @@ textarea.textarea-sm { } .cancel { - margin-right: 28px; + margin-right: 15px; + margin-left: 5px; } .vis { @@ -1690,4 +1691,14 @@ textarea.textarea-sm { .del { } } + + .help-block { + display: inline-block; + margin-bottom: 0; + margin-left: 25px; + } +} + +.add-new-column-form .help-block { + margin-left: 0; }