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;
}