js/indexes.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview    function used for index manipulation pages
   4  * @name            Table Structure
   5  *
   6  * @requires    jQuery
   7  * @requires    jQueryUI
   8  * @required    js/functions.js
   9  */
  10
  11 /* global fulltextIndexes:writable, indexes:writable, primaryIndexes:writable, spatialIndexes:writable, uniqueIndexes:writable */ // js/functions.js
  12
  13 var Indexes = {};
  14
  15 /**
  16  * Returns the array of indexes based on the index choice
  17  *
  18  * @param indexChoice index choice
  19  */
  20 Indexes.getIndexArray = function (indexChoice) {
  21     var sourceArray = null;
  22
  23     switch (indexChoice.toLowerCase()) {
  24     case 'primary':
  25         sourceArray = primaryIndexes;
  26         break;
  27     case 'unique':
  28         sourceArray = uniqueIndexes;
  29         break;
  30     case 'index':
  31         sourceArray = indexes;
  32         break;
  33     case 'fulltext':
  34         sourceArray = fulltextIndexes;
  35         break;
  36     case 'spatial':
  37         sourceArray = spatialIndexes;
  38         break;
  39     default:
  40         return null;
  41     }
  42     return sourceArray;
  43 };
  44
  45 /**
  46  * Hides/shows the inputs and submits appropriately depending
  47  * on whether the index type chosen is 'SPATIAL' or not.
  48  */
  49 Indexes.checkIndexType = function () {
  50     /**
  51      * @var Object Dropdown to select the index choice.
  52      */
  53     var $selectIndexChoice = $('#select_index_choice');
  54     /**
  55      * @var Object Dropdown to select the index type.
  56      */
  57     var $selectIndexType = $('#select_index_type');
  58     /**
  59      * @var Object Table header for the size column.
  60      */
  61     var $sizeHeader = $('#index_columns').find('thead tr th:nth-child(2)');
  62     /**
  63      * @var Object Inputs to specify the columns for the index.
  64      */
  65     var $columnInputs = $('select[name="index[columns][names][]"]');
  66     /**
  67      * @var Object Inputs to specify sizes for columns of the index.
  68      */
  69     var $sizeInputs = $('input[name="index[columns][sub_parts][]"]');
  70     /**
  71      * @var Object Footer containg the controllers to add more columns
  72      */
  73     var $addMore = $('#index_frm').find('.add_more');
  74
  75     if ($selectIndexChoice.val() === 'SPATIAL') {
  76         // Disable and hide the size column
  77         $sizeHeader.hide();
  78         $sizeInputs.each(function () {
  79             $(this)
  80                 .prop('disabled', true)
  81                 .parent('td').hide();
  82         });
  83
  84         // Disable and hide the columns of the index other than the first one
  85         var initial = true;
  86         $columnInputs.each(function () {
  87             var $columnInput = $(this);
  88             if (! initial) {
  89                 $columnInput
  90                     .prop('disabled', true)
  91                     .parent('td').hide();
  92             } else {
  93                 initial = false;
  94             }
  95         });
  96
  97         // Hide controllers to add more columns
  98         $addMore.hide();
  99     } else {
 100         // Enable and show the size column
 101         $sizeHeader.show();
 102         $sizeInputs.each(function () {
 103             $(this)
 104                 .prop('disabled', false)
 105                 .parent('td').show();
 106         });
 107
 108         // Enable and show the columns of the index
 109         $columnInputs.each(function () {
 110             $(this)
 111                 .prop('disabled', false)
 112                 .parent('td').show();
 113         });
 114
 115         // Show controllers to add more columns
 116         $addMore.show();
 117     }
 118
 119     if ($selectIndexChoice.val() === 'SPATIAL' ||
 120             $selectIndexChoice.val() === 'FULLTEXT') {
 121         $selectIndexType.val('').prop('disabled', true);
 122     } else {
 123         $selectIndexType.prop('disabled', false);
 124     }
 125 };
 126
 127 /**
 128  * Sets current index information into form parameters.
 129  *
 130  * @param array  source_array Array containing index columns
 131  * @param string index_choice Choice of index
 132  *
 133  * @return void
 134  */
 135 Indexes.setIndexFormParameters = function (sourceArray, indexChoice) {
 136     if (indexChoice === 'index') {
 137         $('input[name="indexes"]').val(JSON.stringify(sourceArray));
 138     } else {
 139         $('input[name="' + indexChoice + '_indexes"]').val(JSON.stringify(sourceArray));
 140     }
 141 };
 142
 143 /**
 144  * Removes a column from an Index.
 145  *
 146  * @param string col_index Index of column in form
 147  *
 148  * @return void
 149  */
 150 Indexes.removeColumnFromIndex = function (colIndex) {
 151     // Get previous index details.
 152     var previousIndex = $('select[name="field_key[' + colIndex + ']"]')
 153         .attr('data-index');
 154     if (previousIndex.length) {
 155         previousIndex = previousIndex.split(',');
 156         var sourceArray = Indexes.getIndexArray(previousIndex[0]);
 157         if (sourceArray === null) {
 158             return;
 159         }
 160
 161         // Remove column from index array.
 162         var sourceLength = sourceArray[previousIndex[1]].columns.length;
 163         for (var i = 0; i < sourceLength; i++) {
 164             if (sourceArray[previousIndex[1]].columns[i].col_index === colIndex) {
 165                 sourceArray[previousIndex[1]].columns.splice(i, 1);
 166             }
 167         }
 168
 169         // Remove index completely if no columns left.
 170         if (sourceArray[previousIndex[1]].columns.length === 0) {
 171             sourceArray.splice(previousIndex[1], 1);
 172         }
 173
 174         // Update current index details.
 175         $('select[name="field_key[' + colIndex + ']"]').attr('data-index', '');
 176         // Update form index parameters.
 177         Indexes.setIndexFormParameters(sourceArray, previousIndex[0].toLowerCase());
 178     }
 179 };
 180
 181 /**
 182  * Adds a column to an Index.
 183  *
 184  * @param array  source_array Array holding corresponding indexes
 185  * @param string array_index  Index of an INDEX in array
 186  * @param string index_choice Choice of Index
 187  * @param string col_index    Index of column on form
 188  *
 189  * @return void
 190  */
 191 Indexes.addColumnToIndex = function (sourceArray, arrayIndex, indexChoice, colIndex) {
 192     if (colIndex >= 0) {
 193         // Remove column from other indexes (if any).
 194         Indexes.removeColumnFromIndex(colIndex);
 195     }
 196     var indexName = $('input[name="index[Key_name]"]').val();
 197     var indexComment = $('input[name="index[Index_comment]"]').val();
 198     var keyBlockSize = $('input[name="index[Key_block_size]"]').val();
 199     var parser = $('input[name="index[Parser]"]').val();
 200     var indexType = $('select[name="index[Index_type]"]').val();
 201     var columns = [];
 202     $('#index_columns').find('tbody').find('tr').each(function () {
 203         // Get columns in particular order.
 204         var colIndex = $(this).find('select[name="index[columns][names][]"]').val();
 205         var size = $(this).find('input[name="index[columns][sub_parts][]"]').val();
 206         columns.push({
 207             'col_index': colIndex,
 208             'size': size
 209         });
 210     });
 211
 212     // Update or create an index.
 213     sourceArray[arrayIndex] = {
 214         'Key_name': indexName,
 215         'Index_comment': indexComment,
 216         'Index_choice': indexChoice.toUpperCase(),
 217         'Key_block_size': keyBlockSize,
 218         'Parser': parser,
 219         'Index_type': indexType,
 220         'columns': columns
 221     };
 222
 223     // Display index name (or column list)
 224     var displayName = indexName;
 225     if (displayName === '') {
 226         var columnNames = [];
 227         $.each(columns, function () {
 228             columnNames.push($('input[name="field_name[' +  this.col_index + ']"]').val());
 229         });
 230         displayName = '[' + columnNames.join(', ') + ']';
 231     }
 232     $.each(columns, function () {
 233         var id = 'index_name_' + this.col_index + '_8';
 234         var $name = $('#' + id);
 235         if ($name.length === 0) {
 236             $name = $('<a id="' + id + '" href="#" class="ajax show_index_dialog"></a>');
 237             $name.insertAfter($('select[name="field_key[' + this.col_index + ']"]'));
 238         }
 239         var $text = $('<small>').text(displayName);
 240         $name.html($text);
 241     });
 242
 243     if (colIndex >= 0) {
 244         // Update index details on form.
 245         $('select[name="field_key[' + colIndex + ']"]')
 246             .attr('data-index', indexChoice + ',' + arrayIndex);
 247     }
 248     Indexes.setIndexFormParameters(sourceArray, indexChoice.toLowerCase());
 249 };
 250
 251 /**
 252  * Get choices list for a column to create a composite index with.
 253  *
 254  * @param string index_choice Choice of index
 255  * @param array  source_array Array hodling columns for particular index
 256  *
 257  * @return jQuery Object
 258  */
 259 Indexes.getCompositeIndexList = function (sourceArray, colIndex) {
 260     // Remove any previous list.
 261     if ($('#composite_index_list').length) {
 262         $('#composite_index_list').remove();
 263     }
 264
 265     // Html list.
 266     var $compositeIndexList = $(
 267         '<ul id="composite_index_list">' +
 268         '<div>' + Messages.strCompositeWith + '</div>' +
 269         '</ul>'
 270     );
 271
 272     // Add each column to list available for composite index.
 273     var sourceLength = sourceArray.length;
 274     var alreadyPresent = false;
 275     for (var i = 0; i < sourceLength; i++) {
 276         var subArrayLen = sourceArray[i].columns.length;
 277         var columnNames = [];
 278         for (var j = 0; j < subArrayLen; j++) {
 279             columnNames.push(
 280                 $('input[name="field_name[' + sourceArray[i].columns[j].col_index + ']"]').val()
 281             );
 282
 283             if (colIndex === sourceArray[i].columns[j].col_index) {
 284                 alreadyPresent = true;
 285             }
 286         }
 287
 288         $compositeIndexList.append(
 289             '<li>' +
 290             '<input type="radio" name="composite_with" ' +
 291             (alreadyPresent ? 'checked="checked"' : '') +
 292             ' id="composite_index_' + i + '" value="' + i + '">' +
 293             '<label for="composite_index_' + i + '">' + columnNames.join(', ') +
 294             '</lablel>' +
 295             '</li>'
 296         );
 297     }
 298
 299     return $compositeIndexList;
 300 };
 301
 302 /**
 303  * Shows 'Add Index' dialog.
 304  *
 305  * @param array  source_array   Array holding particluar index
 306  * @param string array_index    Index of an INDEX in array
 307  * @param array  target_columns Columns for an INDEX
 308  * @param string col_index      Index of column on form
 309  * @param object index          Index detail object
 310  * @param bool showDialog       Whether to show index creation dialog or not
 311  *
 312  * @return void
 313  */
 314 Indexes.showAddIndexDialog = function (sourceArray, arrayIndex, targetColumns, colIndex, index, showDialog) {
 315     var showDialogLocal = typeof showDialog !== 'undefined' ? showDialog : true;
 316     // Prepare post-data.
 317     var $table = $('input[name="table"]');
 318     var table = $table.length > 0 ? $table.val() : '';
 319     var postData = {
 320         'server': CommonParams.get('server'),
 321         'db': $('input[name="db"]').val(),
 322         'table': table,
 323         'ajax_request': 1,
 324         'create_edit_table': 1,
 325         'index': index
 326     };
 327
 328     var columns = {};
 329     for (var i = 0; i < targetColumns.length; i++) {
 330         var columnName = $('input[name="field_name[' + targetColumns[i] + ']"]').val();
 331         var columnType = $('select[name="field_type[' + targetColumns[i] + ']"]').val().toLowerCase();
 332         columns[columnName] = [columnType, targetColumns[i]];
 333     }
 334     postData.columns = JSON.stringify(columns);
 335
 336     var buttonOptions = {};
 337     buttonOptions[Messages.strGo] = function () {
 338         var isMissingValue = false;
 339         $('select[name="index[columns][names][]"]').each(function () {
 340             if ($(this).val() === '') {
 341                 isMissingValue = true;
 342             }
 343         });
 344
 345         if (! isMissingValue) {
 346             Indexes.addColumnToIndex(
 347                 sourceArray,
 348                 arrayIndex,
 349                 index.Index_choice,
 350                 colIndex
 351             );
 352         } else {
 353             Functions.ajaxShowMessage(
 354                 '<div class="error"><img src="themes/dot.gif" title="" alt=""' +
 355                 ' class="icon ic_s_error"> ' + Messages.strMissingColumn +
 356                 ' </div>', false
 357             );
 358
 359             return false;
 360         }
 361
 362         $(this).remove();
 363     };
 364     buttonOptions[Messages.strCancel] = function () {
 365         if (colIndex >= 0) {
 366             // Handle state on 'Cancel'.
 367             var $selectList = $('select[name="field_key[' + colIndex + ']"]');
 368             if (! $selectList.attr('data-index').length) {
 369                 $selectList.find('option[value*="none"]').attr('selected', 'selected');
 370             } else {
 371                 var previousIndex = $selectList.attr('data-index').split(',');
 372                 $selectList.find('option[value*="' + previousIndex[0].toLowerCase() + '"]')
 373                     .attr('selected', 'selected');
 374             }
 375         }
 376         $(this).dialog('close');
 377     };
 378     var $msgbox = Functions.ajaxShowMessage();
 379     $.post('tbl_indexes.php', postData, function (data) {
 380         if (data.success === false) {
 381             // in the case of an error, show the error message returned.
 382             Functions.ajaxShowMessage(data.error, false);
 383         } else {
 384             Functions.ajaxRemoveMessage($msgbox);
 385             var $div = $('<div></div>');
 386             if (showDialogLocal) {
 387                 // Show dialog if the request was successful
 388                 if ($('#addIndex').length > 0) {
 389                     $('#addIndex').remove();
 390                 }
 391                 $div
 392                     .append(data.message)
 393                     .dialog({
 394                         title: Messages.strAddIndex,
 395                         width: 450,
 396                         minHeight: 250,
 397                         create: function () {
 398                             $(this).keypress(function (e) {
 399                                 if (e.which === 13 || e.keyCode === 13 || window.event.keyCode === 13) {
 400                                     e.preventDefault();
 401                                     buttonOptions[Messages.strGo]();
 402                                     $(this).remove();
 403                                 }
 404                             });
 405                         },
 406                         open: function () {
 407                             Functions.checkIndexName('index_frm');
 408                             Functions.showHints($div);
 409                             Functions.initSlider();
 410                             $('#index_columns').find('td').each(function () {
 411                                 $(this).css('width', $(this).width() + 'px');
 412                             });
 413                             $('#index_columns').find('tbody').sortable({
 414                                 axis: 'y',
 415                                 containment: $('#index_columns').find('tbody'),
 416                                 tolerance: 'pointer'
 417                             });
 418                             // We dont need the slider at this moment.
 419                             $(this).find('fieldset.tblFooters').remove();
 420                         },
 421                         modal: true,
 422                         buttons: buttonOptions,
 423                         close: function () {
 424                             $(this).remove();
 425                         }
 426                     });
 427             } else {
 428                 $div
 429                     .append(data.message);
 430                 $div.css({ 'display' : 'none' });
 431                 $div.appendTo($('body'));
 432                 $div.attr({ 'id' : 'addIndex' });
 433                 var isMissingValue = false;
 434                 $('select[name="index[columns][names][]"]').each(function () {
 435                     if ($(this).val() === '') {
 436                         isMissingValue = true;
 437                     }
 438                 });
 439
 440                 if (! isMissingValue) {
 441                     Indexes.addColumnToIndex(
 442                         sourceArray,
 443                         arrayIndex,
 444                         index.Index_choice,
 445                         colIndex
 446                     );
 447                 } else {
 448                     Functions.ajaxShowMessage(
 449                         '<div class="error"><img src="themes/dot.gif" title="" alt=""' +
 450                         ' class="icon ic_s_error"> ' + Messages.strMissingColumn +
 451                         ' </div>', false
 452                     );
 453
 454                     return false;
 455                 }
 456             }
 457         }
 458     });
 459 };
 460
 461 /**
 462  * Creates a advanced index type selection dialog.
 463  *
 464  * @param array  source_array Array holding a particular type of indexes
 465  * @param string index_choice Choice of index
 466  * @param string col_index    Index of new column on form
 467  *
 468  * @return void
 469  */
 470 Indexes.indexTypeSelectionDialog = function (sourceArray, indexChoice, colIndex) {
 471     var $singleColumnRadio = $('<input type="radio" id="single_column" name="index_choice"' +
 472         ' checked="checked">' +
 473         '<label for="single_column">' + Messages.strCreateSingleColumnIndex + '</label>');
 474     var $compositeIndexRadio = $('<input type="radio" id="composite_index"' +
 475         ' name="index_choice">' +
 476         '<label for="composite_index">' + Messages.strCreateCompositeIndex + '</label>');
 477     var $dialogContent = $('<fieldset id="advance_index_creator"></fieldset>');
 478     $dialogContent.append('<legend>' + indexChoice.toUpperCase() + '</legend>');
 479
 480
 481     // For UNIQUE/INDEX type, show choice for single-column and composite index.
 482     $dialogContent.append($singleColumnRadio);
 483     $dialogContent.append($compositeIndexRadio);
 484
 485     var buttonOptions = {};
 486     // 'OK' operation.
 487     buttonOptions[Messages.strGo] = function () {
 488         if ($('#single_column').is(':checked')) {
 489             var index = {
 490                 'Key_name': (indexChoice === 'primary' ? 'PRIMARY' : ''),
 491                 'Index_choice': indexChoice.toUpperCase()
 492             };
 493             Indexes.showAddIndexDialog(sourceArray, (sourceArray.length), [colIndex], colIndex, index);
 494         }
 495
 496         if ($('#composite_index').is(':checked')) {
 497             if ($('input[name="composite_with"]').length !== 0 && $('input[name="composite_with"]:checked').length === 0
 498             ) {
 499                 Functions.ajaxShowMessage(
 500                     '<div class="error"><img src="themes/dot.gif" title=""' +
 501                     ' alt="" class="icon ic_s_error"> ' +
 502                     Messages.strFormEmpty +
 503                     ' </div>',
 504                     false
 505                 );
 506                 return false;
 507             }
 508
 509             var arrayIndex = $('input[name="composite_with"]:checked').val();
 510             var sourceLength = sourceArray[arrayIndex].columns.length;
 511             var targetColumns = [];
 512             for (var i = 0; i < sourceLength; i++) {
 513                 targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 514             }
 515             targetColumns.push(colIndex);
 516
 517             Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, colIndex,
 518                 sourceArray[arrayIndex]);
 519         }
 520
 521         $(this).remove();
 522     };
 523     buttonOptions[Messages.strCancel] = function () {
 524         // Handle state on 'Cancel'.
 525         var $selectList = $('select[name="field_key[' + colIndex + ']"]');
 526         if (! $selectList.attr('data-index').length) {
 527             $selectList.find('option[value*="none"]').attr('selected', 'selected');
 528         } else {
 529             var previousIndex = $selectList.attr('data-index').split(',');
 530             $selectList.find('option[value*="' + previousIndex[0].toLowerCase() + '"]')
 531                 .attr('selected', 'selected');
 532         }
 533         $(this).remove();
 534     };
 535     $('<div></div>').append($dialogContent).dialog({
 536         minWidth: 525,
 537         minHeight: 200,
 538         modal: true,
 539         title: Messages.strAddIndex,
 540         resizable: false,
 541         buttons: buttonOptions,
 542         open: function () {
 543             $('#composite_index').on('change', function () {
 544                 if ($(this).is(':checked')) {
 545                     $dialogContent.append(Indexes.getCompositeIndexList(sourceArray, colIndex));
 546                 }
 547             });
 548             $('#single_column').on('change', function () {
 549                 if ($(this).is(':checked')) {
 550                     if ($('#composite_index_list').length) {
 551                         $('#composite_index_list').remove();
 552                     }
 553                 }
 554             });
 555         },
 556         close: function () {
 557             $('#composite_index').off('change');
 558             $('#single_column').off('change');
 559             $(this).remove();
 560         }
 561     });
 562 };
 563
 564 /**
 565  * Unbind all event handlers before tearing down a page
 566  */
 567 AJAX.registerTeardown('indexes.js', function () {
 568     $(document).off('click', '#save_index_frm');
 569     $(document).off('click', '#preview_index_frm');
 570     $(document).off('change', '#select_index_choice');
 571     $(document).off('click', 'a.drop_primary_key_index_anchor.ajax');
 572     $(document).off('click', '#table_index tbody tr td.edit_index.ajax, #index_div .add_index.ajax');
 573     $(document).off('click', '#index_frm input[type=submit]');
 574     $('body').off('change', 'select[name*="field_key"]');
 575     $(document).off('click', '.show_index_dialog');
 576 });
 577
 578 /**
 579  * @description <p>Ajax scripts for table index page</p>
 580  *
 581  * Actions ajaxified here:
 582  * <ul>
 583  * <li>Showing/hiding inputs depending on the index type chosen</li>
 584  * <li>create/edit/drop indexes</li>
 585  * </ul>
 586  */
 587 AJAX.registerOnload('indexes.js', function () {
 588     // Re-initialize variables.
 589     primaryIndexes = [];
 590     uniqueIndexes = [];
 591     indexes = [];
 592     fulltextIndexes = [];
 593     spatialIndexes = [];
 594
 595     // for table creation form
 596     var $engineSelector = $('.create_table_form select[name=tbl_storage_engine]');
 597     if ($engineSelector.length) {
 598         Functions.hideShowConnection($engineSelector);
 599     }
 600
 601     var $form = $('#index_frm');
 602     if ($form.length > 0) {
 603         Functions.showIndexEditDialog($form);
 604     }
 605
 606     $(document).on('click', '#save_index_frm', function (event) {
 607         event.preventDefault();
 608         var $form = $('#index_frm');
 609         var argsep = CommonParams.get('arg_separator');
 610         var submitData = $form.serialize() + argsep + 'do_save_data=1' + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true';
 611         Functions.ajaxShowMessage(Messages.strProcessingRequest);
 612         AJAX.source = $form;
 613         $.post($form.attr('action'), submitData, AJAX.responseHandler);
 614     });
 615
 616     $(document).on('click', '#preview_index_frm', function (event) {
 617         event.preventDefault();
 618         Functions.previewSql($('#index_frm'));
 619     });
 620
 621     $(document).on('change', '#select_index_choice', function (event) {
 622         event.preventDefault();
 623         Indexes.checkIndexType();
 624         Functions.checkIndexName('index_frm');
 625     });
 626
 627     /**
 628      * Ajax Event handler for 'Drop Index'
 629      */
 630     $(document).on('click', 'a.drop_primary_key_index_anchor.ajax', function (event) {
 631         event.preventDefault();
 632         var $anchor = $(this);
 633         /**
 634          * @var $currRow Object containing reference to the current field's row
 635          */
 636         var $currRow = $anchor.parents('tr');
 637         /** @var    Number of columns in the key */
 638         var rows = $anchor.parents('td').attr('rowspan') || 1;
 639         /** @var    Rows that should be hidden */
 640         var $rowsToHide = $currRow;
 641         for (var i = 1, $lastRow = $currRow.next(); i < rows; i++, $lastRow = $lastRow.next()) {
 642             $rowsToHide = $rowsToHide.add($lastRow);
 643         }
 644
 645         var question = Functions.escapeHtml(
 646             $currRow.children('td')
 647                 .children('.drop_primary_key_index_msg')
 648                 .val()
 649         );
 650
 651         Functions.confirmPreviewSql(question, $anchor.attr('href'), function (url) {
 652             var $msg = Functions.ajaxShowMessage(Messages.strDroppingPrimaryKeyIndex, false);
 653             var params = Functions.getJsConfirmCommonParam(this, $anchor.getPostData());
 654             $.post(url, params, function (data) {
 655                 if (typeof data !== 'undefined' && data.success === true) {
 656                     Functions.ajaxRemoveMessage($msg);
 657                     var $tableRef = $rowsToHide.closest('table');
 658                     if ($rowsToHide.length === $tableRef.find('tbody > tr').length) {
 659                         // We are about to remove all rows from the table
 660                         $tableRef.hide('medium', function () {
 661                             $('div.no_indexes_defined').show('medium');
 662                             $rowsToHide.remove();
 663                         });
 664                         $tableRef.siblings('div.notice').hide('medium');
 665                     } else {
 666                         // We are removing some of the rows only
 667                         $rowsToHide.hide('medium', function () {
 668                             $(this).remove();
 669                         });
 670                     }
 671                     if ($('.result_query').length) {
 672                         $('.result_query').remove();
 673                     }
 674                     if (data.sql_query) {
 675                         $('<div class="result_query"></div>')
 676                             .html(data.sql_query)
 677                             .prependTo('#structure_content');
 678                         Functions.highlightSql($('#page_content'));
 679                     }
 680                     CommonActions.refreshMain(false, function () {
 681                         $('a.ajax[href^=#indexes]').trigger('click');
 682                     });
 683                     Navigation.reload();
 684                 } else {
 685                     Functions.ajaxShowMessage(Messages.strErrorProcessingRequest + ' : ' + data.error, false);
 686                 }
 687             }); // end $.post()
 688         });
 689     }); // end Drop Primary Key/Index
 690
 691     /**
 692      *Ajax event handler for index edit
 693     **/
 694     $(document).on('click', '#table_index tbody tr td.edit_index.ajax, #index_div .add_index.ajax', function (event) {
 695         event.preventDefault();
 696         var url;
 697         var title;
 698         if ($(this).find('a').length === 0) {
 699             // Add index
 700             var valid = Functions.checkFormElementInRange(
 701                 $(this).closest('form')[0],
 702                 'added_fields',
 703                 'Column count has to be larger than zero.'
 704             );
 705             if (! valid) {
 706                 return;
 707             }
 708             url = $(this).closest('form').serialize();
 709             title = Messages.strAddIndex;
 710         } else {
 711             // Edit index
 712             url = $(this).find('a').getPostData();
 713             title = Messages.strEditIndex;
 714         }
 715         url += CommonParams.get('arg_separator') + 'ajax_request=true';
 716         Functions.indexEditorDialog(url, title, function () {
 717             // refresh the page using ajax
 718             CommonActions.refreshMain(false, function () {
 719                 $('a.ajax[href^=#indexes]').trigger('click');
 720             });
 721         });
 722     });
 723
 724     /**
 725      * Ajax event handler for advanced index creation during table creation
 726      * and column addition.
 727      */
 728     $('body').on('change', 'select[name*="field_key"]', function (e, showDialog) {
 729         var showDialogLocal = typeof showDialog !== 'undefined' ? showDialog : true;
 730         // Index of column on Table edit and create page.
 731         var colIndex = /\d+/.exec($(this).attr('name'));
 732         colIndex = colIndex[0];
 733         // Choice of selected index.
 734         var indexChoice = /[a-z]+/.exec($(this).val());
 735         indexChoice = indexChoice[0];
 736         // Array containing corresponding indexes.
 737         var sourceArray = null;
 738
 739         if (indexChoice === 'none') {
 740             Indexes.removeColumnFromIndex(colIndex);
 741             var id = 'index_name_' + '0' + '_8';
 742             var $name = $('#' + id);
 743             if ($name.length === 0) {
 744                 $name = $('<a id="' + id + '" href="#" class="ajax show_index_dialog"></a>');
 745                 $name.insertAfter($('select[name="field_key[' + '0' + ']"]'));
 746             }
 747             $name.html('');
 748             return false;
 749         }
 750
 751         // Select a source array.
 752         sourceArray = Indexes.getIndexArray(indexChoice);
 753         if (sourceArray === null) {
 754             return;
 755         }
 756
 757         if (sourceArray.length === 0) {
 758             var index = {
 759                 'Key_name': (indexChoice === 'primary' ? 'PRIMARY' : ''),
 760                 'Index_choice': indexChoice.toUpperCase()
 761             };
 762             Indexes.showAddIndexDialog(sourceArray, 0, [colIndex], colIndex, index, showDialogLocal);
 763         } else {
 764             if (indexChoice === 'primary') {
 765                 var arrayIndex = 0;
 766                 var sourceLength = sourceArray[arrayIndex].columns.length;
 767                 var targetColumns = [];
 768                 for (var i = 0; i < sourceLength; i++) {
 769                     targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 770                 }
 771                 targetColumns.push(colIndex);
 772                 Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, colIndex,
 773                     sourceArray[arrayIndex], showDialogLocal);
 774             } else {
 775                 // If there are multiple columns selected for an index, show advanced dialog.
 776                 Indexes.indexTypeSelectionDialog(sourceArray, indexChoice, colIndex);
 777             }
 778         }
 779     });
 780
 781     $(document).on('click', '.show_index_dialog', function (e) {
 782         e.preventDefault();
 783
 784         // Get index details.
 785         var previousIndex = $(this).prev('select')
 786             .attr('data-index')
 787             .split(',');
 788
 789         var indexChoice = previousIndex[0];
 790         var arrayIndex  = previousIndex[1];
 791
 792         var sourceArray = Indexes.getIndexArray(indexChoice);
 793         if (sourceArray !== null) {
 794             var sourceLength = sourceArray[arrayIndex].columns.length;
 795
 796             var targetColumns = [];
 797             for (var i = 0; i < sourceLength; i++) {
 798                 targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 799             }
 800
 801             Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, -1, sourceArray[arrayIndex]);
 802         }
 803     });
 804
 805     $('#index_frm').on('submit', function () {
 806         if (typeof(this.elements['index[Key_name]'].disabled) !== 'undefined') {
 807             this.elements['index[Key_name]'].disabled = false;
 808         }
 809     });
 810 });