text: "use strict";
  
  /**
   * @fileoverview    functions used wherever an sql query form is used
   *
   * @requires    jQuery
   * @requires    js/functions.js
   *
   * @test-module Sql
   */
  
  /* global Stickyfill */
  
  /* global isStorageSupported */
  // js/config.js
  
  /* global codeMirrorEditor */
  // js/functions.js
  
  /* global MicroHistory */
  // js/microhistory.js
  
  /* global makeGrid */
  // js/makegrid.js
  var Sql = {};
  /**
   * decode a string URL_encoded
   *
   * @param string str
   * @return string the URL-decoded string
   */
  
  Sql.urlDecode = function (str) {
    if (typeof str !== 'undefined') {
      return decodeURIComponent(str.replace(/\+/g, '%20'));
    }
  };
  /**
   * encode a string URL_decoded
   *
   * @param string str
   * @return string the URL-encoded string
   */
  
  
  Sql.urlEncode = function (str) {
    if (typeof str !== 'undefined') {
      return encodeURIComponent(str).replace(/%20/g, '+');
    }
  };
  /**
   * Saves SQL query in local storage or cookie
   *
   * @param string SQL query
   * @return void
   */
  
  
  Sql.autoSave = function (query) {
    if (query) {
      var key = Sql.getAutoSavedKey();
  
      if (isStorageSupported('localStorage')) {
        window.localStorage.setItem(key, query);
      } else {
        Cookies.set(key, query);
      }
    }
  };
  /**
   * Saves SQL query in local storage or cookie
   *
   * @param string database name
   * @param string table name
   * @param string SQL query
   * @return void
   */
  
  
  Sql.showThisQuery = function (db, table, query) {
    var showThisQueryObject = {
      'db': db,
      'table': table,
      'query': query
    };
  
    if (isStorageSupported('localStorage')) {
      window.localStorage.showThisQuery = 1;
      window.localStorage.showThisQueryObject = JSON.stringify(showThisQueryObject);
    } else {
      Cookies.set('showThisQuery', 1);
      Cookies.set('showThisQueryObject', JSON.stringify(showThisQueryObject));
    }
  };
  /**
   * Set query to codemirror if show this query is
   * checked and query for the db and table pair exists
   */
  
  
  Sql.setShowThisQuery = function () {
    var db = $('input[name="db"]').val();
    var table = $('input[name="table"]').val();
  
    if (isStorageSupported('localStorage')) {
      if (window.localStorage.showThisQueryObject !== undefined) {
        var storedDb = JSON.parse(window.localStorage.showThisQueryObject).db;
        var storedTable = JSON.parse(window.localStorage.showThisQueryObject).table;
        var storedQuery = JSON.parse(window.localStorage.showThisQueryObject).query;
      }
  
      if (window.localStorage.showThisQuery !== undefined && window.localStorage.showThisQuery === '1') {
        $('input[name="show_query"]').prop('checked', true);
  
        if (db === storedDb && table === storedTable) {
          if (codeMirrorEditor) {
            codeMirrorEditor.setValue(storedQuery);
          } else if (document.sqlform) {
            document.sqlform.sql_query.value = storedQuery;
          }
        }
      } else {
        $('input[name="show_query"]').prop('checked', false);
      }
    }
  };
  /**
   * Saves SQL query with sort in local storage or cookie
   *
   * @param {String} query SQL query
   * @return void
   */
  
  
  Sql.autoSaveWithSort = function (query) {
    if (query) {
      if (isStorageSupported('localStorage')) {
        window.localStorage.setItem('autoSavedSqlSort', query);
      } else {
        Cookies.set('autoSavedSqlSort', query);
      }
    }
  };
  /**
   * Clear saved SQL query with sort in local storage or cookie
   *
   * @return void
   */
  
  
  Sql.clearAutoSavedSort = function () {
    if (isStorageSupported('localStorage')) {
      window.localStorage.removeItem('autoSavedSqlSort');
    } else {
      Cookies.set('autoSavedSqlSort', '');
    }
  };
  /**
   * Get the field name for the current field.  Required to construct the query
   * for grid editing
   *
   * @param $tableResults enclosing results table
   * @param $thisField    jQuery object that points to the current field's tr
   */
  
  
  Sql.getFieldName = function ($tableResults, $thisField) {
    var thisFieldIndex = $thisField.index(); // ltr or rtl direction does not impact how the DOM was generated
    // check if the action column in the left exist
  
    var leftActionExist = !$tableResults.find('th').first().hasClass('draggable'); // number of column span for checkbox and Actions
  
    var leftActionSkip = leftActionExist ? $tableResults.find('th').first().attr('colspan') - 1 : 0; // If this column was sorted, the text of the a element contains something
    // like <small>1</small> that is useful to indicate the order in case
    // of a sort on multiple columns; however, we dont want this as part
    // of the column name so we strip it ( .clone() to .end() )
  
    var fieldName = $tableResults.find('thead').find('th').eq(thisFieldIndex - leftActionSkip).find('a').clone() // clone the element
    .children() // select all the children
    .remove() // remove all of them
    .end() // go back to the selected element
    .text(); // grab the text
    // happens when just one row (headings contain no a)
  
    if (fieldName === '') {
      var $heading = $tableResults.find('thead').find('th').eq(thisFieldIndex - leftActionSkip).children('span'); // may contain column comment enclosed in a span - detach it temporarily to read the column name
  
      var $tempColComment = $heading.children().detach();
      fieldName = $heading.text(); // re-attach the column comment
  
      $heading.append($tempColComment);
    }
  
    fieldName = fieldName.trim();
    return fieldName;
  };
  /**
   * Unbind all event handlers before tearing down a page
   */
  
  
  AJAX.registerTeardown('sql.js', function () {
    $(document).off('click', 'a.delete_row.ajax');
    $(document).off('submit', '.bookmarkQueryForm');
    $('input#bkm_label').off('input');
    $(document).off('makegrid', '.sqlqueryresults');
    $('#togglequerybox').off('click');
    $(document).off('click', '#button_submit_query');
    $(document).off('change', '#id_bookmark');
    $('input[name=\'bookmark_variable\']').off('keypress');
    $(document).off('submit', '#sqlqueryform.ajax');
    $(document).off('click', 'input[name=navig].ajax');
    $(document).off('submit', 'form[name=\'displayOptionsForm\'].ajax');
    $(document).off('mouseenter', 'th.column_heading.pointer');
    $(document).off('mouseleave', 'th.column_heading.pointer');
    $(document).off('click', 'th.column_heading.marker');
    $(document).off('scroll', window);
    $(document).off('keyup', '.filter_rows');
    $(document).off('click', '#printView');
  
    if (codeMirrorEditor) {
      codeMirrorEditor.off('change');
    } else {
      $('#sqlquery').off('input propertychange');
    }
  
    $('body').off('click', '.navigation .showAllRows');
    $('body').off('click', 'a.browse_foreign');
    $('body').off('click', '#simulate_dml');
    $('body').off('keyup', '#sqlqueryform');
    $('body').off('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]');
    $(document).off('submit', '#maxRowsForm');
  });
  /**
   * @description <p>Ajax scripts for sql and browse pages</p>
   *
   * Actions ajaxified here:
   * <ul>
   * <li>Retrieve results of an SQL query</li>
   * <li>Paginate the results table</li>
   * <li>Sort the results table</li>
   * <li>Change table according to display options</li>
   * <li>Grid editing of data</li>
   * <li>Saving a bookmark</li>
   * </ul>
   *
   * @name        document.ready
   * @memberOf    jQuery
   */
  
  AJAX.registerOnload('sql.js', function () {
    if (codeMirrorEditor || document.sqlform) {
      Sql.setShowThisQuery();
    }
  
    $(function () {
      if (codeMirrorEditor) {
        codeMirrorEditor.on('change', function () {
          Sql.autoSave(codeMirrorEditor.getValue());
        });
      } else {
        $('#sqlquery').on('input propertychange', function () {
          Sql.autoSave($('#sqlquery').val());
        });
        var useLocalStorageValue = isStorageSupported('localStorage') && typeof window.localStorage.autoSavedSqlSort !== 'undefined'; // Save sql query with sort
  
        if ($('#RememberSorting') !== undefined && $('#RememberSorting').is(':checked')) {
          $('select[name="sql_query"]').on('change', function () {
            Sql.autoSaveWithSort($(this).val());
          });
          $('.sortlink').on('click', function () {
            Sql.clearAutoSavedSort();
          });
        } else {
          Sql.clearAutoSavedSort();
        } // If sql query with sort for current table is stored, change sort by key select value
  
  
        var sortStoredQuery = useLocalStorageValue ? window.localStorage.autoSavedSqlSort : Cookies.get('autoSavedSqlSort');
  
        if (typeof sortStoredQuery !== 'undefined' && sortStoredQuery !== $('select[name="sql_query"]').val() && $('select[name="sql_query"] option[value="' + sortStoredQuery + '"]').length !== 0) {
          $('select[name="sql_query"]').val(sortStoredQuery).trigger('change');
        }
      }
    }); // Delete row from SQL results
  
    $(document).on('click', 'a.delete_row.ajax', function (e) {
      e.preventDefault();
      var question = Functions.sprintf(Messages.strDoYouReally, Functions.escapeHtml($(this).closest('td').find('div').text()));
      var $link = $(this);
      $link.confirm(question, $link.attr('href'), function (url) {
        Functions.ajaxShowMessage();
        var argsep = CommonParams.get('arg_separator');
        var params = 'ajax_request=1' + argsep + 'is_js_confirmed=1';
        var postData = $link.getPostData();
  
        if (postData) {
          params += argsep + postData;
        }
  
        $.post(url, params, function (data) {
          if (data.success) {
            Functions.ajaxShowMessage(data.message);
            $link.closest('tr').remove();
          } else {
            Functions.ajaxShowMessage(data.error, false);
          }
        });
      });
    }); // Ajaxification for 'Bookmark this SQL query'
  
    $(document).on('submit', '.bookmarkQueryForm', function (e) {
      e.preventDefault();
      Functions.ajaxShowMessage();
      var argsep = CommonParams.get('arg_separator');
      $.post($(this).attr('action'), 'ajax_request=1' + argsep + $(this).serialize(), function (data) {
        if (data.success) {
          Functions.ajaxShowMessage(data.message);
        } else {
          Functions.ajaxShowMessage(data.error, false);
        }
      });
    });
    /* Hides the bookmarkoptions checkboxes when the bookmark label is empty */
  
    $('input#bkm_label').on('input', function () {
      $('input#id_bkm_all_users, input#id_bkm_replace').parent().toggle($(this).val().length > 0);
    }).trigger('input');
    /**
     * Attach Event Handler for 'Copy to clipboard'
     */
  
    $(document).on('click', '#copyToClipBoard', function (event) {
      event.preventDefault();
      var textArea = document.createElement('textarea'); //
      // *** This styling is an extra step which is likely not required. ***
      //
      // Why is it here? To ensure:
      // 1. the element is able to have focus and selection.
      // 2. if element was to flash render it has minimal visual impact.
      // 3. less flakyness with selection and copying which **might** occur if
      //    the textarea element is not visible.
      //
      // The likelihood is the element won't even render, not even a flash,
      // so some of these are just precautions. However in IE the element
      // is visible whilst the popup box asking the user for permission for
      // the web page to copy to the clipboard.
      //
      // Place in top-left corner of screen regardless of scroll position.
  
      textArea.style.position = 'fixed';
      textArea.style.top = 0;
      textArea.style.left = 0; // Ensure it has a small width and height. Setting to 1px / 1em
      // doesn't work as this gives a negative w/h on some browsers.
  
      textArea.style.width = '2em';
      textArea.style.height = '2em'; // We don't need padding, reducing the size if it does flash render.
  
      textArea.style.padding = 0; // Clean up any borders.
  
      textArea.style.border = 'none';
      textArea.style.outline = 'none';
      textArea.style.boxShadow = 'none'; // Avoid flash of white box if rendered for any reason.
  
      textArea.style.background = 'transparent';
      textArea.value = '';
      $('#server-breadcrumb a').each(function () {
        textArea.value += $(this).data('raw-text') + '/';
      });
      textArea.value += '\t\t' + window.location.href;
      textArea.value += '\n';
      $('.alert-success').each(function () {
        textArea.value += $(this).text() + '\n\n';
      });
      $('.sql pre').each(function () {
        textArea.value += $(this).text() + '\n\n';
      });
      $('.table_results .column_heading a').each(function () {
        // Don't copy ordering number text within <small> tag
        textArea.value += $(this).clone().find('small').remove().end().text() + '\t';
      });
      textArea.value += '\n';
      $('.table_results tbody tr').each(function () {
        $(this).find('.data span').each(function () {
          textArea.value += $(this).text() + '\t';
        });
        textArea.value += '\n';
      });
      document.body.appendChild(textArea);
      textArea.select();
  
      try {
        document.execCommand('copy');
      } catch (err) {
        alert('Sorry! Unable to copy');
      }
  
      document.body.removeChild(textArea);
    }); // end of Copy to Clipboard action
  
    /**
     * Attach Event Handler for 'Print' link
     */
  
    $(document).on('click', '#printView', function (event) {
      event.preventDefault(); // Take to preview mode
  
      Functions.printPreview();
    }); // end of 'Print' action
  
    /**
     * Attach the {@link makegrid} function to a custom event, which will be
     * triggered manually everytime the table of results is reloaded
     * @memberOf    jQuery
     */
  
    $(document).on('makegrid', '.sqlqueryresults', function () {
      $('.table_results').each(function () {
        makeGrid(this);
      });
    });
    /**
     * Append the "Show/Hide query box" message to the query input form
     *
     * @memberOf jQuery
     * @name    appendToggleSpan
     */
    // do not add this link more than once
  
    if (!$('#sqlqueryform').find('button').is('#togglequerybox')) {
      $('<button class="btn btn-secondary" id="togglequerybox"></button>').html(Messages.strHideQueryBox).appendTo('#sqlqueryform') // initially hidden because at this point, nothing else
      // appears under the link
      .hide(); // Attach the toggling of the query box visibility to a click
  
      $('#togglequerybox').on('click', function () {
        var $link = $(this);
        $link.siblings().slideToggle('fast');
  
        if ($link.text() === Messages.strHideQueryBox) {
          $link.text(Messages.strShowQueryBox); // cheap trick to add a spacer between the menu tabs
          // and "Show query box"; feel free to improve!
  
          $('#togglequerybox_spacer').remove();
          $link.before('<br id="togglequerybox_spacer">');
        } else {
          $link.text(Messages.strHideQueryBox);
        } // avoid default click action
  
  
        return false;
      });
    }
    /**
     * Event handler for sqlqueryform.ajax button_submit_query
     *
     * @memberOf    jQuery
     */
  
  
    $(document).on('click', '#button_submit_query', function () {
      $('.alert-success,.alert-danger').hide(); // hide already existing error or success message
  
      var $form = $(this).closest('form'); // the Go button related to query submission was clicked,
      // instead of the one related to Bookmarks, so empty the
      // id_bookmark selector to avoid misinterpretation in
      // /import about what needs to be done
  
      $form.find('select[name=id_bookmark]').val('');
      var isShowQuery = $('input[name="show_query"]').is(':checked');
  
      if (isShowQuery) {
        window.localStorage.showThisQuery = '1';
        var db = $('input[name="db"]').val();
        var table = $('input[name="table"]').val();
        var query;
  
        if (codeMirrorEditor) {
          query = codeMirrorEditor.getValue();
        } else {
          query = $('#sqlquery').val();
        }
  
        Sql.showThisQuery(db, table, query);
      } else {
        window.localStorage.showThisQuery = '0';
      }
    });
    /**
     * Event handler to show appropriate number of variable boxes
     * based on the bookmarked query
     */
  
    $(document).on('change', '#id_bookmark', function () {
      var varCount = $(this).find('option:selected').data('varcount');
  
      if (typeof varCount === 'undefined') {
        varCount = 0;
      }
  
      var $varDiv = $('#bookmarkVariables');
      $varDiv.empty();
  
      for (var i = 1; i <= varCount; i++) {
        $varDiv.append($('<div class="form-group">'));
        $varDiv.append($('<label for="bookmarkVariable' + i + '">' + Functions.sprintf(Messages.strBookmarkVariable, i) + '</label>'));
        $varDiv.append($('<input class="form-control" type="text" size="10" name="bookmark_variable[' + i + ']" id="bookmarkVariable' + i + '">'));
        $varDiv.append($('</div>'));
      }
  
      if (varCount === 0) {
        $varDiv.parent().hide();
      } else {
        $varDiv.parent().show();
      }
    });
    /**
     * Event handler for hitting enter on sqlqueryform bookmark_variable
     * (the Variable textfield in Bookmarked SQL query section)
     *
     * @memberOf    jQuery
     */
  
    $('input[name=bookmark_variable]').on('keypress', function (event) {
      // force the 'Enter Key' to implicitly click the #button_submit_bookmark
      var keycode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  
      if (keycode === 13) {
        // keycode for enter key
        // When you press enter in the sqlqueryform, which
        // has 2 submit buttons, the default is to run the
        // #button_submit_query, because of the tabindex
        // attribute.
        // This submits #button_submit_bookmark instead,
        // because when you are in the Bookmarked SQL query
        // section and hit enter, you expect it to do the
        // same action as the Go button in that section.
        $('#button_submit_bookmark').trigger('click');
        return false;
      } else {
        return true;
      }
    });
    /**
     * Ajax Event handler for 'SQL Query Submit'
     *
     * @see         Functions.ajaxShowMessage()
     * @memberOf    jQuery
     * @name        sqlqueryform_submit
     */
  
    $(document).on('submit', '#sqlqueryform.ajax', function (event) {
      event.preventDefault();
      var $form = $(this);
  
      if (codeMirrorEditor) {
        $form[0].elements.sql_query.value = codeMirrorEditor.getValue();
      }
  
      if (!Functions.checkSqlQuery($form[0])) {
        return false;
      } // remove any div containing a previous error message
  
  
      $('.alert-danger').remove();
      var $msgbox = Functions.ajaxShowMessage();
      var $sqlqueryresultsouter = $('#sqlqueryresultsouter');
      Functions.prepareForAjaxRequest($form);
      var argsep = CommonParams.get('arg_separator');
      $.post($form.attr('action'), $form.serialize() + argsep + 'ajax_page_request=true', function (data) {
        if (typeof data !== 'undefined' && data.success === true) {
          // success happens if the query returns rows or not
          // show a message that stays on screen
          if (typeof data.action_bookmark !== 'undefined') {
            // view only
            if ('1' === data.action_bookmark) {
              $('#sqlquery').text(data.sql_query); // send to codemirror if possible
  
              Functions.setQuery(data.sql_query);
            } // delete
  
  
            if ('2' === data.action_bookmark) {
              $('#id_bookmark option[value=\'' + data.id_bookmark + '\']').remove(); // if there are no bookmarked queries now (only the empty option),
              // remove the bookmark section
  
              if ($('#id_bookmark option').length === 1) {
                $('#fieldsetBookmarkOptions').hide();
                $('#fieldsetBookmarkOptionsFooter').hide();
              }
            }
          }
  
          $sqlqueryresultsouter.show().html(data.message);
          Functions.highlightSql($sqlqueryresultsouter);
  
          if (data.menu) {
            if (history && history.pushState) {
              history.replaceState({
                menu: data.menu
              }, null);
              AJAX.handleMenu.replace(data.menu);
            } else {
              MicroHistory.menus.replace(data.menu);
              MicroHistory.menus.add(data.menuHash, data.menu);
            }
          } else if (data.menuHash) {
            if (!(history && history.pushState)) {
              MicroHistory.menus.replace(MicroHistory.menus.get(data.menuHash));
            }
          }
  
          if (data.params) {
            CommonParams.setAll(data.params);
          }
  
          if (typeof data.ajax_reload !== 'undefined') {
            if (data.ajax_reload.reload) {
              if (data.ajax_reload.table_name) {
                CommonParams.set('table', data.ajax_reload.table_name);
                CommonActions.refreshMain();
              } else {
                Navigation.reload();
              }
            }
          } else if (typeof data.reload !== 'undefined') {
            // this happens if a USE or DROP command was typed
            CommonActions.setDb(data.db);
            var url;
  
            if (data.db) {
              if (data.table) {
                url = 'index.php?route=/table/sql';
              } else {
                url = 'index.php?route=/database/sql';
              }
            } else {
              url = 'index.php?route=/server/sql';
            }
  
            CommonActions.refreshMain(url, function () {
              $('#sqlqueryresultsouter').show().html(data.message);
              Functions.highlightSql($('#sqlqueryresultsouter'));
            });
          }
  
          $('.sqlqueryresults').trigger('makegrid');
          $('#togglequerybox').show();
          Functions.initSlider();
  
          if (typeof data.action_bookmark === 'undefined') {
            if ($('#sqlqueryform input[name="retain_query_box"]').is(':checked') !== true) {
              if ($('#togglequerybox').siblings(':visible').length > 0) {
                $('#togglequerybox').trigger('click');
              }
            }
          }
        } else if (typeof data !== 'undefined' && data.success === false) {
          // show an error message that stays on screen
          $sqlqueryresultsouter.show().html(data.error);
          $('html, body').animate({
            scrollTop: $(document).height()
          }, 200);
        }
  
        Functions.ajaxRemoveMessage($msgbox);
      }); // end $.post()
    }); // end SQL Query submit
  
    /**
     * Ajax Event handler for the display options
     * @memberOf    jQuery
     * @name        displayOptionsForm_submit
     */
  
    $(document).on('submit', 'form[name=\'displayOptionsForm\'].ajax', function (event) {
      event.preventDefault();
      var $form = $(this);
      var $msgbox = Functions.ajaxShowMessage();
      var argsep = CommonParams.get('arg_separator');
      $.post($form.attr('action'), $form.serialize() + argsep + 'ajax_request=true', function (data) {
        Functions.ajaxRemoveMessage($msgbox);
        var $sqlqueryresults = $form.parents('.sqlqueryresults');
        $sqlqueryresults.html(data.message).trigger('makegrid');
        Functions.initSlider();
        Functions.highlightSql($sqlqueryresults);
      }); // end $.post()
    }); // end displayOptionsForm handler
    // Filter row handling. --STARTS--
  
    $(document).on('keyup', '.filter_rows', function () {
      var uniqueId = $(this).data('for');
      var $targetTable = $('.table_results[data-uniqueId=\'' + uniqueId + '\']');
      var $headerCells = $targetTable.find('th[data-column]');
      var targetColumns = []; // To handle colspan=4, in case of edit,copy etc options.
  
      var dummyTh = $('.edit_row_anchor').length !== 0 ? '<th class="hide dummy_th"></th><th class="hide dummy_th"></th><th class="hide dummy_th"></th>' : ''; // Selecting columns that will be considered for filtering and searching.
  
      $headerCells.each(function () {
        targetColumns.push($(this).text().trim());
      });
      var phrase = $(this).val(); // Set same value to both Filter rows fields.
  
      $('.filter_rows[data-for=\'' + uniqueId + '\']').not(this).val(phrase); // Handle colspan.
  
      $targetTable.find('thead > tr').prepend(dummyTh);
      $.uiTableFilter($targetTable, phrase, targetColumns);
      $targetTable.find('th.dummy_th').remove();
    }); // Filter row handling. --ENDS--
    // Prompt to confirm on Show All
  
    $('body').on('click', '.navigation .showAllRows', function (e) {
      e.preventDefault();
      var $form = $(this).parents('form');
  
      Sql.submitShowAllForm = function () {
        var argsep = CommonParams.get('arg_separator');
        var submitData = $form.serialize() + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true';
        Functions.ajaxShowMessage();
        AJAX.source = $form;
        $.post($form.attr('action'), submitData, AJAX.responseHandler);
      };
  
      if (!$(this).is(':checked')) {
        // already showing all rows
        Sql.submitShowAllForm();
      } else {
        $form.confirm(Messages.strShowAllRowsWarning, $form.attr('action'), function () {
          Sql.submitShowAllForm();
        });
      }
    });
    $('body').on('keyup', '#sqlqueryform', function () {
      Functions.handleSimulateQueryButton();
    });
    /**
     * Ajax event handler for 'Simulate DML'.
     */
  
    $('body').on('click', '#simulate_dml', function () {
      var $form = $('#sqlqueryform');
      var query = '';
      var delimiter = $('#id_sql_delimiter').val();
      var dbName = $form.find('input[name="db"]').val();
  
      if (codeMirrorEditor) {
        query = codeMirrorEditor.getValue();
      } else {
        query = $('#sqlquery').val();
      }
  
      if (query.length === 0) {
        alert(Messages.strFormEmpty);
        $('#sqlquery').trigger('focus');
        return false;
      }
  
      var $msgbox = Functions.ajaxShowMessage();
      $.ajax({
        type: 'POST',
        url: $form.attr('action'),
        data: {
          'server': CommonParams.get('server'),
          'db': dbName,
          'ajax_request': '1',
          'simulate_dml': '1',
          'sql_query': query,
          'sql_delimiter': delimiter
        },
        success: function success(response) {
          Functions.ajaxRemoveMessage($msgbox);
  
          if (response.success) {
            var dialogContent = '<div class="preview_sql">';
  
            if (response.sql_data) {
              var len = response.sql_data.length;
  
              for (var i = 0; i < len; i++) {
                dialogContent += '<strong>' + Messages.strSQLQuery + '</strong>' + response.sql_data[i].sql_query + Messages.strMatchedRows + ' <a href="' + response.sql_data[i].matched_rows_url + '">' + response.sql_data[i].matched_rows + '</a><br>';
  
                if (i < len - 1) {
                  dialogContent += '<hr>';
                }
              }
            } else {
              dialogContent += response.message;
            }
  
            dialogContent += '</div>';
            var $dialogContent = $(dialogContent);
            var buttonOptions = {};
  
            buttonOptions[Messages.strClose] = function () {
              $(this).dialog('close');
            };
  
            $('<div></div>').append($dialogContent).dialog({
              minWidth: 540,
              maxHeight: 400,
              modal: true,
              buttons: buttonOptions,
              title: Messages.strSimulateDML,
              open: function open() {
                Functions.highlightSql($(this));
              },
              close: function close() {
                $(this).remove();
              }
            });
          } else {
            Functions.ajaxShowMessage(response.error);
          }
        },
        error: function error() {
          Functions.ajaxShowMessage(Messages.strErrorProcessingRequest);
        }
      });
    });
    /**
     * Handles multi submits of results browsing page such as edit, delete and export
     */
  
    $('body').on('click', 'form[name="resultsForm"].ajax button[name="submit_mult"], form[name="resultsForm"].ajax input[name="submit_mult"]', function (e) {
      e.preventDefault();
      var $button = $(this);
      var action = $button.val();
      var $form = $button.closest('form');
      var argsep = CommonParams.get('arg_separator');
      var submitData = $form.serialize() + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true' + argsep;
      Functions.ajaxShowMessage();
      AJAX.source = $form;
      var url;
  
      if (action === 'edit') {
        submitData = submitData + argsep + 'default_action=update';
        url = 'index.php?route=/table/change/rows';
      } else if (action === 'copy') {
        submitData = submitData + argsep + 'default_action=insert';
        url = 'index.php?route=/table/change/rows';
      } else if (action === 'export') {
        url = 'index.php?route=/table/export/rows';
      } else if (action === 'delete') {
        url = 'index.php?route=/table/delete/confirm';
      } else {
        return;
      }
  
      $.post(url, submitData, AJAX.responseHandler);
    });
    $(document).on('submit', '#maxRowsForm', function () {
      var unlimNumRows = $(this).find('input[name="unlim_num_rows"]').val();
      var maxRowsCheck = Functions.checkFormElementInRange(this, 'session_max_rows', Messages.strNotValidRowNumber, 1);
      var posCheck = Functions.checkFormElementInRange(this, 'pos', Messages.strNotValidRowNumber, 0, unlimNumRows > 0 ? unlimNumRows - 1 : null);
      return maxRowsCheck && posCheck;
    });
    $('#insertBtn').on('click', function () {
      Functions.insertValueQuery();
    });
  }); // end $()
  
  /**
   * Starting from some th, change the class of all td under it.
   * If isAddClass is specified, it will be used to determine whether to add or remove the class.
   */
  
  Sql.changeClassForColumn = function ($thisTh, newClass, isAddClass) {
    // index 0 is the th containing the big T
    var thIndex = $thisTh.index();
    var hasBigT = $thisTh.closest('tr').children().first().hasClass('column_action'); // .eq() is zero-based
  
    if (hasBigT) {
      thIndex--;
    }
  
    var $table = $thisTh.parents('.table_results');
  
    if (!$table.length) {
      $table = $thisTh.parents('table').siblings('.table_results');
    }
  
    var $tds = $table.find('tbody tr').find('td.data').eq(thIndex);
  
    if (isAddClass === undefined) {
      $tds.toggleClass(newClass);
    } else {
      $tds.toggleClass(newClass, isAddClass);
    }
  };
  /**
   * Handles browse foreign values modal dialog
   *
   * @param object $this_a reference to the browse foreign value link
   */
  
  
  Sql.browseForeignDialog = function ($thisA) {
    var formId = '#browse_foreign_form';
    var showAllId = '#foreign_showAll';
    var tableId = '#browse_foreign_table';
    var filterId = '#input_foreign_filter';
    var $dialog = null;
    var argSep = CommonParams.get('arg_separator');
    var params = $thisA.getPostData();
    params += argSep + 'ajax_request=true';
    $.post($thisA.attr('href'), params, function (data) {
      // Creates browse foreign value dialog
      $dialog = $('<div>').append(data.message).dialog({
        title: Messages.strBrowseForeignValues,
        width: Math.min($(window).width() - 100, 700),
        maxHeight: $(window).height() - 100,
        dialogClass: 'browse_foreign_modal',
        close: function close() {
          // remove event handlers attached to elements related to dialog
          $(tableId).off('click', 'td a.foreign_value');
          $(formId).off('click', showAllId);
          $(formId).off('submit'); // remove dialog itself
  
          $(this).remove();
        },
        modal: true
      });
    }).done(function () {
      var showAll = false;
      $(tableId).on('click', 'td a.foreign_value', function (e) {
        e.preventDefault();
        var $input = $thisA.prev('input[type=text]'); // Check if input exists or get CEdit edit_box
  
        if ($input.length === 0) {
          $input = $thisA.closest('.edit_area').prev('.edit_box');
        } // Set selected value as input value
  
  
        $input.val($(this).data('key'));
        $dialog.dialog('close');
      });
      $(formId).on('click', showAllId, function () {
        showAll = true;
      });
      $(formId).on('submit', function (e) {
        e.preventDefault(); // if filter value is not equal to old value
        // then reset page number to 1
  
        if ($(filterId).val() !== $(filterId).data('old')) {
          $(formId).find('select[name=pos]').val('0');
        }
  
        var postParams = $(this).serializeArray(); // if showAll button was clicked to submit form then
        // add showAll button parameter to form
  
        if (showAll) {
          postParams.push({
            name: $(showAllId).attr('name'),
            value: $(showAllId).val()
          });
        } // updates values in dialog
  
  
        $.post($(this).attr('action') + '&ajax_request=1', postParams, function (data) {
          var $obj = $('<div>').html(data.message);
          $(formId).html($obj.find(formId).html());
          $(tableId).html($obj.find(tableId).html());
        });
        showAll = false;
      });
    });
  };
  /**
   * Get the auto saved query key
   * @return {String}
   */
  
  
  Sql.getAutoSavedKey = function () {
    var db = $('input[name="db"]').val();
    var table = $('input[name="table"]').val();
    var key = db;
  
    if (table !== undefined) {
      key += '.' + table;
    }
  
    return 'autoSavedSql_' + key;
  };
  
  Sql.checkSavedQuery = function () {
    var key = Sql.getAutoSavedKey();
  
    if (isStorageSupported('localStorage') && typeof window.localStorage.getItem(key) === 'string') {
      Functions.ajaxShowMessage(Messages.strPreviousSaveQuery);
    } else if (Cookies.get(key)) {
      Functions.ajaxShowMessage(Messages.strPreviousSaveQuery);
    }
  };
  
  AJAX.registerOnload('sql.js', function () {
    $('body').on('click', 'a.browse_foreign', function (e) {
      e.preventDefault();
      Sql.browseForeignDialog($(this));
    });
    /**
     * vertical column highlighting in horizontal mode when hovering over the column header
     */
  
    $(document).on('mouseenter', 'th.column_heading.pointer', function () {
      Sql.changeClassForColumn($(this), 'hover', true);
    });
    $(document).on('mouseleave', 'th.column_heading.pointer', function () {
      Sql.changeClassForColumn($(this), 'hover', false);
    });
    /**
     * vertical column marking in horizontal mode when clicking the column header
     */
  
    $(document).on('click', 'th.column_heading.marker', function () {
      Sql.changeClassForColumn($(this), 'marked');
    });
    /**
     * create resizable table
     */
  
    $('.sqlqueryresults').trigger('makegrid');
    /**
     * Check if there is any saved query
     */
  
    if (codeMirrorEditor || document.sqlform) {
      Sql.checkSavedQuery();
    }
  });
  /**
   * Profiling Chart
   */
  
  Sql.makeProfilingChart = function () {
    if ($('#profilingchart').length === 0 || $('#profilingchart').html().length !== 0 || !$.jqplot || !$.jqplot.Highlighter || !$.jqplot.PieRenderer) {
      return;
    }
  
    var data = [];
    $.each(JSON.parse($('#profilingChartData').html()), function (key, value) {
      data.push([key, parseFloat(value)]);
    }); // Remove chart and data divs contents
  
    $('#profilingchart').html('').show();
    $('#profilingChartData').html('');
    Functions.createProfilingChart('profilingchart', data);
  };
  /**
   * initialize profiling data tables
   */
  
  
  Sql.initProfilingTables = function () {
    if (!$.tablesorter) {
      return;
    } // Added to allow two direction sorting
  
  
    $('#profiletable').find('thead th').off('click mousedown');
    $('#profiletable').tablesorter({
      widgets: ['zebra'],
      sortList: [[0, 0]],
      textExtraction: function textExtraction(node) {
        if (node.children.length > 0) {
          return node.children[0].innerHTML;
        } else {
          return node.innerHTML;
        }
      }
    }); // Added to allow two direction sorting
  
    $('#profilesummarytable').find('thead th').off('click mousedown');
    $('#profilesummarytable').tablesorter({
      widgets: ['zebra'],
      sortList: [[1, 1]],
      textExtraction: function textExtraction(node) {
        if (node.children.length > 0) {
          return node.children[0].innerHTML;
        } else {
          return node.innerHTML;
        }
      }
    });
  };
  
  AJAX.registerOnload('sql.js', function () {
    Sql.makeProfilingChart();
    Sql.initProfilingTables();
  });
  /**
   * Polyfill to make table headers sticky.
   */
  
  var elements = $('.sticky');
  Stickyfill.add(elements);