js/sql.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview    functions used wherever an sql query form is used
   4  *
   5  * @requires    jQuery
   6  * @requires    js/functions.js
   7  *
   8  */
   9
  10 var $data_a;
  11 var prevScrollX = 0;
  12
  13 /**
  14  * decode a string URL_encoded
  15  *
  16  * @param string str
  17  * @return string the URL-decoded string
  18  */
  19 function PMA_urldecode (str) {
  20     if (typeof str !== 'undefined') {
  21         return decodeURIComponent(str.replace(/\+/g, '%20'));
  22     }
  23 }
  24
  25 /**
  26  * endecode a string URL_decoded
  27  *
  28  * @param string str
  29  * @return string the URL-encoded string
  30  */
  31 function PMA_urlencode (str) {
  32     if (typeof str !== 'undefined') {
  33         return encodeURIComponent(str).replace(/\%20/g, '+');
  34     }
  35 }
  36
  37 /**
  38  * Saves SQL query in local storage or cookie
  39  *
  40  * @param string SQL query
  41  * @return void
  42  */
  43 function PMA_autosaveSQL (query) {
  44     if (query) {
  45         if (isStorageSupported('localStorage')) {
  46             window.localStorage.auto_saved_sql = query;
  47         } else {
  48             Cookies.set('auto_saved_sql', query);
  49         }
  50     }
  51 }
  52
  53 /**
  54  * Saves SQL query with sort in local storage or cookie
  55  *
  56  * @param string SQL query
  57  * @return void
  58  */
  59 function PMA_autosaveSQLSort (query) {
  60     if (query) {
  61         if (isStorageSupported('localStorage')) {
  62             window.localStorage.auto_saved_sql_sort = query;
  63         } else {
  64             Cookies.set('auto_saved_sql_sort', query);
  65         }
  66     }
  67 }
  68
  69 /**
  70  * Get the field name for the current field.  Required to construct the query
  71  * for grid editing
  72  *
  73  * @param $table_results enclosing results table
  74  * @param $this_field    jQuery object that points to the current field's tr
  75  */
  76 function getFieldName ($table_results, $this_field) {
  77     var this_field_index = $this_field.index();
  78     // ltr or rtl direction does not impact how the DOM was generated
  79     // check if the action column in the left exist
  80     var left_action_exist = !$table_results.find('th:first').hasClass('draggable');
  81     // number of column span for checkbox and Actions
  82     var left_action_skip = left_action_exist ? $table_results.find('th:first').attr('colspan') - 1 : 0;
  83
  84     // If this column was sorted, the text of the a element contains something
  85     // like <small>1</small> that is useful to indicate the order in case
  86     // of a sort on multiple columns; however, we dont want this as part
  87     // of the column name so we strip it ( .clone() to .end() )
  88     var field_name = $table_results
  89         .find('thead')
  90         .find('th:eq(' + (this_field_index - left_action_skip) + ') a')
  91         .clone()    // clone the element
  92         .children() // select all the children
  93         .remove()   // remove all of them
  94         .end()      // go back to the selected element
  95         .text();    // grab the text
  96     // happens when just one row (headings contain no a)
  97     if (field_name === '') {
  98         var $heading = $table_results.find('thead').find('th:eq(' + (this_field_index - left_action_skip) + ')').children('span');
  99         // may contain column comment enclosed in a span - detach it temporarily to read the column name
 100         var $tempColComment = $heading.children().detach();
 101         field_name = $heading.text();
 102         // re-attach the column comment
 103         $heading.append($tempColComment);
 104     }
 105
 106     field_name = $.trim(field_name);
 107
 108     return field_name;
 109 }
 110
 111 /**
 112  * Unbind all event handlers before tearing down a page
 113  */
 114 AJAX.registerTeardown('sql.js', function () {
 115     $(document).off('click', 'a.delete_row.ajax');
 116     $(document).off('submit', '.bookmarkQueryForm');
 117     $('input#bkm_label').off('keyup');
 118     $(document).off('makegrid', '.sqlqueryresults');
 119     $(document).off('stickycolumns', '.sqlqueryresults');
 120     $('#togglequerybox').off('click');
 121     $(document).off('click', '#button_submit_query');
 122     $(document).off('change', '#id_bookmark');
 123     $('input[name=\'bookmark_variable\']').off('keypress');
 124     $(document).off('submit', '#sqlqueryform.ajax');
 125     $(document).off('click', 'input[name=navig].ajax');
 126     $(document).off('submit', 'form[name=\'displayOptionsForm\'].ajax');
 127     $(document).off('mouseenter', 'th.column_heading.pointer');
 128     $(document).off('mouseleave', 'th.column_heading.pointer');
 129     $(document).off('click', 'th.column_heading.marker');
 130     $(window).off('scroll');
 131     $(document).off('keyup', '.filter_rows');
 132     $(document).off('click', '#printView');
 133     if (codemirror_editor) {
 134         codemirror_editor.off('change');
 135     } else {
 136         $('#sqlquery').off('input propertychange');
 137     }
 138     $('body').off('click', '.navigation .showAllRows');
 139     $('body').off('click', 'a.browse_foreign');
 140     $('body').off('click', '#simulate_dml');
 141     $('body').off('keyup', '#sqlqueryform');
 142     $('body').off('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]');
 143 });
 144
 145 /**
 146  * @description <p>Ajax scripts for sql and browse pages</p>
 147  *
 148  * Actions ajaxified here:
 149  * <ul>
 150  * <li>Retrieve results of an SQL query</li>
 151  * <li>Paginate the results table</li>
 152  * <li>Sort the results table</li>
 153  * <li>Change table according to display options</li>
 154  * <li>Grid editing of data</li>
 155  * <li>Saving a bookmark</li>
 156  * </ul>
 157  *
 158  * @name        document.ready
 159  * @memberOf    jQuery
 160  */
 161 AJAX.registerOnload('sql.js', function () {
 162     $(function () {
 163         if (codemirror_editor) {
 164             codemirror_editor.on('change', function () {
 165                 PMA_autosaveSQL(codemirror_editor.getValue());
 166             });
 167         } else {
 168             $('#sqlquery').on('input propertychange', function () {
 169                 PMA_autosaveSQL($('#sqlquery').val());
 170             });
 171             // Save sql query with sort
 172             if ($('#RememberSorting') !== undefined && $('#RememberSorting').is(':checked')) {
 173                 $('select[name="sql_query"]').on('change', function () {
 174                     PMA_autosaveSQLSort($('select[name="sql_query"]').val());
 175                 });
 176             } else {
 177                 if (isStorageSupported('localStorage') && window.localStorage.auto_saved_sql_sort !== undefined) {
 178                     window.localStorage.removeItem('auto_saved_sql_sort');
 179                 } else {
 180                     Cookies.set('auto_saved_sql_sort', '');
 181                 }
 182             }
 183             // If sql query with sort for current table is stored, change sort by key select value
 184             var sortStoredQuery = (isStorageSupported('localStorage') && typeof window.localStorage.auto_saved_sql_sort !== 'undefined') ? window.localStorage.auto_saved_sql_sort : Cookies.get('auto_saved_sql_sort');
 185             if (typeof sortStoredQuery !== 'undefined' && sortStoredQuery !== $('select[name="sql_query"]').val() && $('select[name="sql_query"] option[value="' + sortStoredQuery + '"]').length !== 0) {
 186                 $('select[name="sql_query"]').val(sortStoredQuery).change();
 187             }
 188         }
 189     });
 190
 191     // Delete row from SQL results
 192     $(document).on('click', 'a.delete_row.ajax', function (e) {
 193         e.preventDefault();
 194         var question =  PMA_sprintf(PMA_messages.strDoYouReally, escapeHtml($(this).closest('td').find('div').text()));
 195         var $link = $(this);
 196         $link.PMA_confirm(question, $link.attr('href'), function (url) {
 197             $msgbox = PMA_ajaxShowMessage();
 198             var argsep = PMA_commonParams.get('arg_separator');
 199             var params = 'ajax_request=1' + argsep + 'is_js_confirmed=1';
 200             var postData = $link.getPostData();
 201             if (postData) {
 202                 params += argsep + postData;
 203             }
 204             $.post(url, params, function (data) {
 205                 if (data.success) {
 206                     PMA_ajaxShowMessage(data.message);
 207                     $link.closest('tr').remove();
 208                 } else {
 209                     PMA_ajaxShowMessage(data.error, false);
 210                 }
 211             });
 212         });
 213     });
 214
 215     // Ajaxification for 'Bookmark this SQL query'
 216     $(document).on('submit', '.bookmarkQueryForm', function (e) {
 217         e.preventDefault();
 218         PMA_ajaxShowMessage();
 219         var argsep = PMA_commonParams.get('arg_separator');
 220         $.post($(this).attr('action'), 'ajax_request=1' + argsep + $(this).serialize(), function (data) {
 221             if (data.success) {
 222                 PMA_ajaxShowMessage(data.message);
 223             } else {
 224                 PMA_ajaxShowMessage(data.error, false);
 225             }
 226         });
 227     });
 228
 229     /* Hides the bookmarkoptions checkboxes when the bookmark label is empty */
 230     $('input#bkm_label').keyup(function () {
 231         $('input#id_bkm_all_users, input#id_bkm_replace')
 232             .parent()
 233             .toggle($(this).val().length > 0);
 234     }).trigger('keyup');
 235
 236     /**
 237      * Attach Event Handler for 'Copy to clipbpard
 238      */
 239     $(document).on('click', '#copyToClipBoard', function (event) {
 240         event.preventDefault();
 241
 242         var textArea = document.createElement('textarea');
 243
 244         //
 245         // *** This styling is an extra step which is likely not required. ***
 246         //
 247         // Why is it here? To ensure:
 248         // 1. the element is able to have focus and selection.
 249         // 2. if element was to flash render it has minimal visual impact.
 250         // 3. less flakyness with selection and copying which **might** occur if
 251         //    the textarea element is not visible.
 252         //
 253         // The likelihood is the element won't even render, not even a flash,
 254         // so some of these are just precautions. However in IE the element
 255         // is visible whilst the popup box asking the user for permission for
 256         // the web page to copy to the clipboard.
 257         //
 258
 259         // Place in top-left corner of screen regardless of scroll position.
 260         textArea.style.position = 'fixed';
 261         textArea.style.top = 0;
 262         textArea.style.left = 0;
 263
 264         // Ensure it has a small width and height. Setting to 1px / 1em
 265         // doesn't work as this gives a negative w/h on some browsers.
 266         textArea.style.width = '2em';
 267         textArea.style.height = '2em';
 268
 269         // We don't need padding, reducing the size if it does flash render.
 270         textArea.style.padding = 0;
 271
 272         // Clean up any borders.
 273         textArea.style.border = 'none';
 274         textArea.style.outline = 'none';
 275         textArea.style.boxShadow = 'none';
 276
 277         // Avoid flash of white box if rendered for any reason.
 278         textArea.style.background = 'transparent';
 279
 280         textArea.value = '';
 281
 282         $('#serverinfo a').each(function () {
 283             textArea.value += $(this).text().split(':')[1].trim() + '/';
 284         });
 285         textArea.value += '\t\t' + window.location.href;
 286         textArea.value += '\n';
 287         $('.success').each(function () {
 288             textArea.value += $(this).text() + '\n\n';
 289         });
 290
 291         $('.sql pre').each(function () {
 292             textArea.value += $(this).text() + '\n\n';
 293         });
 294
 295         $('.table_results .column_heading a').each(function () {
 296                 //Don't copy ordering number text within <small> tag
 297                 textArea.value += $(this).clone().find('small').remove().end().text() + '\t';
 298         });
 299
 300         textArea.value += '\n';
 301         $('.table_results tbody tr').each(function () {
 302             $(this).find('.data span').each(function () {
 303                 textArea.value += $(this).text() + '\t';
 304             });
 305             textArea.value += '\n';
 306         });
 307
 308         document.body.appendChild(textArea);
 309
 310         textArea.select();
 311
 312         try {
 313             document.execCommand('copy');
 314         } catch (err) {
 315             alert('Sorry! Unable to copy');
 316         }
 317
 318         document.body.removeChild(textArea);
 319     }); // end of Copy to Clipboard action
 320
 321     /**
 322      * Attach Event Handler for 'Print' link
 323      */
 324     $(document).on('click', '#printView', function (event) {
 325         event.preventDefault();
 326
 327         // Take to preview mode
 328         printPreview();
 329     }); // end of 'Print' action
 330
 331     /**
 332      * Attach the {@link makegrid} function to a custom event, which will be
 333      * triggered manually everytime the table of results is reloaded
 334      * @memberOf    jQuery
 335      */
 336     $(document).on('makegrid', '.sqlqueryresults', function () {
 337         $('.table_results').each(function () {
 338             PMA_makegrid(this);
 339         });
 340     });
 341
 342     /*
 343      * Attach a custom event for sticky column headings which will be
 344      * triggered manually everytime the table of results is reloaded
 345      * @memberOf    jQuery
 346      */
 347     $(document).on('stickycolumns', '.sqlqueryresults', function () {
 348         $('.sticky_columns').remove();
 349         $('.table_results').each(function () {
 350             var $table_results = $(this);
 351             // add sticky columns div
 352             var $stick_columns = initStickyColumns($table_results);
 353             rearrangeStickyColumns($stick_columns, $table_results);
 354             // adjust sticky columns on scroll
 355             $(window).on('scroll', function () {
 356                 handleStickyColumns($stick_columns, $table_results);
 357             });
 358         });
 359     });
 360
 361     /**
 362      * Append the "Show/Hide query box" message to the query input form
 363      *
 364      * @memberOf jQuery
 365      * @name    appendToggleSpan
 366      */
 367     // do not add this link more than once
 368     if (! $('#sqlqueryform').find('a').is('#togglequerybox')) {
 369         $('<a id="togglequerybox"></a>')
 370             .html(PMA_messages.strHideQueryBox)
 371             .appendTo('#sqlqueryform')
 372         // initially hidden because at this point, nothing else
 373         // appears under the link
 374             .hide();
 375
 376         // Attach the toggling of the query box visibility to a click
 377         $('#togglequerybox').bind('click', function () {
 378             var $link = $(this);
 379             $link.siblings().slideToggle('fast');
 380             if ($link.text() === PMA_messages.strHideQueryBox) {
 381                 $link.text(PMA_messages.strShowQueryBox);
 382                 // cheap trick to add a spacer between the menu tabs
 383                 // and "Show query box"; feel free to improve!
 384                 $('#togglequerybox_spacer').remove();
 385                 $link.before('<br id="togglequerybox_spacer" />');
 386             } else {
 387                 $link.text(PMA_messages.strHideQueryBox);
 388             }
 389             // avoid default click action
 390             return false;
 391         });
 392     }
 393
 394
 395     /**
 396      * Event handler for sqlqueryform.ajax button_submit_query
 397      *
 398      * @memberOf    jQuery
 399      */
 400     $(document).on('click', '#button_submit_query', function (event) {
 401         $('.success,.error').hide();
 402         // hide already existing error or success message
 403         var $form = $(this).closest('form');
 404         // the Go button related to query submission was clicked,
 405         // instead of the one related to Bookmarks, so empty the
 406         // id_bookmark selector to avoid misinterpretation in
 407         // import.php about what needs to be done
 408         $form.find('select[name=id_bookmark]').val('');
 409         // let normal event propagation happen
 410     });
 411
 412     /**
 413      * Event handler to show appropiate number of variable boxes
 414      * based on the bookmarked query
 415      */
 416     $(document).on('change', '#id_bookmark', function (event) {
 417         var varCount = $(this).find('option:selected').data('varcount');
 418         if (typeof varCount === 'undefined') {
 419             varCount = 0;
 420         }
 421
 422         var $varDiv = $('#bookmark_variables');
 423         $varDiv.empty();
 424         for (var i = 1; i <= varCount; i++) {
 425             $varDiv.append($('<label for="bookmark_variable_' + i + '">' + PMA_sprintf(PMA_messages.strBookmarkVariable, i) + '</label>'));
 426             $varDiv.append($('<input type="text" size="10" name="bookmark_variable[' + i + ']" id="bookmark_variable_' + i + '"/>'));
 427         }
 428
 429         if (varCount === 0) {
 430             $varDiv.parent('.formelement').hide();
 431         } else {
 432             $varDiv.parent('.formelement').show();
 433         }
 434     });
 435
 436     /**
 437      * Event handler for hitting enter on sqlqueryform bookmark_variable
 438      * (the Variable textfield in Bookmarked SQL query section)
 439      *
 440      * @memberOf    jQuery
 441      */
 442     $('input[name=bookmark_variable]').on('keypress', function (event) {
 443         // force the 'Enter Key' to implicitly click the #button_submit_bookmark
 444         var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
 445         if (keycode === 13) { // keycode for enter key
 446             // When you press enter in the sqlqueryform, which
 447             // has 2 submit buttons, the default is to run the
 448             // #button_submit_query, because of the tabindex
 449             // attribute.
 450             // This submits #button_submit_bookmark instead,
 451             // because when you are in the Bookmarked SQL query
 452             // section and hit enter, you expect it to do the
 453             // same action as the Go button in that section.
 454             $('#button_submit_bookmark').click();
 455             return false;
 456         } else  {
 457             return true;
 458         }
 459     });
 460
 461     /**
 462      * Ajax Event handler for 'SQL Query Submit'
 463      *
 464      * @see         PMA_ajaxShowMessage()
 465      * @memberOf    jQuery
 466      * @name        sqlqueryform_submit
 467      */
 468     $(document).on('submit', '#sqlqueryform.ajax', function (event) {
 469         event.preventDefault();
 470
 471         var $form = $(this);
 472         if (codemirror_editor) {
 473             $form[0].elements.sql_query.value = codemirror_editor.getValue();
 474         }
 475         if (! checkSqlQuery($form[0])) {
 476             return false;
 477         }
 478
 479         // remove any div containing a previous error message
 480         $('div.error').remove();
 481
 482         var $msgbox = PMA_ajaxShowMessage();
 483         var $sqlqueryresultsouter = $('#sqlqueryresultsouter');
 484
 485         PMA_prepareForAjaxRequest($form);
 486
 487         var argsep = PMA_commonParams.get('arg_separator');
 488         $.post($form.attr('action'), $form.serialize() + argsep + 'ajax_page_request=true', function (data) {
 489             if (typeof data !== 'undefined' && data.success === true) {
 490                 // success happens if the query returns rows or not
 491
 492                 // show a message that stays on screen
 493                 if (typeof data.action_bookmark !== 'undefined') {
 494                     // view only
 495                     if ('1' === data.action_bookmark) {
 496                         $('#sqlquery').text(data.sql_query);
 497                         // send to codemirror if possible
 498                         setQuery(data.sql_query);
 499                     }
 500                     // delete
 501                     if ('2' === data.action_bookmark) {
 502                         $('#id_bookmark option[value=\'' + data.id_bookmark + '\']').remove();
 503                         // if there are no bookmarked queries now (only the empty option),
 504                         // remove the bookmark section
 505                         if ($('#id_bookmark option').length === 1) {
 506                             $('#fieldsetBookmarkOptions').hide();
 507                             $('#fieldsetBookmarkOptionsFooter').hide();
 508                         }
 509                     }
 510                 }
 511                 $sqlqueryresultsouter
 512                     .show()
 513                     .html(data.message);
 514                 PMA_highlightSQL($sqlqueryresultsouter);
 515
 516                 if (data._menu) {
 517                     if (history && history.pushState) {
 518                         history.replaceState({
 519                             menu : data._menu
 520                         },
 521                         null
 522                         );
 523                         AJAX.handleMenu.replace(data._menu);
 524                     } else {
 525                         PMA_MicroHistory.menus.replace(data._menu);
 526                         PMA_MicroHistory.menus.add(data._menuHash, data._menu);
 527                     }
 528                 } else if (data._menuHash) {
 529                     if (! (history && history.pushState)) {
 530                         PMA_MicroHistory.menus.replace(PMA_MicroHistory.menus.get(data._menuHash));
 531                     }
 532                 }
 533
 534                 if (data._params) {
 535                     PMA_commonParams.setAll(data._params);
 536                 }
 537
 538                 if (typeof data.ajax_reload !== 'undefined') {
 539                     if (data.ajax_reload.reload) {
 540                         if (data.ajax_reload.table_name) {
 541                             PMA_commonParams.set('table', data.ajax_reload.table_name);
 542                             PMA_commonActions.refreshMain();
 543                         } else {
 544                             PMA_reloadNavigation();
 545                         }
 546                     }
 547                 } else if (typeof data.reload !== 'undefined') {
 548                     // this happens if a USE or DROP command was typed
 549                     PMA_commonActions.setDb(data.db);
 550                     var url;
 551                     if (data.db) {
 552                         if (data.table) {
 553                             url = 'table_sql.php';
 554                         } else {
 555                             url = 'db_sql.php';
 556                         }
 557                     } else {
 558                         url = 'server_sql.php';
 559                     }
 560                     PMA_commonActions.refreshMain(url, function () {
 561                         $('#sqlqueryresultsouter')
 562                             .show()
 563                             .html(data.message);
 564                         PMA_highlightSQL($('#sqlqueryresultsouter'));
 565                     });
 566                 }
 567
 568                 $('.sqlqueryresults').trigger('makegrid').trigger('stickycolumns');
 569                 $('#togglequerybox').show();
 570                 PMA_init_slider();
 571
 572                 if (typeof data.action_bookmark === 'undefined') {
 573                     if ($('#sqlqueryform input[name="retain_query_box"]').is(':checked') !== true) {
 574                         if ($('#togglequerybox').siblings(':visible').length > 0) {
 575                             $('#togglequerybox').trigger('click');
 576                         }
 577                     }
 578                 }
 579             } else if (typeof data !== 'undefined' && data.success === false) {
 580                 // show an error message that stays on screen
 581                 $sqlqueryresultsouter
 582                     .show()
 583                     .html(data.error);
 584             }
 585             PMA_ajaxRemoveMessage($msgbox);
 586         }); // end $.post()
 587     }); // end SQL Query submit
 588
 589     /**
 590      * Ajax Event handler for the display options
 591      * @memberOf    jQuery
 592      * @name        displayOptionsForm_submit
 593      */
 594     $(document).on('submit', 'form[name=\'displayOptionsForm\'].ajax', function (event) {
 595         event.preventDefault();
 596
 597         $form = $(this);
 598
 599         var $msgbox = PMA_ajaxShowMessage();
 600         var argsep = PMA_commonParams.get('arg_separator');
 601         $.post($form.attr('action'), $form.serialize() + argsep + 'ajax_request=true', function (data) {
 602             PMA_ajaxRemoveMessage($msgbox);
 603             var $sqlqueryresults = $form.parents('.sqlqueryresults');
 604             $sqlqueryresults
 605                 .html(data.message)
 606                 .trigger('makegrid')
 607                 .trigger('stickycolumns');
 608             PMA_init_slider();
 609             PMA_highlightSQL($sqlqueryresults);
 610         }); // end $.post()
 611     }); // end displayOptionsForm handler
 612
 613     // Filter row handling. --STARTS--
 614     $(document).on('keyup', '.filter_rows', function () {
 615         var unique_id = $(this).data('for');
 616         var $target_table = $('.table_results[data-uniqueId=\'' + unique_id + '\']');
 617         var $header_cells = $target_table.find('th[data-column]');
 618         var target_columns = Array();
 619         // To handle colspan=4, in case of edit,copy etc options.
 620         var dummy_th = ($('.edit_row_anchor').length !== 0 ?
 621             '<th class="hide dummy_th"></th><th class="hide dummy_th"></th><th class="hide dummy_th"></th>'
 622             : '');
 623         // Selecting columns that will be considered for filtering and searching.
 624         $header_cells.each(function () {
 625             target_columns.push($.trim($(this).text()));
 626         });
 627
 628         var phrase = $(this).val();
 629         // Set same value to both Filter rows fields.
 630         $('.filter_rows[data-for=\'' + unique_id + '\']').not(this).val(phrase);
 631         // Handle colspan.
 632         $target_table.find('thead > tr').prepend(dummy_th);
 633         $.uiTableFilter($target_table, phrase, target_columns);
 634         $target_table.find('th.dummy_th').remove();
 635     });
 636     // Filter row handling. --ENDS--
 637
 638     // Prompt to confirm on Show All
 639     $('body').on('click', '.navigation .showAllRows', function (e) {
 640         e.preventDefault();
 641         var $form = $(this).parents('form');
 642
 643         if (! $(this).is(':checked')) { // already showing all rows
 644             submitShowAllForm();
 645         } else {
 646             $form.PMA_confirm(PMA_messages.strShowAllRowsWarning, $form.attr('action'), function (url) {
 647                 submitShowAllForm();
 648             });
 649         }
 650
 651         function submitShowAllForm () {
 652             var argsep = PMA_commonParams.get('arg_separator');
 653             var submitData = $form.serialize() + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true';
 654             PMA_ajaxShowMessage();
 655             AJAX.source = $form;
 656             $.post($form.attr('action'), submitData, AJAX.responseHandler);
 657         }
 658     });
 659
 660     $('body').on('keyup', '#sqlqueryform', function () {
 661         PMA_handleSimulateQueryButton();
 662     });
 663
 664     /**
 665      * Ajax event handler for 'Simulate DML'.
 666      */
 667     $('body').on('click', '#simulate_dml', function () {
 668         var $form = $('#sqlqueryform');
 669         var query = '';
 670         var delimiter = $('#id_sql_delimiter').val();
 671         var db_name = $form.find('input[name="db"]').val();
 672
 673         if (codemirror_editor) {
 674             query = codemirror_editor.getValue();
 675         } else {
 676             query = $('#sqlquery').val();
 677         }
 678
 679         if (query.length === 0) {
 680             alert(PMA_messages.strFormEmpty);
 681             $('#sqlquery').focus();
 682             return false;
 683         }
 684
 685         var $msgbox = PMA_ajaxShowMessage();
 686         $.ajax({
 687             type: 'POST',
 688             url: $form.attr('action'),
 689             data: {
 690                 server: PMA_commonParams.get('server'),
 691                 db: db_name,
 692                 ajax_request: '1',
 693                 simulate_dml: '1',
 694                 sql_query: query,
 695                 sql_delimiter: delimiter
 696             },
 697             success: function (response) {
 698                 PMA_ajaxRemoveMessage($msgbox);
 699                 if (response.success) {
 700                     var dialog_content = '<div class="preview_sql">';
 701                     if (response.sql_data) {
 702                         var len = response.sql_data.length;
 703                         for (var i = 0; i < len; i++) {
 704                             dialog_content += '<strong>' + PMA_messages.strSQLQuery +
 705                                 '</strong>' + response.sql_data[i].sql_query +
 706                                 PMA_messages.strMatchedRows +
 707                                 ' <a href="' + response.sql_data[i].matched_rows_url +
 708                                 '">' + response.sql_data[i].matched_rows + '</a><br>';
 709                             if (i < len - 1) {
 710                                 dialog_content += '<hr>';
 711                             }
 712                         }
 713                     } else {
 714                         dialog_content += response.message;
 715                     }
 716                     dialog_content += '</div>';
 717                     var $dialog_content = $(dialog_content);
 718                     var button_options = {};
 719                     button_options[PMA_messages.strClose] = function () {
 720                         $(this).dialog('close');
 721                     };
 722                     var $response_dialog = $('<div />').append($dialog_content).dialog({
 723                         minWidth: 540,
 724                         maxHeight: 400,
 725                         modal: true,
 726                         buttons: button_options,
 727                         title: PMA_messages.strSimulateDML,
 728                         open: function () {
 729                             PMA_highlightSQL($(this));
 730                         },
 731                         close: function () {
 732                             $(this).remove();
 733                         }
 734                     });
 735                 } else {
 736                     PMA_ajaxShowMessage(response.error);
 737                 }
 738             },
 739             error: function (response) {
 740                 PMA_ajaxShowMessage(PMA_messages.strErrorProcessingRequest);
 741             }
 742         });
 743     });
 744
 745     /**
 746      * Handles multi submits of results browsing page such as edit, delete and export
 747      */
 748     $('body').on('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]', function (e) {
 749         e.preventDefault();
 750         var $button = $(this);
 751         var $form = $button.closest('form');
 752         var argsep = PMA_commonParams.get('arg_separator');
 753         var submitData = $form.serialize() + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true' + argsep + 'submit_mult=' + $button.val();
 754         PMA_ajaxShowMessage();
 755         AJAX.source = $form;
 756         $.post($form.attr('action'), submitData, AJAX.responseHandler);
 757     });
 758 }); // end $()
 759
 760 /**
 761  * Starting from some th, change the class of all td under it.
 762  * If isAddClass is specified, it will be used to determine whether to add or remove the class.
 763  */
 764 function PMA_changeClassForColumn ($this_th, newclass, isAddClass) {
 765     // index 0 is the th containing the big T
 766     var th_index = $this_th.index();
 767     var has_big_t = $this_th.closest('tr').children(':first').hasClass('column_action');
 768     // .eq() is zero-based
 769     if (has_big_t) {
 770         th_index--;
 771     }
 772     var $table = $this_th.parents('.table_results');
 773     if (! $table.length) {
 774         $table = $this_th.parents('table').siblings('.table_results');
 775     }
 776     var $tds = $table.find('tbody tr').find('td.data:eq(' + th_index + ')');
 777     if (isAddClass === undefined) {
 778         $tds.toggleClass(newclass);
 779     } else {
 780         $tds.toggleClass(newclass, isAddClass);
 781     }
 782 }
 783
 784 /**
 785  * Handles browse foreign values modal dialog
 786  *
 787  * @param object $this_a reference to the browse foreign value link
 788  */
 789 function browseForeignDialog ($this_a) {
 790     var formId = '#browse_foreign_form';
 791     var showAllId = '#foreign_showAll';
 792     var tableId = '#browse_foreign_table';
 793     var filterId = '#input_foreign_filter';
 794     var $dialog = null;
 795     var argSep = PMA_commonParams.get('arg_separator');
 796     var params = $this_a.getPostData();
 797     params += argSep + 'ajax_request=true';
 798     $.post($this_a.attr('href'), params, function (data) {
 799         // Creates browse foreign value dialog
 800         $dialog = $('<div>').append(data.message).dialog({
 801             title: PMA_messages.strBrowseForeignValues,
 802             width: Math.min($(window).width() - 100, 700),
 803             maxHeight: $(window).height() - 100,
 804             dialogClass: 'browse_foreign_modal',
 805             close: function (ev, ui) {
 806                 // remove event handlers attached to elements related to dialog
 807                 $(tableId).off('click', 'td a.foreign_value');
 808                 $(formId).off('click', showAllId);
 809                 $(formId).off('submit');
 810                 // remove dialog itself
 811                 $(this).remove();
 812             },
 813             modal: true
 814         });
 815     }).done(function () {
 816         var showAll = false;
 817         $(tableId).on('click', 'td a.foreign_value', function (e) {
 818             e.preventDefault();
 819             var $input = $this_a.prev('input[type=text]');
 820             // Check if input exists or get CEdit edit_box
 821             if ($input.length === 0) {
 822                 $input = $this_a.closest('.edit_area').prev('.edit_box');
 823             }
 824             // Set selected value as input value
 825             $input.val($(this).data('key'));
 826             $dialog.dialog('close');
 827         });
 828         $(formId).on('click', showAllId, function () {
 829             showAll = true;
 830         });
 831         $(formId).on('submit', function (e) {
 832             e.preventDefault();
 833             // if filter value is not equal to old value
 834             // then reset page number to 1
 835             if ($(filterId).val() !== $(filterId).data('old')) {
 836                 $(formId).find('select[name=pos]').val('0');
 837             }
 838             var postParams = $(this).serializeArray();
 839             // if showAll button was clicked to submit form then
 840             // add showAll button parameter to form
 841             if (showAll) {
 842                 postParams.push({
 843                     name: $(showAllId).attr('name'),
 844                     value: $(showAllId).val()
 845                 });
 846             }
 847             // updates values in dialog
 848             $.post($(this).attr('action') + '?ajax_request=1', postParams, function (data) {
 849                 var $obj = $('<div>').html(data.message);
 850                 $(formId).html($obj.find(formId).html());
 851                 $(tableId).html($obj.find(tableId).html());
 852             });
 853             showAll = false;
 854         });
 855     });
 856 }
 857
 858 AJAX.registerOnload('sql.js', function () {
 859     $('body').on('click', 'a.browse_foreign', function (e) {
 860         e.preventDefault();
 861         browseForeignDialog($(this));
 862     });
 863
 864     /**
 865      * vertical column highlighting in horizontal mode when hovering over the column header
 866      */
 867     $(document).on('mouseenter', 'th.column_heading.pointer', function (e) {
 868         PMA_changeClassForColumn($(this), 'hover', true);
 869     });
 870     $(document).on('mouseleave', 'th.column_heading.pointer', function (e) {
 871         PMA_changeClassForColumn($(this), 'hover', false);
 872     });
 873
 874     /**
 875      * vertical column marking in horizontal mode when clicking the column header
 876      */
 877     $(document).on('click', 'th.column_heading.marker', function () {
 878         PMA_changeClassForColumn($(this), 'marked');
 879     });
 880
 881     /**
 882      * create resizable table
 883      */
 884     $('.sqlqueryresults').trigger('makegrid').trigger('stickycolumns');
 885 });
 886
 887 /*
 888  * Profiling Chart
 889  */
 890 function makeProfilingChart () {
 891     if ($('#profilingchart').length === 0 ||
 892         $('#profilingchart').html().length !== 0 ||
 893         !$.jqplot || !$.jqplot.Highlighter || !$.jqplot.PieRenderer
 894     ) {
 895         return;
 896     }
 897
 898     var data = [];
 899     $.each(JSON.parse($('#profilingChartData').html()), function (key, value) {
 900         data.push([key, parseFloat(value)]);
 901     });
 902
 903     // Remove chart and data divs contents
 904     $('#profilingchart').html('').show();
 905     $('#profilingChartData').html('');
 906
 907     PMA_createProfilingChart('profilingchart', data);
 908 }
 909
 910 /*
 911  * initialize profiling data tables
 912  */
 913 function initProfilingTables () {
 914     if (!$.tablesorter) {
 915         return;
 916     }
 917
 918     $('#profiletable').tablesorter({
 919         widgets: ['zebra'],
 920         sortList: [[0, 0]],
 921         textExtraction: function (node) {
 922             if (node.children.length > 0) {
 923                 return node.children[0].innerHTML;
 924             } else {
 925                 return node.innerHTML;
 926             }
 927         }
 928     });
 929
 930     $('#profilesummarytable').tablesorter({
 931         widgets: ['zebra'],
 932         sortList: [[1, 1]],
 933         textExtraction: function (node) {
 934             if (node.children.length > 0) {
 935                 return node.children[0].innerHTML;
 936             } else {
 937                 return node.innerHTML;
 938             }
 939         }
 940     });
 941 }
 942
 943 /*
 944  * Set position, left, top, width of sticky_columns div
 945  */
 946 function setStickyColumnsPosition ($sticky_columns, $table_results, position, top, left, margin_left) {
 947     $sticky_columns
 948         .css('position', position)
 949         .css('top', top)
 950         .css('left', left ? left : 'auto')
 951         .css('margin-left', margin_left ? margin_left : '0px')
 952         .css('width', $table_results.width());
 953 }
 954
 955 /*
 956  * Initialize sticky columns
 957  */
 958 function initStickyColumns ($table_results) {
 959     return $('<table class="sticky_columns"></table>')
 960         .insertBefore($table_results)
 961         .css('position', 'fixed')
 962         .css('z-index', '99')
 963         .css('width', $table_results.width())
 964         .css('margin-left', $('#page_content').css('margin-left'))
 965         .css('top', $('#floating_menubar').height())
 966         .css('display', 'none');
 967 }
 968
 969 /*
 970  * Arrange/Rearrange columns in sticky header
 971  */
 972 function rearrangeStickyColumns ($sticky_columns, $table_results) {
 973     var $originalHeader = $table_results.find('thead');
 974     var $originalColumns = $originalHeader.find('tr:first').children();
 975     var $clonedHeader = $originalHeader.clone();
 976     // clone width per cell
 977     $clonedHeader.find('tr:first').children().width(function (i,val) {
 978         var width = $originalColumns.eq(i).width();
 979         var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
 980         if (! is_firefox) {
 981             width += 1;
 982         }
 983         return width;
 984     });
 985     $sticky_columns.empty().append($clonedHeader);
 986 }
 987
 988 /*
 989  * Adjust sticky columns on horizontal/vertical scroll for all tables
 990  */
 991 function handleAllStickyColumns () {
 992     $('.sticky_columns').each(function () {
 993         handleStickyColumns($(this), $(this).next('.table_results'));
 994     });
 995 }
 996
 997 /*
 998  * Adjust sticky columns on horizontal/vertical scroll
 999  */
1000 function handleStickyColumns ($sticky_columns, $table_results) {
1001     var currentScrollX = $(window).scrollLeft();
1002     var windowOffset = $(window).scrollTop();
1003     var tableStartOffset = $table_results.offset().top;
1004     var tableEndOffset = tableStartOffset + $table_results.height();
1005     if (windowOffset >= tableStartOffset && windowOffset <= tableEndOffset) {
1006         // for horizontal scrolling
1007         if (prevScrollX !== currentScrollX) {
1008             prevScrollX = currentScrollX;
1009             setStickyColumnsPosition($sticky_columns, $table_results, 'absolute', $('#floating_menubar').height() + windowOffset - tableStartOffset);
1010         // for vertical scrolling
1011         } else {
1012             setStickyColumnsPosition($sticky_columns, $table_results, 'fixed', $('#floating_menubar').height(), $('#pma_navigation').width() - currentScrollX, $('#page_content').css('margin-left'));
1013         }
1014         $sticky_columns.show();
1015     } else {
1016         $sticky_columns.hide();
1017     }
1018 }
1019
1020 AJAX.registerOnload('sql.js', function () {
1021     makeProfilingChart();
1022     initProfilingTables();
1023 });