phpmyadmin/js/server_variables.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2
   3 /**
   4  * Unbind all event handlers before tearing down a page
   5  */
   6 AJAX.registerTeardown('server_variables.js', function () {
   7     $('#filterText').unbind('keyup');
   8     $(document).off('click', 'a.editLink');
   9     $('#serverVariables').find('.var-name').find('a img').remove();
  10 });
  11
  12 AJAX.registerOnload('server_variables.js', function () {
  13     var $editLink = $('a.editLink');
  14     var $saveLink = $('a.saveLink');
  15     var $cancelLink = $('a.cancelLink');
  16     var $filterField = $('#filterText');
  17
  18
  19     $('#serverVariables').find('.var-name').find('a').append(
  20         $('#docImage').clone().show()
  21     );
  22
  23     /* Launches the variable editor */
  24     $(document).on('click', 'a.editLink', function (event) {
  25         event.preventDefault();
  26         editVariable(this);
  27     });
  28
  29     /* Event handler for variables filter */
  30     $filterField.keyup(function () {
  31         var textFilter = null, val = $(this).val();
  32         if (val.length !== 0) {
  33             try {
  34                 textFilter = new RegExp("(^| )" + val.replace(/_/g, ' '), 'i');
  35                 $(this).removeClass('error');
  36             } catch(e) {
  37                 if (e instanceof SyntaxError) {
  38                     $(this).addClass('error');
  39                     textFilter = null;
  40                 }
  41             }
  42         }
  43         filterVariables(textFilter);
  44     });
  45
  46     /* Trigger filtering of the list based on incoming variable name */
  47     if ($filterField.val()) {
  48         $filterField.trigger('keyup').select();
  49     }
  50
  51     /* Filters the rows by the user given regexp */
  52     function filterVariables(textFilter) {
  53         var mark_next = false, $row, odd_row = false;
  54         $('#serverVariables').find('.var-row').not('.var-header').each(function () {
  55             $row = $(this);
  56             if (mark_next || textFilter === null ||
  57                 textFilter.exec($row.find('.var-name').text())
  58             ) {
  59                 // If current global value is different from session value
  60                 // (has class diffSession), then display that one too
  61                 mark_next = $row.hasClass('diffSession') && ! mark_next;
  62
  63                 odd_row = ! odd_row;
  64                 $row.css('display', '');
  65                 if (odd_row) {
  66                     $row.addClass('odd').removeClass('even');
  67                 } else {
  68                     $row.addClass('even').removeClass('odd');
  69                 }
  70             } else {
  71                 $row.css('display', 'none');
  72             }
  73         });
  74     }
  75
  76     /* Allows the user to edit a server variable */
  77     function editVariable(link) {
  78         var $cell = $(link).parent();
  79         var $valueCell = $(link).parents('.var-row').find('.var-value');
  80         var varName = $cell.parent().find('.var-name').text().replace(/ /g, '_');
  81         var $mySaveLink = $saveLink.clone().show();
  82         var $myCancelLink = $cancelLink.clone().show();
  83         var $msgbox = PMA_ajaxShowMessage();
  84         var $myEditLink = $cell.find('a.editLink');
  85
  86         $cell.addClass('edit'); // variable is being edited
  87         $myEditLink.remove(); // remove edit link
  88
  89         $mySaveLink.click(function () {
  90             var $msgbox = PMA_ajaxShowMessage(PMA_messages.strProcessingRequest);
  91             $.get($(this).attr('href'), {
  92                     ajax_request: true,
  93                     type: 'setval',
  94                     varName: varName,
  95                     varValue: $valueCell.find('input').val()
  96                 }, function (data) {
  97                     if (data.success) {
  98                         $valueCell
  99                             .html(data.variable)
 100                             .data('content', data.variable);
 101                         PMA_ajaxRemoveMessage($msgbox);
 102                     } else {
 103                         PMA_ajaxShowMessage(data.error, false);
 104                         $valueCell.html($valueCell.data('content'));
 105                     }
 106                     $cell.removeClass('edit').html($myEditLink);
 107                 });
 108             return false;
 109         });
 110
 111         $myCancelLink.click(function () {
 112             $valueCell.html($valueCell.data('content'));
 113             $cell.removeClass('edit').html($myEditLink);
 114             return false;
 115         });
 116
 117         $.get($mySaveLink.attr('href'), {
 118                 ajax_request: true,
 119                 type: 'getval',
 120                 varName: varName
 121             }, function (data) {
 122                 if (typeof data !== 'undefined' && data.success === true) {
 123                     var $links = $('<div />')
 124                         .append($myCancelLink)
 125                         .append('&nbsp;&nbsp;&nbsp;')
 126                         .append($mySaveLink);
 127                     var $editor = $('<div />', {'class': 'serverVariableEditor'})
 128                         .append(
 129                             $('<div/>').append(
 130                                 $('<input />', {type: 'text'}).val(data.message)
 131                             )
 132                         );
 133                     // Save and replace content
 134                     $cell
 135                     .html($links);
 136                     $valueCell
 137                     .data('content', $valueCell.html())
 138                     .html($editor)
 139                     .find('input')
 140                     .focus()
 141                     .keydown(function (event) { // Keyboard shortcuts
 142                         if (event.keyCode === 13) { // Enter key
 143                             $mySaveLink.trigger('click');
 144                         } else if (event.keyCode === 27) { // Escape key
 145                             $myCancelLink.trigger('click');
 146                         }
 147                     });
 148                     PMA_ajaxRemoveMessage($msgbox);
 149                 } else {
 150                     $cell.removeClass('edit').html($myEditLink);
 151                     PMA_ajaxShowMessage(data.error);
 152                 }
 153             });
 154     }
 155 });