js/server_variables.js

   1 $(function() {
   2     var textFilter = null, odd_row = false;
   3     var testString = 'abcdefghijklmnopqrstuvwxyz0123456789,ABCEFGHIJKLMOPQRSTUVWXYZ';
   4     var $tmpDiv, charWidth;
   5
   6     // Global vars
   7     editLink = '<a href="#" class="editLink" onclick="return editVariable(this);">' + PMA_getImage('b_edit.png') + ' ' + PMA_messages['strEdit'] + '</a>';
   8     saveLink = '<a href="#" class="saveLink">' + PMA_getImage('b_save.png') + ' ' + PMA_messages['strSave'] + '</a> ';
   9     cancelLink = '<a href="#" class="cancelLink">' + PMA_getImage('b_close.png') + ' ' + PMA_messages['strCancel'] + '</a> ';
  10
  11     $.ajaxSetup({
  12         cache:false
  13     });
  14
  15     /* Variable editing */
  16     if (is_superuser) {
  17         $('table.data tbody tr td:nth-child(2)').hover(
  18             function() {
  19                 // Only add edit element if it is the global value, not session value and not when the element is being edited
  20                 if ($(this).parent().children('th').length > 0 && ! $(this).hasClass('edit')) {
  21                     $(this).prepend(editLink);
  22                 }
  23             },
  24             function() {
  25                 $(this).find('a.editLink').remove();
  26             }
  27         );
  28     }
  29
  30     // Filter options are invisible for disabled js users
  31     $('fieldset#tableFilter').css('display','');
  32
  33     $('#filterText').keyup(function(e) {
  34         if ($(this).val().length == 0) {
  35             textFilter=null;
  36         } else {
  37             textFilter = new RegExp("(^| )"+$(this).val().replace(/_/g,' '),'i');
  38         }
  39         filterVariables();
  40     });
  41
  42     if (location.hash.substr(1).split('=')[0] == 'filter') {
  43         var name = location.hash.substr(1).split('=')[1];
  44         // Only allow variable names
  45         if (! name.match(/[^0-9a-zA-Z_]+/)) {
  46             $('#filterText').attr('value',name).trigger('keyup');
  47         }
  48     }
  49
  50     /* Table width limiting */
  51     $('table.data').after($tmpDiv=$('<span>'+testString+'</span>'));
  52     charWidth = $tmpDiv.width() / testString.length;
  53     $tmpDiv.remove();
  54
  55     $(window).resize(limitTableWidth);
  56     limitTableWidth();
  57
  58     /* This function chops of long variable values to keep the table from overflowing horizontally
  59      * It does so by taking a test string and calculating an average font width and removing 'excess width / average font width'
  60      * chars, so it is not very accurate.
  61      */
  62     function limitTableWidth() {
  63         var fulltext;
  64         var charDiff;
  65         var maxTableWidth;
  66         var $tmpTable;
  67
  68         $('table.data').after($tmpTable = $('<table id="testTable" style="width:100%;"><tr><td>' + testString + '</td></tr></table>'));
  69         maxTableWidth = $('#testTable').width();
  70         $tmpTable.remove();
  71         charDiff =  ($('table.data').width() - maxTableWidth) / charWidth;
  72
  73         if ($('body').innerWidth() < $('table.data').width() + 10 || $('body').innerWidth() > $('table.data').width() + 20) {
  74             var maxChars = 0;
  75
  76             $('table.data tbody tr td:nth-child(2)').each(function() {
  77                 maxChars = Math.max($(this).text().length, maxChars);
  78             });
  79
  80             // Do not resize smaller if there's only 50 chars displayed already
  81             if (charDiff > 0 && maxChars < 50) { return; }
  82
  83             $('table.data tbody tr td:nth-child(2)').each(function() {
  84                 if ((charDiff > 0 && $(this).text().length > maxChars - charDiff) || (charDiff < 0 && $(this).find('abbr.cutoff').length > 0)) {
  85                     if ($(this).find('abbr.cutoff').length > 0) {
  86                         fulltext = $(this).find('abbr.cutoff').attr('title');
  87                     } else {
  88                         fulltext = $(this).text();
  89                         // Do not cut off elements with html in it and hope they are not too long
  90                         if (fulltext.length != $(this).html().length) { return 0; }
  91                     }
  92
  93                     if (fulltext.length < maxChars - charDiff) {
  94                         $(this).html(fulltext);
  95                     } else {
  96                         $(this).html('<abbr class="cutoff" title="' + fulltext + '">' + fulltext.substr(0, maxChars - charDiff - 3) + '...</abbr>');
  97                     }
  98                 }
  99             });
 100         }
 101     }
 102
 103     /* Filters the rows by the user given regexp */
 104     function filterVariables() {
 105         var mark_next = false, firstCell;
 106         odd_row = false;
 107
 108         $('table.filteredData tbody tr').each(function() {
 109             firstCell = $(this).children(':first');
 110
 111             if (mark_next || textFilter == null || textFilter.exec(firstCell.text())) {
 112                 // If current global value is different from session value (=has class diffSession), then display that one too
 113                 mark_next = $(this).hasClass('diffSession') && ! mark_next;
 114
 115                 odd_row = ! odd_row;
 116                 $(this).css('display','');
 117                 if (odd_row) {
 118                     $(this).addClass('odd');
 119                     $(this).removeClass('even');
 120                 } else {
 121                     $(this).addClass('even');
 122                     $(this).removeClass('odd');
 123                 }
 124             } else {
 125                 $(this).css('display','none');
 126             }
 127         });
 128     }
 129 });
 130
 131 /* Called by inline js. Allows the user to edit a server variable */
 132 function editVariable(link)
 133 {
 134     var varName = $(link).parent().parent().find('th:first').first().text().replace(/ /g,'_');
 135     var mySaveLink = $(saveLink);
 136     var myCancelLink = $(cancelLink);
 137     var $cell = $(link).parent();
 138
 139     $cell.addClass('edit');
 140     // remove edit link
 141     $cell.find('a.editLink').remove();
 142
 143     mySaveLink.click(function() {
 144         $.get('server_variables.php?' + url_query, {
 145                 ajax_request: true,
 146                 type: 'setval',
 147                 varName: varName,
 148                 varValue: $cell.find('input').attr('value')
 149             }, function(data) {
 150                 if (data.success) {
 151                     $cell.html(data.variable);
 152                 } else {
 153                     PMA_ajaxShowMessage(data.error);
 154                     $cell.html($cell.find('span.oldContent').html());
 155                 }
 156                 $cell.removeClass('edit');
 157             }, 'json');
 158
 159         return false;
 160     });
 161
 162     myCancelLink.click(function() {
 163         $cell.html($cell.find('span.oldContent').html());
 164         $cell.removeClass('edit');
 165         return false;
 166     });
 167
 168     $.get('server_variables.php?' + url_query, {
 169             ajax_request: true,
 170             type: 'getval',
 171             varName: varName
 172         }, function(data) {
 173             // hide original content
 174             $cell.html('<span class="oldContent" style="display:none;">' + $cell.html() + '</span>');
 175             // put edit field and save/cancel link
 176             $cell.prepend('<table class="serverVariableEditTable" border="0"><tr><td></td><td style="width:100%;">' +
 177                           '<input type="text" id="variableEditArea" value="' + data + '" /></td></tr</table>');
 178             $cell.find('table td:first').append(mySaveLink);
 179             $cell.find('table td:first').append(' ');
 180             $cell.find('table td:first').append(myCancelLink);
 181
 182             // Keyboard shortcuts to the rescue
 183             $('input#variableEditArea').focus();
 184             $('input#variableEditArea').keydown(function(event) {
 185                 // Enter key
 186                 if(event.keyCode == 13) mySaveLink.trigger('click');
 187                 // Escape key
 188                 if(event.keyCode == 27) myCancelLink.trigger('click');
 189             });
 190         });
 191
 192     return false;
 193 }