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).dialog('close');
 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                         open: function () {
 398                             Functions.checkIndexName('index_frm');
 399                             Functions.showHints($div);
 400                             Functions.initSlider();
 401                             $('#index_columns').find('td').each(function () {
 402                                 $(this).css('width', $(this).width() + 'px');
 403                             });
 404                             $('#index_columns').find('tbody').sortable({
 405                                 axis: 'y',
 406                                 containment: $('#index_columns').find('tbody'),
 407                                 tolerance: 'pointer'
 408                             });
 409                             // We dont need the slider at this moment.
 410                             $(this).find('fieldset.tblFooters').remove();
 411                         },
 412                         modal: true,
 413                         buttons: buttonOptions,
 414                         close: function () {
 415                             $(this).remove();
 416                         }
 417                     });
 418             } else {
 419                 $div
 420                     .append(data.message);
 421                 $div.css({ 'display' : 'none' });
 422                 $div.appendTo($('body'));
 423                 $div.attr({ 'id' : 'addIndex' });
 424                 var isMissingValue = false;
 425                 $('select[name="index[columns][names][]"]').each(function () {
 426                     if ($(this).val() === '') {
 427                         isMissingValue = true;
 428                     }
 429                 });
 430
 431                 if (! isMissingValue) {
 432                     Indexes.addColumnToIndex(
 433                         sourceArray,
 434                         arrayIndex,
 435                         index.Index_choice,
 436                         colIndex
 437                     );
 438                 } else {
 439                     Functions.ajaxShowMessage(
 440                         '<div class="error"><img src="themes/dot.gif" title="" alt=""' +
 441                         ' class="icon ic_s_error"> ' + Messages.strMissingColumn +
 442                         ' </div>', false
 443                     );
 444
 445                     return false;
 446                 }
 447             }
 448         }
 449     });
 450 };
 451
 452 /**
 453  * Creates a advanced index type selection dialog.
 454  *
 455  * @param array  source_array Array holding a particular type of indexes
 456  * @param string index_choice Choice of index
 457  * @param string col_index    Index of new column on form
 458  *
 459  * @return void
 460  */
 461 Indexes.indexTypeSelectionDialog = function (sourceArray, indexChoice, colIndex) {
 462     var $singleColumnRadio = $('<input type="radio" id="single_column" name="index_choice"' +
 463         ' checked="checked">' +
 464         '<label for="single_column">' + Messages.strCreateSingleColumnIndex + '</label>');
 465     var $compositeIndexRadio = $('<input type="radio" id="composite_index"' +
 466         ' name="index_choice">' +
 467         '<label for="composite_index">' + Messages.strCreateCompositeIndex + '</label>');
 468     var $dialogContent = $('<fieldset id="advance_index_creator"></fieldset>');
 469     $dialogContent.append('<legend>' + indexChoice.toUpperCase() + '</legend>');
 470
 471
 472     // For UNIQUE/INDEX type, show choice for single-column and composite index.
 473     $dialogContent.append($singleColumnRadio);
 474     $dialogContent.append($compositeIndexRadio);
 475
 476     var buttonOptions = {};
 477     // 'OK' operation.
 478     buttonOptions[Messages.strGo] = function () {
 479         if ($('#single_column').is(':checked')) {
 480             var index = {
 481                 'Key_name': (indexChoice === 'primary' ? 'PRIMARY' : ''),
 482                 'Index_choice': indexChoice.toUpperCase()
 483             };
 484             Indexes.showAddIndexDialog(sourceArray, (sourceArray.length), [colIndex], colIndex, index);
 485         }
 486
 487         if ($('#composite_index').is(':checked')) {
 488             if ($('input[name="composite_with"]').length !== 0 && $('input[name="composite_with"]:checked').length === 0
 489             ) {
 490                 Functions.ajaxShowMessage(
 491                     '<div class="error"><img src="themes/dot.gif" title=""' +
 492                     ' alt="" class="icon ic_s_error"> ' +
 493                     Messages.strFormEmpty +
 494                     ' </div>',
 495                     false
 496                 );
 497                 return false;
 498             }
 499
 500             var arrayIndex = $('input[name="composite_with"]:checked').val();
 501             var sourceLength = sourceArray[arrayIndex].columns.length;
 502             var targetColumns = [];
 503             for (var i = 0; i < sourceLength; i++) {
 504                 targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 505             }
 506             targetColumns.push(colIndex);
 507
 508             Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, colIndex,
 509                 sourceArray[arrayIndex]);
 510         }
 511
 512         $(this).remove();
 513     };
 514     buttonOptions[Messages.strCancel] = function () {
 515         // Handle state on 'Cancel'.
 516         var $selectList = $('select[name="field_key[' + colIndex + ']"]');
 517         if (! $selectList.attr('data-index').length) {
 518             $selectList.find('option[value*="none"]').attr('selected', 'selected');
 519         } else {
 520             var previousIndex = $selectList.attr('data-index').split(',');
 521             $selectList.find('option[value*="' + previousIndex[0].toLowerCase() + '"]')
 522                 .attr('selected', 'selected');
 523         }
 524         $(this).remove();
 525     };
 526     $('<div></div>').append($dialogContent).dialog({
 527         minWidth: 525,
 528         minHeight: 200,
 529         modal: true,
 530         title: Messages.strAddIndex,
 531         resizable: false,
 532         buttons: buttonOptions,
 533         open: function () {
 534             $('#composite_index').on('change', function () {
 535                 if ($(this).is(':checked')) {
 536                     $dialogContent.append(Indexes.getCompositeIndexList(sourceArray, colIndex));
 537                 }
 538             });
 539             $('#single_column').on('change', function () {
 540                 if ($(this).is(':checked')) {
 541                     if ($('#composite_index_list').length) {
 542                         $('#composite_index_list').remove();
 543                     }
 544                 }
 545             });
 546         },
 547         close: function () {
 548             $('#composite_index').off('change');
 549             $('#single_column').off('change');
 550             $(this).remove();
 551         }
 552     });
 553 };
 554
 555 /**
 556  * Unbind all event handlers before tearing down a page
 557  */
 558 AJAX.registerTeardown('indexes.js', function () {
 559     $(document).off('click', '#save_index_frm');
 560     $(document).off('click', '#preview_index_frm');
 561     $(document).off('change', '#select_index_choice');
 562     $(document).off('click', 'a.drop_primary_key_index_anchor.ajax');
 563     $(document).off('click', '#table_index tbody tr td.edit_index.ajax, #index_div .add_index.ajax');
 564     $(document).off('click', '#index_frm input[type=submit]');
 565     $('body').off('change', 'select[name*="field_key"]');
 566     $(document).off('click', '.show_index_dialog');
 567 });
 568
 569 /**
 570  * @description <p>Ajax scripts for table index page</p>
 571  *
 572  * Actions ajaxified here:
 573  * <ul>
 574  * <li>Showing/hiding inputs depending on the index type chosen</li>
 575  * <li>create/edit/drop indexes</li>
 576  * </ul>
 577  */
 578 AJAX.registerOnload('indexes.js', function () {
 579     // Re-initialize variables.
 580     primaryIndexes = [];
 581     uniqueIndexes = [];
 582     indexes = [];
 583     fulltextIndexes = [];
 584     spatialIndexes = [];
 585
 586     // for table creation form
 587     var $engineSelector = $('.create_table_form select[name=tbl_storage_engine]');
 588     if ($engineSelector.length) {
 589         Functions.hideShowConnection($engineSelector);
 590     }
 591
 592     var $form = $('#index_frm');
 593     if ($form.length > 0) {
 594         Functions.showIndexEditDialog($form);
 595     }
 596
 597     $(document).on('click', '#save_index_frm', function (event) {
 598         event.preventDefault();
 599         var $form = $('#index_frm');
 600         var argsep = CommonParams.get('arg_separator');
 601         var submitData = $form.serialize() + argsep + 'do_save_data=1' + argsep + 'ajax_request=true' + argsep + 'ajax_page_request=true';
 602         Functions.ajaxShowMessage(Messages.strProcessingRequest);
 603         AJAX.source = $form;
 604         $.post($form.attr('action'), submitData, AJAX.responseHandler);
 605     });
 606
 607     $(document).on('click', '#preview_index_frm', function (event) {
 608         event.preventDefault();
 609         Functions.previewSql($('#index_frm'));
 610     });
 611
 612     $(document).on('change', '#select_index_choice', function (event) {
 613         event.preventDefault();
 614         Indexes.checkIndexType();
 615         Functions.checkIndexName('index_frm');
 616     });
 617
 618     /**
 619      * Ajax Event handler for 'Drop Index'
 620      */
 621     $(document).on('click', 'a.drop_primary_key_index_anchor.ajax', function (event) {
 622         event.preventDefault();
 623         var $anchor = $(this);
 624         /**
 625          * @var $currRow Object containing reference to the current field's row
 626          */
 627         var $currRow = $anchor.parents('tr');
 628         /** @var    Number of columns in the key */
 629         var rows = $anchor.parents('td').attr('rowspan') || 1;
 630         /** @var    Rows that should be hidden */
 631         var $rowsToHide = $currRow;
 632         for (var i = 1, $lastRow = $currRow.next(); i < rows; i++, $lastRow = $lastRow.next()) {
 633             $rowsToHide = $rowsToHide.add($lastRow);
 634         }
 635
 636         var question = Functions.escapeHtml(
 637             $currRow.children('td')
 638                 .children('.drop_primary_key_index_msg')
 639                 .val()
 640         );
 641
 642         Functions.confirmPreviewSql(question, $anchor.attr('href'), function (url) {
 643             var $msg = Functions.ajaxShowMessage(Messages.strDroppingPrimaryKeyIndex, false);
 644             var params = Functions.getJsConfirmCommonParam(this, $anchor.getPostData());
 645             $.post(url, params, function (data) {
 646                 if (typeof data !== 'undefined' && data.success === true) {
 647                     Functions.ajaxRemoveMessage($msg);
 648                     var $tableRef = $rowsToHide.closest('table');
 649                     if ($rowsToHide.length === $tableRef.find('tbody > tr').length) {
 650                         // We are about to remove all rows from the table
 651                         $tableRef.hide('medium', function () {
 652                             $('div.no_indexes_defined').show('medium');
 653                             $rowsToHide.remove();
 654                         });
 655                         $tableRef.siblings('div.notice').hide('medium');
 656                     } else {
 657                         // We are removing some of the rows only
 658                         $rowsToHide.hide('medium', function () {
 659                             $(this).remove();
 660                         });
 661                     }
 662                     if ($('.result_query').length) {
 663                         $('.result_query').remove();
 664                     }
 665                     if (data.sql_query) {
 666                         $('<div class="result_query"></div>')
 667                             .html(data.sql_query)
 668                             .prependTo('#structure_content');
 669                         Functions.highlightSql($('#page_content'));
 670                     }
 671                     CommonActions.refreshMain(false, function () {
 672                         $('a.ajax[href^=#indexes]').trigger('click');
 673                     });
 674                     Navigation.reload();
 675                 } else {
 676                     Functions.ajaxShowMessage(Messages.strErrorProcessingRequest + ' : ' + data.error, false);
 677                 }
 678             }); // end $.post()
 679         });
 680     }); // end Drop Primary Key/Index
 681
 682     /**
 683      *Ajax event handler for index edit
 684     **/
 685     $(document).on('click', '#table_index tbody tr td.edit_index.ajax, #index_div .add_index.ajax', function (event) {
 686         event.preventDefault();
 687         var url;
 688         var title;
 689         if ($(this).find('a').length === 0) {
 690             // Add index
 691             var valid = Functions.checkFormElementInRange(
 692                 $(this).closest('form')[0],
 693                 'added_fields',
 694                 'Column count has to be larger than zero.'
 695             );
 696             if (! valid) {
 697                 return;
 698             }
 699             url = $(this).closest('form').serialize();
 700             title = Messages.strAddIndex;
 701         } else {
 702             // Edit index
 703             url = $(this).find('a').getPostData();
 704             title = Messages.strEditIndex;
 705         }
 706         url += CommonParams.get('arg_separator') + 'ajax_request=true';
 707         Functions.indexEditorDialog(url, title, function () {
 708             // refresh the page using ajax
 709             CommonActions.refreshMain(false, function () {
 710                 $('a.ajax[href^=#indexes]').trigger('click');
 711             });
 712         });
 713     });
 714
 715     /**
 716      * Ajax event handler for advanced index creation during table creation
 717      * and column addition.
 718      */
 719     $('body').on('change', 'select[name*="field_key"]', function (e, showDialog) {
 720         var showDialogLocal = typeof showDialog !== 'undefined' ? showDialog : true;
 721         // Index of column on Table edit and create page.
 722         var colIndex = /\d+/.exec($(this).attr('name'));
 723         colIndex = colIndex[0];
 724         // Choice of selected index.
 725         var indexChoice = /[a-z]+/.exec($(this).val());
 726         indexChoice = indexChoice[0];
 727         // Array containing corresponding indexes.
 728         var sourceArray = null;
 729
 730         if (indexChoice === 'none') {
 731             Indexes.removeColumnFromIndex(colIndex);
 732             var id = 'index_name_' + '0' + '_8';
 733             var $name = $('#' + id);
 734             if ($name.length === 0) {
 735                 $name = $('<a id="' + id + '" href="#" class="ajax show_index_dialog"></a>');
 736                 $name.insertAfter($('select[name="field_key[' + '0' + ']"]'));
 737             }
 738             $name.html('');
 739             return false;
 740         }
 741
 742         // Select a source array.
 743         sourceArray = Indexes.getIndexArray(indexChoice);
 744         if (sourceArray === null) {
 745             return;
 746         }
 747
 748         if (sourceArray.length === 0) {
 749             var index = {
 750                 'Key_name': (indexChoice === 'primary' ? 'PRIMARY' : ''),
 751                 'Index_choice': indexChoice.toUpperCase()
 752             };
 753             Indexes.showAddIndexDialog(sourceArray, 0, [colIndex], colIndex, index, showDialogLocal);
 754         } else {
 755             if (indexChoice === 'primary') {
 756                 var arrayIndex = 0;
 757                 var sourceLength = sourceArray[arrayIndex].columns.length;
 758                 var targetColumns = [];
 759                 for (var i = 0; i < sourceLength; i++) {
 760                     targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 761                 }
 762                 targetColumns.push(colIndex);
 763                 Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, colIndex,
 764                     sourceArray[arrayIndex], showDialogLocal);
 765             } else {
 766                 // If there are multiple columns selected for an index, show advanced dialog.
 767                 Indexes.indexTypeSelectionDialog(sourceArray, indexChoice, colIndex);
 768             }
 769         }
 770     });
 771
 772     $(document).on('click', '.show_index_dialog', function (e) {
 773         e.preventDefault();
 774
 775         // Get index details.
 776         var previousIndex = $(this).prev('select')
 777             .attr('data-index')
 778             .split(',');
 779
 780         var indexChoice = previousIndex[0];
 781         var arrayIndex  = previousIndex[1];
 782
 783         var sourceArray = Indexes.getIndexArray(indexChoice);
 784         if (sourceArray !== null) {
 785             var sourceLength = sourceArray[arrayIndex].columns.length;
 786
 787             var targetColumns = [];
 788             for (var i = 0; i < sourceLength; i++) {
 789                 targetColumns.push(sourceArray[arrayIndex].columns[i].col_index);
 790             }
 791
 792             Indexes.showAddIndexDialog(sourceArray, arrayIndex, targetColumns, -1, sourceArray[arrayIndex]);
 793         }
 794     });
 795
 796     $('#index_frm').on('submit', function () {
 797         if (typeof(this.elements['index[Key_name]'].disabled) !== 'undefined') {
 798             this.elements['index[Key_name]'].disabled = false;
 799         }
 800     });
 801 });