variables.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. "use strict";
  2. /**
  3. * @fileoverview Javascript functions used in server variables page
  4. * @name Server Replication
  5. *
  6. * @requires jQuery
  7. * @requires jQueryUI
  8. * @requires js/functions.js
  9. */
  10. /**
  11. * Unbind all event handlers before tearing down a page
  12. */
  13. AJAX.registerTeardown('server/variables.js', function () {
  14. $(document).off('click', 'a.editLink');
  15. $('#serverVariables').find('.var-name').find('a img').remove();
  16. });
  17. AJAX.registerOnload('server/variables.js', function () {
  18. var $saveLink = $('a.saveLink');
  19. var $cancelLink = $('a.cancelLink');
  20. $('#serverVariables').find('.var-name').find('a').append($('#docImage').clone().css('display', 'inline-block'));
  21. /* Launches the variable editor */
  22. $(document).on('click', 'a.editLink', function (event) {
  23. event.preventDefault();
  24. editVariable(this);
  25. });
  26. /* Allows the user to edit a server variable */
  27. function editVariable(link) {
  28. var $link = $(link);
  29. var $cell = $link.parent();
  30. var $valueCell = $link.parents('.var-row').find('.var-value');
  31. var varName = $link.data('variable');
  32. var $mySaveLink = $saveLink.clone().css('display', 'inline-block');
  33. var $myCancelLink = $cancelLink.clone().css('display', 'inline-block');
  34. var $msgbox = Functions.ajaxShowMessage();
  35. var $myEditLink = $cell.find('a.editLink');
  36. $cell.addClass('edit'); // variable is being edited
  37. $myEditLink.remove(); // remove edit link
  38. $mySaveLink.on('click', function () {
  39. var $msgbox = Functions.ajaxShowMessage(Messages.strProcessingRequest);
  40. $.post('index.php?route=/server/variables/set/' + encodeURIComponent(varName), {
  41. 'ajax_request': true,
  42. 'varValue': $valueCell.find('input').val()
  43. }, function (data) {
  44. if (data.success) {
  45. $valueCell.html(data.variable).data('content', data.variable);
  46. Functions.ajaxRemoveMessage($msgbox);
  47. } else {
  48. if (data.error === '') {
  49. Functions.ajaxShowMessage(Messages.strRequestFailed, false);
  50. } else {
  51. Functions.ajaxShowMessage(data.error, false);
  52. }
  53. $valueCell.html($valueCell.data('content'));
  54. }
  55. $cell.removeClass('edit').html($myEditLink);
  56. });
  57. return false;
  58. });
  59. $myCancelLink.on('click', function () {
  60. $valueCell.html($valueCell.data('content'));
  61. $cell.removeClass('edit').html($myEditLink);
  62. return false;
  63. });
  64. $.get('index.php?route=/server/variables/get/' + encodeURIComponent(varName), {
  65. 'ajax_request': true
  66. }, function (data) {
  67. if (typeof data !== 'undefined' && data.success === true) {
  68. var $links = $('<div></div>').append($myCancelLink).append('&nbsp;&nbsp;&nbsp;').append($mySaveLink);
  69. var $editor = $('<div></div>', {
  70. 'class': 'serverVariableEditor'
  71. }).append($('<div></div>').append($('<input>', {
  72. type: 'text',
  73. 'class': 'form-control form-control-sm'
  74. }).val(data.message))); // Save and replace content
  75. $cell.html($links).children().css('display', 'flex');
  76. $valueCell.data('content', $valueCell.html()).html($editor).find('input').trigger('focus').on('keydown', function (event) {
  77. // Keyboard shortcuts
  78. if (event.keyCode === 13) {
  79. // Enter key
  80. $mySaveLink.trigger('click');
  81. } else if (event.keyCode === 27) {
  82. // Escape key
  83. $myCancelLink.trigger('click');
  84. }
  85. });
  86. Functions.ajaxRemoveMessage($msgbox);
  87. } else {
  88. $cell.removeClass('edit').html($myEditLink);
  89. Functions.ajaxShowMessage(data.error);
  90. }
  91. });
  92. }
  93. });