central_columns.js 10.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. "use strict";
  2. /**
  3. * @fileoverview events handling from central columns page
  4. * @name Central columns
  5. *
  6. * @requires jQuery
  7. */
  8. /**
  9. * AJAX scripts for /database/central-columns
  10. *
  11. * Actions ajaxified here:
  12. * Inline Edit and save of a result row
  13. * Delete a row
  14. * Multiple edit and delete option
  15. *
  16. */
  17. AJAX.registerTeardown('database/central_columns.js', function () {
  18. $('.edit').off('click');
  19. $('.edit_save_form').off('click');
  20. $('.edit_cancel_form').off('click');
  21. $('.del_row').off('click');
  22. $(document).off('keyup', '.filter_rows');
  23. $('.edit_cancel_form').off('click');
  24. $('#table-select').off('change');
  25. $('#column-select').off('change');
  26. $('#add_col_div').find('>a').off('click');
  27. $('#add_new').off('submit');
  28. $('#multi_edit_central_columns').off('submit');
  29. $('select.default_type').off('change');
  30. $('button[name=\'delete_central_columns\']').off('click');
  31. $('button[name=\'edit_central_columns\']').off('click');
  32. });
  33. AJAX.registerOnload('database/central_columns.js', function () {
  34. $('#tableslistcontainer input,#tableslistcontainer select,#tableslistcontainer .default_value,#tableslistcontainer .open_enum_editor').hide();
  35. $('#tableslistcontainer').find('.checkall').show();
  36. $('#tableslistcontainer').find('.checkall_box').show();
  37. if ($('#table_columns').find('tbody tr').length > 0) {
  38. $('#table_columns').tablesorter({
  39. headers: {
  40. 0: {
  41. sorter: false
  42. },
  43. 1: {
  44. sorter: false
  45. },
  46. // hidden column
  47. 4: {
  48. sorter: 'integer'
  49. }
  50. }
  51. });
  52. }
  53. $('#tableslistcontainer').find('button[name="delete_central_columns"]').on('click', function (event) {
  54. event.preventDefault();
  55. var multiDeleteColumns = $('.checkall:checkbox:checked').serialize();
  56. if (multiDeleteColumns === '') {
  57. Functions.ajaxShowMessage(Messages.strRadioUnchecked);
  58. return false;
  59. }
  60. Functions.ajaxShowMessage();
  61. $('#del_col_name').val(multiDeleteColumns);
  62. $('#del_form').trigger('submit');
  63. });
  64. $('#tableslistcontainer').find('button[name="edit_central_columns"]').on('click', function (event) {
  65. event.preventDefault();
  66. var editColumnList = $('.checkall:checkbox:checked').serialize();
  67. if (editColumnList === '') {
  68. Functions.ajaxShowMessage(Messages.strRadioUnchecked);
  69. return false;
  70. }
  71. var argsep = CommonParams.get('arg_separator');
  72. var editColumnData = editColumnList + '' + argsep + 'edit_central_columns_page=true' + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true' + argsep + 'db=' + encodeURIComponent(CommonParams.get('db'));
  73. Functions.ajaxShowMessage();
  74. AJAX.source = $(this);
  75. $.post('index.php?route=/database/central-columns', editColumnData, AJAX.responseHandler);
  76. });
  77. $('#multi_edit_central_columns').on('submit', function (event) {
  78. event.preventDefault();
  79. event.stopPropagation();
  80. var argsep = CommonParams.get('arg_separator');
  81. var multiColumnEditData = $('#multi_edit_central_columns').serialize() + argsep + 'multi_edit_central_column_save=true' + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true' + argsep + 'db=' + encodeURIComponent(CommonParams.get('db'));
  82. Functions.ajaxShowMessage();
  83. AJAX.source = $(this);
  84. $.post('index.php?route=/database/central-columns', multiColumnEditData, AJAX.responseHandler);
  85. });
  86. $('#add_new').find('td').each(function () {
  87. if ($(this).attr('name') !== 'undefined') {
  88. $(this).find('input,select').first().attr('name', $(this).attr('name'));
  89. }
  90. });
  91. $('#field_0_0').attr('required', 'required');
  92. $('#add_new input[type="text"], #add_new input[type="number"], #add_new select').css({
  93. 'width': '10em',
  94. '-moz-box-sizing': 'border-box'
  95. });
  96. window.scrollTo(0, 0);
  97. $(document).on('keyup', '.filter_rows', function () {
  98. // get the column names
  99. var cols = $('th.column_heading').map(function () {
  100. return $(this).text().trim();
  101. }).get();
  102. $.uiTableFilter($('#table_columns'), $(this).val(), cols, null, 'td span');
  103. });
  104. $('.edit').on('click', function () {
  105. var rownum = $(this).parent().data('rownum');
  106. $('#save_' + rownum).show();
  107. $(this).hide();
  108. $('#f_' + rownum + ' td span').hide();
  109. $('#f_' + rownum + ' input, #f_' + rownum + ' select, #f_' + rownum + ' .open_enum_editor').show();
  110. var attributeVal = $('#f_' + rownum + ' td[name=col_attribute] span').html();
  111. $('#f_' + rownum + ' select[name=field_attribute\\[' + rownum + '\\] ] option[value="' + attributeVal + '"]').attr('selected', 'selected');
  112. if ($('#f_' + rownum + ' .default_type').val() === 'USER_DEFINED') {
  113. $('#f_' + rownum + ' .default_type').siblings('.default_value').show();
  114. } else {
  115. $('#f_' + rownum + ' .default_type').siblings('.default_value').hide();
  116. }
  117. });
  118. $('.del_row').on('click', function (event) {
  119. event.preventDefault();
  120. event.stopPropagation();
  121. var $td = $(this);
  122. var question = Messages.strDeleteCentralColumnWarning;
  123. $td.confirm(question, null, function () {
  124. var rownum = $td.data('rownum');
  125. $('#del_col_name').val('selected_fld%5B%5D=' + $('#checkbox_row_' + rownum).val());
  126. $('#del_form').trigger('submit');
  127. });
  128. });
  129. $('.edit_cancel_form').on('click', function (event) {
  130. event.preventDefault();
  131. event.stopPropagation();
  132. var rownum = $(this).data('rownum');
  133. $('#save_' + rownum).hide();
  134. $('#edit_' + rownum).show();
  135. $('#f_' + rownum + ' td span').show();
  136. $('#f_' + rownum + ' input, #f_' + rownum + ' select,#f_' + rownum + ' .default_value, #f_' + rownum + ' .open_enum_editor').hide();
  137. $('#tableslistcontainer').find('.checkall').show();
  138. });
  139. $('.edit_save_form').on('click', function (event) {
  140. event.preventDefault();
  141. event.stopPropagation();
  142. var rownum = $(this).data('rownum');
  143. $('#f_' + rownum + ' td').each(function () {
  144. if ($(this).attr('name') !== 'undefined') {
  145. $(this).find(':input[type!="hidden"],select').first().attr('name', $(this).attr('name'));
  146. }
  147. });
  148. if ($('#f_' + rownum + ' .default_type').val() === 'USER_DEFINED') {
  149. $('#f_' + rownum + ' .default_type').attr('name', 'col_default_sel');
  150. } else {
  151. $('#f_' + rownum + ' .default_value').attr('name', 'col_default_val');
  152. }
  153. var datastring = $('#f_' + rownum + ' :input').serialize();
  154. $.ajax({
  155. type: 'POST',
  156. url: 'index.php?route=/database/central-columns',
  157. data: datastring + CommonParams.get('arg_separator') + 'ajax_request=true',
  158. dataType: 'json',
  159. success: function success(data) {
  160. if (data.message !== '1') {
  161. Functions.ajaxShowMessage('<div class="alert alert-danger" role="alert">' + data.message + '</div>', false);
  162. } else {
  163. $('#f_' + rownum + ' td input[id=checkbox_row_' + rownum + ']').val($('#f_' + rownum + ' input[name=col_name]').val()).html();
  164. $('#f_' + rownum + ' td[name=col_name] span').text($('#f_' + rownum + ' input[name=col_name]').val()).html();
  165. $('#f_' + rownum + ' td[name=col_type] span').text($('#f_' + rownum + ' select[name=col_type]').val()).html();
  166. $('#f_' + rownum + ' td[name=col_length] span').text($('#f_' + rownum + ' input[name=col_length]').val()).html();
  167. $('#f_' + rownum + ' td[name=collation] span').text($('#f_' + rownum + ' select[name=collation]').val()).html();
  168. $('#f_' + rownum + ' td[name=col_attribute] span').text($('#f_' + rownum + ' select[name=col_attribute]').val()).html();
  169. $('#f_' + rownum + ' td[name=col_isNull] span').text($('#f_' + rownum + ' input[name=col_isNull]').is(':checked') ? 'Yes' : 'No').html();
  170. $('#f_' + rownum + ' td[name=col_extra] span').text($('#f_' + rownum + ' input[name=col_extra]').is(':checked') ? 'auto_increment' : '').html();
  171. $('#f_' + rownum + ' td[name=col_default] span').text($('#f_' + rownum + ' :input[name=col_default]').val()).html();
  172. }
  173. $('#save_' + rownum).hide();
  174. $('#edit_' + rownum).show();
  175. $('#f_' + rownum + ' td span').show();
  176. $('#f_' + rownum + ' input, #f_' + rownum + ' select,#f_' + rownum + ' .default_value, #f_' + rownum + ' .open_enum_editor').hide();
  177. $('#tableslistcontainer').find('.checkall').show();
  178. },
  179. error: function error() {
  180. Functions.ajaxShowMessage('<div class="alert alert-danger" role="alert">' + Messages.strErrorProcessingRequest + '</div>', false);
  181. }
  182. });
  183. });
  184. $('#table-select').on('change', function () {
  185. var selectValue = $(this).val();
  186. var defaultColumnSelect = $('#column-select').find('option').first();
  187. var href = 'index.php?route=/database/central-columns/populate';
  188. var params = {
  189. 'ajax_request': true,
  190. 'server': CommonParams.get('server'),
  191. 'db': CommonParams.get('db'),
  192. 'selectedTable': selectValue
  193. };
  194. $('#column-select').html('<option value="">' + Messages.strLoading + '</option>');
  195. if (selectValue !== '') {
  196. $.post(href, params, function (data) {
  197. $('#column-select').empty().append(defaultColumnSelect);
  198. $('#column-select').append(data.message);
  199. });
  200. }
  201. });
  202. $('#add_column').on('submit', function (e) {
  203. var selectvalue = $('#column-select').val();
  204. if (selectvalue === '') {
  205. e.preventDefault();
  206. e.stopPropagation();
  207. }
  208. });
  209. $('#add_col_div').find('>a').on('click', function () {
  210. $('#add_new').slideToggle('slow');
  211. var $addColDivLinkSpan = $('#add_col_div').find('>a span');
  212. if ($addColDivLinkSpan.html() === '+') {
  213. $addColDivLinkSpan.html('-');
  214. } else {
  215. $addColDivLinkSpan.html('+');
  216. }
  217. });
  218. $('#add_new').on('submit', function () {
  219. $('#add_new').toggle();
  220. });
  221. $('#tableslistcontainer').find('select.default_type').on('change', function () {
  222. if ($(this).val() === 'USER_DEFINED') {
  223. $(this).siblings('.default_value').attr('name', 'col_default');
  224. $(this).attr('name', 'col_default_sel');
  225. } else {
  226. $(this).attr('name', 'col_default');
  227. $(this).siblings('.default_value').attr('name', 'col_default_val');
  228. }
  229. });
  230. });