Translated using Weblate (Slovenian)
[phpmyadmin.git] / js / sql.js
blob3ce1d6f61f9ed24b1b8f6b3d704e6f0b18e7dced
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  */
10 var $data_a;
11 var prevScrollX = 0;
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)
21     if (typeof str !== 'undefined') {
22         return decodeURIComponent(str.replace(/\+/g, '%20'));
23     }
26 /**
27  * endecode a string URL_decoded
28  *
29  * @param string str
30  * @return string the URL-encoded string
31  */
32 function PMA_urlencode(str)
34     if (typeof str !== 'undefined') {
35         return encodeURIComponent(str).replace(/\%20/g, '+');
36     }
39 /**
40  * Get the field name for the current field.  Required to construct the query
41  * for grid editing
42  *
43  * @param $table_results enclosing results table
44  * @param $this_field    jQuery object that points to the current field's tr
45  */
46 function getFieldName($table_results, $this_field)
49     var this_field_index = $this_field.index();
50     // ltr or rtl direction does not impact how the DOM was generated
51     // check if the action column in the left exist
52     var left_action_exist = !$table_results.find('th:first').hasClass('draggable');
53     // number of column span for checkbox and Actions
54     var left_action_skip = left_action_exist ? $table_results.find('th:first').attr('colspan') - 1 : 0;
56     // If this column was sorted, the text of the a element contains something
57     // like <small>1</small> that is useful to indicate the order in case
58     // of a sort on multiple columns; however, we dont want this as part
59     // of the column name so we strip it ( .clone() to .end() )
60     var field_name = $table_results
61         .find('thead')
62         .find('th:eq(' + (this_field_index - left_action_skip) + ') a')
63         .clone()    // clone the element
64         .children() // select all the children
65         .remove()   // remove all of them
66         .end()      // go back to the selected element
67         .text();    // grab the text
68     // happens when just one row (headings contain no a)
69     if (field_name === '') {
70         var $heading = $table_results.find('thead').find('th:eq(' + (this_field_index - left_action_skip) + ')').children('span');
71         // may contain column comment enclosed in a span - detach it temporarily to read the column name
72         var $tempColComment = $heading.children().detach();
73         field_name = $heading.text();
74         // re-attach the column comment
75         $heading.append($tempColComment);
76     }
78     field_name = $.trim(field_name);
80     return field_name;
83 /**
84  * Unbind all event handlers before tearing down a page
85  */
86 AJAX.registerTeardown('sql.js', function () {
87     $(document).off('click', 'a.delete_row.ajax');
88     $(document).off('submit', '.bookmarkQueryForm');
89     $('input#bkm_label').unbind('keyup');
90     $(document).off('makegrid', ".sqlqueryresults");
91     $(document).off('stickycolumns', ".sqlqueryresults");
92     $("#togglequerybox").unbind('click');
93     $(document).off('click', "#button_submit_query");
94     $(document).off('change', '#id_bookmark')
95     $("input[name=bookmark_variable]").unbind("keypress");
96     $(document).off('submit', "#sqlqueryform.ajax");
97     $(document).off('click', "input[name=navig].ajax");
98     $(document).off('submit', "form[name='displayOptionsForm'].ajax");
99     $(document).off('mouseenter', 'th.column_heading.pointer');
100     $(document).off('mouseleave', 'th.column_heading.pointer');
101     $(document).off('click', 'th.column_heading.marker');
102     $(window).unbind('scroll');
103     $(document).off("keyup", ".filter_rows");
104     $(document).off('click', "#printView");
105     if (codemirror_editor) {
106         codemirror_editor.off('change');
107     } else {
108         $('#sqlquery').off('input propertychange');
109     }
110     $('body').off('click', '.navigation .showAllRows');
111     $('body').off('click','a.browse_foreign');
112     $('body').off('click', '#simulate_dml');
113     $('body').off('keyup', '#sqlqueryform');
114     $('body').off('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]');
118  * @description <p>Ajax scripts for sql and browse pages</p>
120  * Actions ajaxified here:
121  * <ul>
122  * <li>Retrieve results of an SQL query</li>
123  * <li>Paginate the results table</li>
124  * <li>Sort the results table</li>
125  * <li>Change table according to display options</li>
126  * <li>Grid editing of data</li>
127  * <li>Saving a bookmark</li>
128  * </ul>
130  * @name        document.ready
131  * @memberOf    jQuery
132  */
133 AJAX.registerOnload('sql.js', function () {
135     $(function () {
136         if (codemirror_editor) {
137             codemirror_editor.on('change', function () {
138                 var query = codemirror_editor.getValue();
139                 if (query) {
140                     $.cookie('auto_saved_sql', query);
141                 }
142             });
143         } else {
144             $('#sqlquery').on('input propertychange', function () {
145                 var query = $('#sqlquery').val();
146                 if (query) {
147                     $.cookie('auto_saved_sql', query);
148                 }
149             });
150         }
151     });
153     // Delete row from SQL results
154     $(document).on('click', 'a.delete_row.ajax', function (e) {
155         e.preventDefault();
156         var question =  PMA_sprintf(PMA_messages.strDoYouReally, escapeHtml($(this).closest('td').find('div').text()));
157         var $link = $(this);
158         $link.PMA_confirm(question, $link.attr('href'), function (url) {
159             $msgbox = PMA_ajaxShowMessage();
160             if ($link.hasClass('formLinkSubmit')) {
161                 submitFormLink($link);
162             } else {
163                 $.get(url, {'ajax_request': true, 'is_js_confirmed': true}, function (data) {
164                     if (data.success) {
165                         PMA_ajaxShowMessage(data.message);
166                         $link.closest('tr').remove();
167                     } else {
168                         PMA_ajaxShowMessage(data.error, false);
169                     }
170                 });
171             }
172         });
173     });
175     // Ajaxification for 'Bookmark this SQL query'
176     $(document).on('submit', '.bookmarkQueryForm', function (e) {
177         e.preventDefault();
178         PMA_ajaxShowMessage();
179         $.post($(this).attr('action'), 'ajax_request=1&' + $(this).serialize(), function (data) {
180             if (data.success) {
181                 PMA_ajaxShowMessage(data.message);
182             } else {
183                 PMA_ajaxShowMessage(data.error, false);
184             }
185         });
186     });
188     /* Hides the bookmarkoptions checkboxes when the bookmark label is empty */
189     $('input#bkm_label').keyup(function () {
190         $('input#id_bkm_all_users, input#id_bkm_replace')
191             .parent()
192             .toggle($(this).val().length > 0);
193     }).trigger('keyup');
195     /**
196      * Attach Event Handler for 'Print View'
197      */
198     $(document).on('click', "#printView", function (event) {
199         event.preventDefault();
201         // Print the page
202         printPage();
203     }); //end of Print View action
205     /**
206      * Attach the {@link makegrid} function to a custom event, which will be
207      * triggered manually everytime the table of results is reloaded
208      * @memberOf    jQuery
209      */
210     $(document).on('makegrid', ".sqlqueryresults", function () {
211         $('.table_results').each(function () {
212             PMA_makegrid(this);
213         });
214     });
216     /*
217      * Attach a custom event for sticky column headings which will be
218      * triggered manually everytime the table of results is reloaded
219      * @memberOf    jQuery
220      */
221     $(document).on('stickycolumns', ".sqlqueryresults", function () {
222         $(".sticky_columns").remove();
223         $(".table_results").each(function () {
224             var $table_results = $(this);
225             //add sticky columns div
226             var $stick_columns = initStickyColumns($table_results);
227             rearrangeStickyColumns($stick_columns, $table_results);
228             //adjust sticky columns on scroll
229             $(window).bind('scroll', function() {
230                 handleStickyColumns($stick_columns, $table_results);
231             });
232         });
233     });
235     /**
236      * Append the "Show/Hide query box" message to the query input form
237      *
238      * @memberOf jQuery
239      * @name    appendToggleSpan
240      */
241     // do not add this link more than once
242     if (! $('#sqlqueryform').find('a').is('#togglequerybox')) {
243         $('<a id="togglequerybox"></a>')
244         .html(PMA_messages.strHideQueryBox)
245         .appendTo("#sqlqueryform")
246         // initially hidden because at this point, nothing else
247         // appears under the link
248         .hide();
250         // Attach the toggling of the query box visibility to a click
251         $("#togglequerybox").bind('click', function () {
252             var $link = $(this);
253             $link.siblings().slideToggle("fast");
254             if ($link.text() == PMA_messages.strHideQueryBox) {
255                 $link.text(PMA_messages.strShowQueryBox);
256                 // cheap trick to add a spacer between the menu tabs
257                 // and "Show query box"; feel free to improve!
258                 $('#togglequerybox_spacer').remove();
259                 $link.before('<br id="togglequerybox_spacer" />');
260             } else {
261                 $link.text(PMA_messages.strHideQueryBox);
262             }
263             // avoid default click action
264             return false;
265         });
266     }
269     /**
270      * Event handler for sqlqueryform.ajax button_submit_query
271      *
272      * @memberOf    jQuery
273      */
274     $(document).on('click', "#button_submit_query", function (event) {
275         $(".success,.error").hide();
276         //hide already existing error or success message
277         var $form = $(this).closest("form");
278         // the Go button related to query submission was clicked,
279         // instead of the one related to Bookmarks, so empty the
280         // id_bookmark selector to avoid misinterpretation in
281         // import.php about what needs to be done
282         $form.find("select[name=id_bookmark]").val("");
283         // let normal event propagation happen
284     });
286     /**
287      * Event handler to show appropiate number of variable boxes
288      * based on the bookmarked query
289      */
290     $(document).on('change', '#id_bookmark', function (event) {
292         var varCount = $(this).find('option:selected').data('varcount');
293         if (typeof varCount == 'undefined') {
294             varCount = 0;
295         }
297         var $varDiv = $('#bookmark_variables');
298         $varDiv.empty();
299         for (var i = 1; i <= varCount; i++) {
300             $varDiv.append($('<label for="bookmark_variable_' + i + '">' + PMA_sprintf(PMA_messages.strBookmarkVariable, i) + '</label>'));
301             $varDiv.append($('<input type="text" size="10" name="bookmark_variable[' + i + ']" id="bookmark_variable_' + i + '"></input>'));
302         }
304         if (varCount == 0) {
305             $varDiv.parent('.formelement').hide();
306         } else {
307             $varDiv.parent('.formelement').show();
308         }
309     });
311     /**
312      * Event handler for hitting enter on sqlqueryform bookmark_variable
313      * (the Variable textfield in Bookmarked SQL query section)
314      *
315      * @memberOf    jQuery
316      */
317     $("input[name=bookmark_variable]").bind("keypress", function (event) {
318         // force the 'Enter Key' to implicitly click the #button_submit_bookmark
319         var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
320         if (keycode == 13) { // keycode for enter key
321             // When you press enter in the sqlqueryform, which
322             // has 2 submit buttons, the default is to run the
323             // #button_submit_query, because of the tabindex
324             // attribute.
325             // This submits #button_submit_bookmark instead,
326             // because when you are in the Bookmarked SQL query
327             // section and hit enter, you expect it to do the
328             // same action as the Go button in that section.
329             $("#button_submit_bookmark").click();
330             return false;
331         } else  {
332             return true;
333         }
334     });
336     /**
337      * Ajax Event handler for 'SQL Query Submit'
338      *
339      * @see         PMA_ajaxShowMessage()
340      * @memberOf    jQuery
341      * @name        sqlqueryform_submit
342      */
343     $(document).on('submit', "#sqlqueryform.ajax", function (event) {
344         event.preventDefault();
346         var $form = $(this);
347         if (codemirror_editor) {
348             $form[0].elements.sql_query.value = codemirror_editor.getValue();
349         }
350         if (! checkSqlQuery($form[0])) {
351             return false;
352         }
354         // remove any div containing a previous error message
355         $('div.error').remove();
357         var $msgbox = PMA_ajaxShowMessage();
358         var $sqlqueryresultsouter = $('#sqlqueryresultsouter');
360         PMA_prepareForAjaxRequest($form);
362         $.post($form.attr('action'), $form.serialize() + '&ajax_page_request=true', function (data) {
363             if (typeof data !== 'undefined' && data.success === true) {
364                 // success happens if the query returns rows or not
366                 // show a message that stays on screen
367                 if (typeof data.action_bookmark != 'undefined') {
368                     // view only
369                     if ('1' == data.action_bookmark) {
370                         $('#sqlquery').text(data.sql_query);
371                         // send to codemirror if possible
372                         setQuery(data.sql_query);
373                     }
374                     // delete
375                     if ('2' == data.action_bookmark) {
376                         $("#id_bookmark option[value='" + data.id_bookmark + "']").remove();
377                         // if there are no bookmarked queries now (only the empty option),
378                         // remove the bookmark section
379                         if ($('#id_bookmark option').length == 1) {
380                             $('#fieldsetBookmarkOptions').hide();
381                             $('#fieldsetBookmarkOptionsFooter').hide();
382                         }
383                     }
384                 }
385                 $sqlqueryresultsouter
386                     .show()
387                     .html(data.message);
388                 PMA_highlightSQL($sqlqueryresultsouter);
390                 if (data._menu) {
391                     AJAX.cache.menus.replace(data._menu);
392                     AJAX.cache.menus.add(data._menuHash, data._menu);
393                 } else if (data._menuHash) {
394                     AJAX.cache.menus.replace(AJAX.cache.menus.get(data._menuHash));
395                 }
397                 if (data._params) {
398                     PMA_commonParams.setAll(data._params);
399                 }
401                 if (typeof data.ajax_reload != 'undefined') {
402                     if (data.ajax_reload.reload) {
403                         if (data.ajax_reload.table_name) {
404                             PMA_commonParams.set('table', data.ajax_reload.table_name);
405                             PMA_commonActions.refreshMain();
406                         } else {
407                             PMA_reloadNavigation();
408                         }
409                     }
410                 } else if (typeof data.reload != 'undefined') {
411                     // this happens if a USE or DROP command was typed
412                     PMA_commonActions.setDb(data.db);
413                     var url;
414                     if (data.db) {
415                         if (data.table) {
416                             url = 'table_sql.php';
417                         } else {
418                             url = 'db_sql.php';
419                         }
420                     } else {
421                         url = 'server_sql.php';
422                     }
423                     PMA_commonActions.refreshMain(url, function () {
424                         $('#sqlqueryresultsouter')
425                             .show()
426                             .html(data.message);
427                         PMA_highlightSQL($('#sqlqueryresultsouter'));
428                     });
429                 }
431                 $('.sqlqueryresults').trigger('makegrid').trigger('stickycolumns');
432                 $('#togglequerybox').show();
433                 PMA_init_slider();
435                 if (typeof data.action_bookmark == 'undefined') {
436                     if ($('#sqlqueryform input[name="retain_query_box"]').is(':checked') !== true) {
437                         if ($("#togglequerybox").siblings(":visible").length > 0) {
438                             $("#togglequerybox").trigger('click');
439                         }
440                     }
441                 }
442             } else if (typeof data !== 'undefined' && data.success === false) {
443                 // show an error message that stays on screen
444                 $sqlqueryresultsouter
445                     .show()
446                     .html(data.error);
447             }
448             PMA_ajaxRemoveMessage($msgbox);
449         }); // end $.post()
450     }); // end SQL Query submit
452     /**
453      * Ajax Event handler for the display options
454      * @memberOf    jQuery
455      * @name        displayOptionsForm_submit
456      */
457     $(document).on('submit', "form[name='displayOptionsForm'].ajax", function (event) {
458         event.preventDefault();
460         $form = $(this);
462         var $msgbox = PMA_ajaxShowMessage();
463         $.post($form.attr('action'), $form.serialize() + '&ajax_request=true', function (data) {
464             PMA_ajaxRemoveMessage($msgbox);
465             var $sqlqueryresults = $form.parents(".sqlqueryresults");
466             $sqlqueryresults
467              .html(data.message)
468              .trigger('makegrid')
469              .trigger('stickycolumns');
470             PMA_init_slider();
471             PMA_highlightSQL($sqlqueryresults);
472         }); // end $.post()
473     }); //end displayOptionsForm handler
475     // Filter row handling. --STARTS--
476     $(document).on("keyup", ".filter_rows", function () {
477         var unique_id = $(this).data("for");
478         var $target_table = $(".table_results[data-uniqueId='" + unique_id + "']");
479         var $header_cells = $target_table.find("th[data-column]");
480         var target_columns = Array();
481         // To handle colspan=4, in case of edit,copy etc options.
482         var dummy_th = ($(".edit_row_anchor").length !== 0 ?
483             '<th class="hide dummy_th"></th><th class="hide dummy_th"></th><th class="hide dummy_th"></th>'
484             : '');
485         // Selecting columns that will be considered for filtering and searching.
486         $header_cells.each(function () {
487             target_columns.push($.trim($(this).text()));
488         });
490         var phrase = $(this).val();
491         // Set same value to both Filter rows fields.
492         $(".filter_rows[data-for='" + unique_id + "']").not(this).val(phrase);
493         // Handle colspan.
494         $target_table.find("thead > tr").prepend(dummy_th);
495         $.uiTableFilter($target_table, phrase, target_columns);
496         $target_table.find("th.dummy_th").remove();
497     });
498     // Filter row handling. --ENDS--
500     // Prompt to confirm on Show All
501     $('body').on('click', '.navigation .showAllRows', function (e) {
502         e.preventDefault();
503         var $form = $(this).parents('form');
505         if (! $(this).is(':checked')) { // already showing all rows
506             submitShowAllForm();
507         } else {
508             $form.PMA_confirm(PMA_messages.strShowAllRowsWarning, $form.attr('action'), function (url) {
509                 submitShowAllForm();
510             });
511         }
513         function submitShowAllForm() {
514             var submitData = $form.serialize() + '&ajax_request=true&ajax_page_request=true';
515             PMA_ajaxShowMessage();
516             AJAX.source = $form;
517             $.post($form.attr('action'), submitData, AJAX.responseHandler);
518         }
519     });
521     $('body').on('keyup', '#sqlqueryform', function () {
522         PMA_handleSimulateQueryButton();
523     });
525     /**
526      * Ajax event handler for 'Simulate DML'.
527      */
528     $('body').on('click', '#simulate_dml', function () {
529         var $form = $('#sqlqueryform');
530         var query = '';
531         var delimiter = $('#id_sql_delimiter').val();
532         var db_name = $form.find('input[name="db"]').val();
534         if (codemirror_editor) {
535             query = codemirror_editor.getValue();
536         } else {
537             query = $('#sqlquery').val();
538         }
540         if (query.length === 0) {
541             alert(PMA_messages.strFormEmpty);
542             $('#sqlquery').focus();
543             return false;
544         }
546         var $msgbox = PMA_ajaxShowMessage();
547         $.ajax({
548             type: 'POST',
549             url: $form.attr('action'),
550             data: {
551                 token: $form.find('input[name="token"]').val(),
552                 db: db_name,
553                 ajax_request: '1',
554                 simulate_dml: '1',
555                 sql_query: query,
556                 sql_delimiter: delimiter
557             },
558             success: function (response) {
559                 PMA_ajaxRemoveMessage($msgbox);
560                 if (response.success) {
561                     var dialog_content = '<div class="preview_sql">';
562                     if (response.sql_data) {
563                         var len = response.sql_data.length;
564                         for (var i=0; i<len; i++) {
565                             dialog_content += '<strong>' + PMA_messages.strSQLQuery +
566                                 '</strong>' + response.sql_data[i].sql_query +
567                                 PMA_messages.strMatchedRows +
568                                 ' <a href="' + response.sql_data[i].matched_rows_url +
569                                 '">' + response.sql_data[i].matched_rows + '</a><br>';
570                             if (i<len-1) {
571                                 dialog_content += '<hr>';
572                             }
573                         }
574                     } else {
575                         dialog_content += response.message;
576                     }
577                     dialog_content += '</div>';
578                     var $dialog_content = $(dialog_content);
579                     var button_options = {};
580                     button_options[PMA_messages.strClose] = function () {
581                         $(this).dialog('close');
582                     };
583                     var $response_dialog = $('<div />').append($dialog_content).dialog({
584                         minWidth: 540,
585                         maxHeight: 400,
586                         modal: true,
587                         buttons: button_options,
588                         title: PMA_messages.strSimulateDML,
589                         open: function () {
590                             PMA_highlightSQL($(this));
591                         },
592                         close: function () {
593                             $(this).remove();
594                         }
595                     });
596                 } else {
597                     PMA_ajaxShowMessage(response.error);
598                 }
599             },
600             error: function (response) {
601                 PMA_ajaxShowMessage(PMA_messages.strErrorProcessingRequest);
602             }
603         });
604     });
606     /**
607      * Handles multi submits of results browsing page such as edit, delete and export
608      */
609     $('body').on('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]', function (e) {
610         e.preventDefault();
611         var $button = $(this);
612         var $form = $button.closest('form');
613         var submitData = $form.serialize() + '&ajax_request=true&ajax_page_request=true&submit_mult=' + $button.val();
614         PMA_ajaxShowMessage();
615         $.post($form.attr('action'), submitData, AJAX.responseHandler);
616     });
617 }); // end $()
620  * Starting from some th, change the class of all td under it.
621  * If isAddClass is specified, it will be used to determine whether to add or remove the class.
622  */
623 function PMA_changeClassForColumn($this_th, newclass, isAddClass)
625     // index 0 is the th containing the big T
626     var th_index = $this_th.index();
627     var has_big_t = $this_th.closest('tr').children(':first').hasClass('column_action');
628     // .eq() is zero-based
629     if (has_big_t) {
630         th_index--;
631     }
632     var $tds = $this_th.parents(".table_results").find('tbody tr').find('td.data:eq(' + th_index + ')');
633     if (isAddClass === undefined) {
634         $tds.toggleClass(newclass);
635     } else {
636         $tds.toggleClass(newclass, isAddClass);
637     }
641  * Handles browse foreign values modal dialog
643  * @param object $this_a reference to the browse foreign value link
644  */
645 function browseForeignDialog($this_a)
647     var formId = '#browse_foreign_form';
648     var showAllId = '#foreign_showAll';
649     var tableId = '#browse_foreign_table';
650     var filterId = '#input_foreign_filter';
651     var $dialog = null;
652     $.get($this_a.attr('href'), {'ajax_request': true}, function (data) {
653         // Creates browse foreign value dialog
654         $dialog = $('<div>').append(data.message).dialog({
655             title: PMA_messages.strBrowseForeignValues,
656             width: Math.min($(window).width() - 100, 700),
657             maxHeight: $(window).height() - 100,
658             dialogClass: 'browse_foreign_modal',
659             close: function (ev, ui) {
660                 // remove event handlers attached to elements related to dialog
661                 $(tableId).off('click', 'td a.foreign_value');
662                 $(formId).off('click', showAllId);
663                 $(formId).off('submit');
664                 // remove dialog itself
665                 $(this).remove();
666             },
667             modal: true
668         });
669     }).done(function () {
670         var showAll = false;
671         $(tableId).on('click', 'td a.foreign_value', function (e) {
672             e.preventDefault();
673             var $input = $this_a.prev('input[type=text]');
674             // Check if input exists or get CEdit edit_box
675             if ($input.length === 0 ) {
676                 $input = $this_a.closest('.edit_area').prev('.edit_box');
677             }
678             // Set selected value as input value
679             $input.val($(this).data('key'));
680             $dialog.dialog('close');
681         });
682         $(formId).on('click', showAllId, function () {
683             showAll = true;
684         });
685         $(formId).on('submit', function (e) {
686             e.preventDefault();
687             // if filter value is not equal to old value
688             // then reset page number to 1
689             if ($(filterId).val() != $(filterId).data('old')) {
690                 $(formId).find('select[name=pos]').val('0');
691             }
692             var postParams = $(this).serializeArray();
693             // if showAll button was clicked to submit form then
694             // add showAll button parameter to form
695             if (showAll) {
696                 postParams.push({
697                     name: $(showAllId).attr('name'),
698                     value: $(showAllId).val()
699                 });
700             }
701             // updates values in dialog
702             $.post($(this).attr('action') + '?ajax_request=1', postParams, function (data) {
703                 var $obj = $('<div>').html(data.message);
704                 $(formId).html($obj.find(formId).html());
705                 $(tableId).html($obj.find(tableId).html());
706             });
707             showAll = false;
708         });
709     });
712 AJAX.registerOnload('sql.js', function () {
713     $('body').on('click', 'a.browse_foreign', function (e) {
714         e.preventDefault();
715         browseForeignDialog($(this));
716     });
718     /**
719      * vertical column highlighting in horizontal mode when hovering over the column header
720      */
721     $(document).on('mouseenter', 'th.column_heading.pointer', function (e) {
722         PMA_changeClassForColumn($(this), 'hover', true);
723     });
724     $(document).on('mouseleave', 'th.column_heading.pointer', function (e) {
725         PMA_changeClassForColumn($(this), 'hover', false);
726     });
728     /**
729      * vertical column marking in horizontal mode when clicking the column header
730      */
731     $(document).on('click', 'th.column_heading.marker', function () {
732         PMA_changeClassForColumn($(this), 'marked');
733     });
735     /**
736      * create resizable table
737      */
738     $(".sqlqueryresults").trigger('makegrid').trigger('stickycolumns');
742  * Profiling Chart
743  */
744 function makeProfilingChart()
746     if ($('#profilingchart').length === 0 ||
747         $('#profilingchart').html().length !== 0 ||
748         !$.jqplot || !$.jqplot.Highlighter || !$.jqplot.PieRenderer
749     ) {
750         return;
751     }
753     var data = [];
754     $.each(jQuery.parseJSON($('#profilingChartData').html()), function (key, value) {
755         data.push([key, parseFloat(value)]);
756     });
758     // Remove chart and data divs contents
759     $('#profilingchart').html('').show();
760     $('#profilingChartData').html('');
762     PMA_createProfilingChartJqplot('profilingchart', data);
766  * initialize profiling data tables
767  */
768 function initProfilingTables()
770     if (!$.tablesorter) {
771         return;
772     }
774     $('#profiletable').tablesorter({
775         widgets: ['zebra'],
776         sortList: [[0, 0]],
777         textExtraction: function (node) {
778             if (node.children.length > 0) {
779                 return node.children[0].innerHTML;
780             } else {
781                 return node.innerHTML;
782             }
783         }
784     });
786     $('#profilesummarytable').tablesorter({
787         widgets: ['zebra'],
788         sortList: [[1, 1]],
789         textExtraction: function (node) {
790             if (node.children.length > 0) {
791                 return node.children[0].innerHTML;
792             } else {
793                 return node.innerHTML;
794             }
795         }
796     });
800  * Set position, left, top, width of sticky_columns div
801  */
802 function setStickyColumnsPosition($sticky_columns, $table_results, position, top, left, margin_left) {
803     $sticky_columns
804         .css("position", position)
805         .css("top", top)
806         .css("left", left ? left : "auto")
807         .css("margin-left", margin_left ? margin_left : "0px")
808         .css("width", $table_results.width());
812  * Initialize sticky columns
813  */
814 function initStickyColumns($table_results) {
815     var $sticky_columns = $('<table class="sticky_columns"></table>')
816             .insertBefore($table_results)
817             .css("position", "fixed")
818             .css("z-index", "99")
819             .css("width", $table_results.width())
820             .css("margin-left", $('#page_content').css("margin-left"))
821             .css("top", $('#floating_menubar').height())
822             .css("display", "none");
823     return $sticky_columns;
827  * Arrange/Rearrange columns in sticky header
828  */
829 function rearrangeStickyColumns($sticky_columns, $table_results) {
830     var $originalHeader = $table_results.find("thead");
831     var $originalColumns = $originalHeader.find("tr:first").children();
832     var $clonedHeader = $originalHeader.clone();
833     // clone width per cell
834     $clonedHeader.find("tr:first").children().width(function(i,val) {
835         var width = $originalColumns.eq(i).width();
836         var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
837         if (! is_firefox) {
838             width += 1;
839         }
840         return width;
841     });
842     $sticky_columns.empty().append($clonedHeader);
846  * Adjust sticky columns on horizontal/vertical scroll for all tables
847  */
848 function handleAllStickyColumns() {
849     $('.sticky_columns').each(function () {
850         handleStickyColumns($(this), $(this).next('.table_results'));
851     });
855  * Adjust sticky columns on horizontal/vertical scroll
856  */
857 function handleStickyColumns($sticky_columns, $table_results) {
858     var currentScrollX = $(window).scrollLeft();
859     var windowOffset = $(window).scrollTop();
860     var tableStartOffset = $table_results.offset().top;
861     var tableEndOffset = tableStartOffset + $table_results.height();
862     if (windowOffset >= tableStartOffset && windowOffset <= tableEndOffset) {
863         //for horizontal scrolling
864         if(prevScrollX != currentScrollX) {
865             prevScrollX = currentScrollX;
866             setStickyColumnsPosition($sticky_columns, $table_results, "absolute", $('#floating_menubar').height() + windowOffset - tableStartOffset);
867         //for vertical scrolling
868         } else {
869             setStickyColumnsPosition($sticky_columns, $table_results, "fixed", $('#floating_menubar').height(), $("#pma_navigation").width() - currentScrollX, $('#page_content').css("margin-left"));
870         }
871         $sticky_columns.show();
872     } else {
873         $sticky_columns.hide();
874     }
877 AJAX.registerOnload('sql.js', function () {
878     makeProfilingChart();
879     initProfilingTables();