scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-06 15:40:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

Added Enter key handling and fixed error reporting [SCI-712]

Browse source
This commit is contained in:
Oleksii Kriuchykhin 2016-12-06 11:54:56 +01:00
parent da7e86c7c2
commit e02d780e44
1 changed files with 67 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

123
app/assets/javascripts/samples/sample_datatable.js
View file

@ -768,6 +768,66 @@ function changeToEditMode() {
var dropdownList = $('#samples-columns-list');
function createNewColumn() {
// Make an Ajax request to custom_fields_controller
var url = $('#new-column-form').data('action');
var columnName = $('#new-column-name').val();
if (columnName.length > 0) {
$.ajax({
method: 'POST',
dataType: 'json',
data: {custom_field: {name: columnName}},
error: function(data) {
var form = $('#new-column-form');
form.addClass('has-error');
form.find('.help-block').remove();
form.append('<span class="help-block">' +
data.responseJSON.name +
'</span>');
},
success: function(data) {
var form = $('#new-column-form');
form.find('.help-block').remove();
if (form.hasClass('has-error')) {
form.removeClass('has-error');
}
$('#new-column-name').val('');
form.append('<span class="help-block">' +
I18n.t('samples.js.column_added') +
'</span>');
$('#samples').data('num-columns',
$('#samples').data('num-columns') + 1);
originalHeader.append(
'<th class="custom-field" id="' + data.id + '">' +
data.name + '</th>');
var colOrder = table.colReorder.order();
colOrder.push(colOrder.length);
table.colReorder.reset();
// Remove all event handlers as we re-initialize them later with
// new table
$('#samples').off();
$('#samples thead').empty();
$('#samples thead').append(originalHeader);
// Preserve save/delete buttons as we need them after new table
// will be created
$('div.toolbarButtons').appendTo('div.samples-table');
$('div.toolbarButtons').hide();
table = dataTableInit();
table.colReorder.order(colOrder, true);
loadColumnsNames();
},
url: url
});
} else {
var form = $('#new-column-form');
form.addClass('has-error');
form.find('.help-block').remove();
form.append('<span class="help-block">' +
I18n.t('samples.js.empty_column_name') +
'</span>');
}
}
function initNewColumnForm() {
$('#samples-columns-dropdown').on('show.bs.dropdown', function() {
// Clear input and errors when dropdown is opened
@ -781,63 +841,14 @@ function changeToEditMode() {
});
$('#add-new-column-button').click(function(e) {
// Make an Ajax request to custom_fields_controller
var url = $('#new-column-form').data('action');
e.stopPropagation();
var columnName = $('#new-column-name').val();
if (columnName.length > 0) {
$.ajax({
method: 'POST',
dataType: 'json',
data: {custom_field: {name: columnName}},
error: function(data) {
var form = $('#new-column-form');
form.addClass('has-error');
form.find('.help-block').remove();
form.append('<span class="help-block">' +
data.responseJSON.name +
'</span>');
},
success: function(data) {
var form = $('#new-column-form');
form.find('.help-block').remove();
if (form.hasClass('has-error')) {
form.removeClass('has-error');
}
$('#new-column-name').val('');
form.append('<span class="help-block">' +
I18n.t('samples.js.column_added') +
'</span>');
$('#samples').data('num-columns',
$('#samples').data('num-columns') + 1);
originalHeader.append(
'<th class="custom-field" id="' + data.id + '">' +
data.name + '</th>');
var colOrder = table.colReorder.order();
colOrder.push(colOrder.length);
table.colReorder.reset();
// Remove all event handlers as we re-initialize them later with
// new table
$('#samples').off();
$('#samples thead').empty();
$('#samples thead').append(originalHeader);
// Preserve save/delete buttons as we need them after new table
// will be created
$('div.toolbarButtons').appendTo('div.samples-table');
$('div.toolbarButtons').hide();
table = dataTableInit();
table.colReorder.order(colOrder, true);
loadColumnsNames();
},
url: url
});
} else {
var form = $('#new-column-form');
form.addClass('has-error');
form.find('.help-block').remove();
form.append('<span class="help-block alert alert-danger">' +
I18n.t('samples.js.empty_column_name') +
'</span>');
createNewColumn();
});
$('#new-column-name').keydown(function(e) {
if (e.keyCode === 13) {
e.preventDefault();
createNewColumn();
}
});
}