js/tbl_structure.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview    functions used on the table structure page
   4  * @name            Table Structure
   5  *
   6  * @requires    jQuery
   7  * @requires    jQueryUI
   8  * @required    js/functions.js
   9  */
  10
  11 /**
  12  * AJAX scripts for tbl_structure.php
  13  *
  14  * Actions ajaxified here:
  15  * Drop Column
  16  * Add Primary Key
  17  * Drop Primary Key/Index
  18  *
  19  */
  20 $(document).ready(function() {
  21     /**
  22      * Attach Event Handler for 'Drop Column'
  23      *
  24      * @uses    $.PMA_confirm()
  25      * @uses    PMA_ajaxShowMessage()
  26      * (see $GLOBALS['cfg']['AjaxEnable'])
  27      */
  28     $(".drop_column_anchor").live('click', function(event) {
  29         event.preventDefault();
  30
  31         /**
  32          * @var curr_table_name String containing the name of the current table
  33          */
  34         var curr_table_name = window.parent.table;
  35         /**
  36          * @var curr_row    Object reference to the currently selected row (i.e. field in the table)
  37          */
  38         var curr_row = $(this).parents('tr');
  39         /**
  40          * @var curr_column_name    String containing name of the field referred to by {@link curr_row}
  41          */
  42         var curr_column_name = $(curr_row).children('th').children('label').text();
  43         /**
  44          * @var $after_field_item    Corresponding entry in the 'After' field.
  45          */
  46         var $after_field_item = $("select[name='after_field'] option[value='" + curr_column_name + "']");
  47         /**
  48          * @var question    String containing the question to be asked for confirmation
  49          */
  50         var question = PMA_messages['strDoYouReally'] + ' :\n ALTER TABLE `' + escapeHtml(curr_table_name) + '` DROP `' + escapeHtml(curr_column_name) + '`';
  51
  52         $(this).PMA_confirm(question, $(this).attr('href'), function(url) {
  53
  54             PMA_ajaxShowMessage(PMA_messages['strDroppingColumn'], false);
  55
  56             $.get(url, {'is_js_confirmed' : 1, 'ajax_request' : true}, function(data) {
  57                 if(data.success == true) {
  58                     PMA_ajaxShowMessage(data.message);
  59                     $after_field_item.remove();
  60                     $(curr_row).hide("medium").remove();
  61                 }
  62                 else {
  63                     PMA_ajaxShowMessage(PMA_messages['strErrorProcessingRequest'] + " : " + data.error, false);
  64                 }
  65             }) // end $.get()
  66         }); // end $.PMA_confirm()
  67     }) ; //end of Drop Column Anchor action
  68
  69     /**
  70      * Ajax Event handler for 'Add Primary Key'
  71      *
  72      * @uses    $.PMA_confirm()
  73      * @uses    PMA_ajaxShowMessage()
  74      * (see $GLOBALS['cfg']['AjaxEnable'])
  75      */
  76     $(".action_primary a").live('click', function(event) {
  77         event.preventDefault();
  78
  79         /**
  80          * @var curr_table_name String containing the name of the current table
  81          */
  82         var curr_table_name = window.parent.table;
  83         /**
  84          * @var curr_column_name    String containing name of the field referred to by {@link curr_row}
  85          */
  86         var curr_column_name = $(this).parents('tr').children('th').children('label').text();
  87         /**
  88          * @var question    String containing the question to be asked for confirmation
  89          */
  90         var question = PMA_messages['strDoYouReally'] + ' :\n ALTER TABLE `' + escapeHtml(curr_table_name) + '` ADD PRIMARY KEY(`' + escapeHtml(curr_column_name) + '`)';
  91
  92         $(this).PMA_confirm(question, $(this).attr('href'), function(url) {
  93
  94             PMA_ajaxShowMessage(PMA_messages['strAddingPrimaryKey'], false);
  95
  96             $.get(url, {'is_js_confirmed' : 1, 'ajax_request' : true}, function(data) {
  97                 if(data.success == true) {
  98                     PMA_ajaxShowMessage(data.message);
  99                     $(this).remove();
 100                     if (typeof data.reload != 'undefined') {
 101                         window.parent.frame_content.location.reload();
 102                     }
 103                 }
 104                 else {
 105                     PMA_ajaxShowMessage(PMA_messages['strErrorProcessingRequest'] + " : " + data.error, false);
 106                 }
 107             }) // end $.get()
 108         }) // end $.PMA_confirm()
 109     })//end Add Primary Key
 110
 111     /**
 112      * Ajax Event handler for 'Drop Primary Key/Index'
 113      *
 114      * @uses    $.PMA_confirm()
 115      * @uses    PMA_ajaxShowMessage()
 116      * (see $GLOBALS['cfg']['AjaxEnable'])
 117      */
 118     $('.drop_primary_key_index_anchor').live('click', function(event) {
 119         event.preventDefault();
 120
 121         $anchor = $(this);
 122
 123         /**
 124          * @var $curr_row    Object containing reference to the current field's row
 125          */
 126         var $curr_row = $anchor.parents('tr');
 127         /** @var    Number of columns in the key */
 128         var rows = $anchor.parents('td').attr('rowspan') || 1;
 129         /** @var    Rows that should be hidden */
 130         var $rows_to_hide = $curr_row;
 131         for (var i = 1, $last_row = $curr_row.next(); i < rows; i++, $last_row = $last_row.next()) {
 132             $rows_to_hide = $rows_to_hide.add($last_row);
 133         }
 134
 135         var question = $curr_row.children('td').children('.drop_primary_key_index_msg').val();
 136
 137         $anchor.PMA_confirm(question, $anchor.attr('href'), function(url) {
 138
 139             PMA_ajaxShowMessage(PMA_messages['strDroppingPrimaryKeyIndex'], false);
 140
 141             $.get(url, {'is_js_confirmed': 1, 'ajax_request': true}, function(data) {
 142                 if(data.success == true) {
 143                     PMA_ajaxShowMessage(data.message);
 144                     var $table_ref = $rows_to_hide.closest('table');
 145                     if ($rows_to_hide.length == $table_ref.find('tbody > tr').length) {
 146                         // We are about to remove all rows from the table
 147                         $table_ref.hide('medium', function() {
 148                             $('.no_indexes_defined').show('medium');
 149                             $rows_to_hide.remove();
 150                         });
 151                         $table_ref.siblings('div.notice').hide('medium');
 152                     } else {
 153                         // We are removing some of the rows only
 154                         $rows_to_hide.hide("medium", function () {
 155                             $(this).remove();
 156                         });
 157                     }
 158                 }
 159                 else {
 160                     PMA_ajaxShowMessage(PMA_messages['strErrorProcessingRequest'] + " : " + data.error, false);
 161                 }
 162             }) // end $.get()
 163         }) // end $.PMA_confirm()
 164     }) //end Drop Primary Key/Index
 165
 166     /**
 167      *Ajax event handler for multi column change
 168     **/
 169     $("#fieldsForm.ajax .mult_submit[value=change]").live('click', function(event){
 170         event.preventDefault();
 171
 172         /*Check whether atleast one row is selected for change*/
 173         if ($("#tablestructure tbody tr").hasClass("marked")) {
 174             /*Define the action and $url variabls for the post method*/
 175             var $form = $("#fieldsForm");
 176             var action = $form.attr('action');
 177             var url = $form.serialize()+"&ajax_request=true&submit_mult=change";
 178             /*Calling for the changeColumns fucntion*/
 179             changeColumns(action,url);
 180         } else {
 181             PMA_ajaxShowMessage(PMA_messages['strNoRowSelected']);
 182         }
 183     });
 184
 185     /**
 186      *Ajax event handler for single column change
 187     **/
 188     $("#fieldsForm.ajax #tablestructure tbody tr td.edit a").live('click', function(event){
 189         event.preventDefault();
 190         /*Define the action and $url variabls for the post method*/
 191         var action = "tbl_alter.php";
 192         var url = $(this).attr('href');
 193         if (url.substring(0, 13) == "tbl_alter.php") {
 194             url = url.substring(14, url.length);
 195         }
 196         url = url + "&ajax_request=true";
 197         /*Calling for the changeColumns fucntion*/
 198         changeColumns(action,url);
 199      });
 200
 201     /**
 202      *Ajax event handler for index edit
 203     **/
 204     $("#table_index tbody tr td.edit_index.ajax, #indexes .add_index.ajax").live('click', function(event){
 205         event.preventDefault();
 206         if ($(this).find("a").length == 0) {
 207             // Add index
 208             var valid = checkFormElementInRange(
 209                 $(this).closest('form')[0],
 210                 'added_fields',
 211                 'Column count has to be larger than zero.'
 212             );
 213             if (! valid) {
 214                 return;
 215             }
 216             var url = $(this).closest('form').serialize();
 217             var title = PMA_messages['strAddIndex'];
 218         } else {
 219             // Edit index
 220             var url = $(this).find("a").attr("href");
 221             if (url.substring(0, 16) == "tbl_indexes.php?") {
 222                 url = url.substring(16, url.length );
 223             }
 224             var title = PMA_messages['strEditIndex'];
 225         }
 226         url += "&ajax_request=true";
 227
 228         /*Remove the hidden dialogs if there are*/
 229         if ($('#edit_index_dialog').length != 0) {
 230             $('#edit_index_dialog').remove();
 231         }
 232         var $div = $('<div id="edit_index_dialog"></div>');
 233
 234         /**
 235          * @var button_options Object that stores the options
 236          *                     passed to jQueryUI dialog
 237          */
 238         var button_options = {};
 239         button_options[PMA_messages['strGo']] = function() {
 240             /**
 241              *  @var    the_form    object referring to the export form
 242              */
 243             var $form = $("#index_frm");
 244             PMA_prepareForAjaxRequest($form);
 245             //User wants to submit the form
 246             $.post($form.attr('action'), $form.serialize()+"&do_save_data=1", function(data) {
 247                 if ($("#sqlqueryresults").length != 0) {
 248                     $("#sqlqueryresults").remove();
 249                 }
 250                 if (data.success == true) {
 251                     PMA_ajaxShowMessage(data.message);
 252                     $("<div id='sqlqueryresults'></div>").insertAfter("#floating_menubar");
 253                     $("#sqlqueryresults").html(data.sql_query);
 254                     $("#result_query .notice").remove();
 255                     $("#result_query").prepend(data.message);
 256
 257                     /*Reload the field form*/
 258                     $("#table_index").remove();
 259                     var $temp_div = $("<div id='temp_div'><div>").append(data.index_table);
 260                     $temp_div.find("#table_index").insertAfter("#index_header");
 261                     if ($("#edit_index_dialog").length > 0) {
 262                         $("#edit_index_dialog").dialog("close");
 263                     }
 264                     $('.no_indexes_defined').hide();
 265                 } else if (data.error != undefined) {
 266                     var $temp_div = $("<div id='temp_div'><div>").append(data.error);
 267                     if ($temp_div.find(".error code").length != 0) {
 268                         var $error = $temp_div.find(".error code").addClass("error");
 269                     } else {
 270                         var $error = $temp_div;
 271                     }
 272                     PMA_ajaxShowMessage($error, false);
 273                 }
 274             }) // end $.post()
 275         }
 276         button_options[PMA_messages['strCancel']] = function() {
 277             $(this).dialog('close');
 278         }
 279         var $msgbox = PMA_ajaxShowMessage();
 280         $.get("tbl_indexes.php", url, function(data) {
 281             if (data.error) {
 282                 //in the case of an error, show the error message returned.
 283                 PMA_ajaxShowMessage(data.error, false);
 284             } else {
 285                 PMA_ajaxRemoveMessage($msgbox);
 286                 // Show dialog if the request was successful
 287                 $div
 288                 .append(data)
 289                 .dialog({
 290                     title: title,
 291                     width: 450,
 292                     open: PMA_verifyColumnsProperties,
 293                     modal: true,
 294                     buttons: button_options,
 295                     close: function () {
 296                         $(this).remove();
 297                     }
 298                 });
 299                 checkIndexType();
 300                 checkIndexName("index_frm");
 301                 PMA_convertFootnotesToTooltips($div);
 302                 // Add a slider for selecting how many columns to add to the index
 303                 $div.find('.slider').slider({
 304                    animate: true,
 305                    value: 1,
 306                    min: 1,
 307                    max: 16,
 308                    slide: function( event, ui ) {
 309                         $(this).closest('fieldset').find('input[type=submit]').val(
 310                             PMA_messages['strAddToIndex'].replace(/%d/, ui.value)
 311                         );
 312                    }
 313                             });
 314                 // Focus the slider, otherwise it looks nearly transparent
 315                 $('.ui-slider-handle').addClass('ui-state-focus');
 316             }
 317         }) // end $.get()
 318     });
 319
 320     /**
 321      * Handler for adding more columns to an index in the editor
 322      */
 323     $('#index_frm input[type=submit]').live('click', function(event) {
 324         event.preventDefault();
 325         var rows_to_add = $(this)
 326             .closest('fieldset')
 327             .find('.slider')
 328             .slider('value');
 329         while (rows_to_add--) {
 330             var $newrow = $('#index_columns')
 331                 .find('tbody > tr:first')
 332                 .clone()
 333                 .appendTo(
 334                     $('#index_columns').find('tbody')
 335                 );
 336             $newrow.find(':input').each(function() {
 337                 $(this).val('');
 338             });
 339         }
 340     });
 341
 342     /**
 343      *Ajax event handler for Add column(s)
 344     **/
 345     $("#addColumns.ajax input[type=submit]").live('click', function(event){
 346         event.preventDefault();
 347
 348         /*Remove the hidden dialogs if there are*/
 349         if ($('#add_columns').length != 0) {
 350             $('#add_columns').remove();
 351         }
 352         var $div = $('<div id="add_columns"></div>');
 353
 354         var $form = $("#addColumns");
 355
 356         /**
 357          *  @var    button_options  Object that stores the options passed to jQueryUI
 358          *                          dialog
 359          */
 360         var button_options = {};
 361         // in the following function we need to use $(this)
 362         button_options[PMA_messages['strCancel']] = function() {$(this).dialog('close').remove();}
 363
 364         var button_options_error = {};
 365         button_options_error[PMA_messages['strOK']] = function() {$(this).dialog('close').remove();}
 366         var $msgbox = PMA_ajaxShowMessage();
 367
 368         $.get( $form.attr('action') , $form.serialize()+"&ajax_request=true" ,  function(data) {
 369             //in the case of an error, show the error message returned.
 370             if (data.success != undefined && data.success == false) {
 371                 $div
 372                 .append(data.error)
 373                 .dialog({
 374                     title: PMA_messages['strAddColumns'],
 375                     height: 230,
 376                     width: 900,
 377                     open: PMA_verifyColumnsProperties,
 378                     modal: true,
 379                     buttons : button_options_error
 380                 })// end dialog options
 381             } else {
 382                 $div
 383                 .append(data)
 384                 .dialog({
 385                     title: PMA_messages['strAddColumns'],
 386                     height: 600,
 387                     width: 900,
 388                     open: PMA_verifyColumnsProperties,
 389                     modal: true,
 390                     buttons : button_options
 391                 }); // end dialog options
 392
 393                 $div = $("#add_columns");
 394                 /*changed the z-index of the enum editor to allow the edit*/
 395                 $("#enum_editor").css("z-index", "1100");
 396                 PMA_convertFootnotesToTooltips($div);
 397             }
 398             PMA_ajaxRemoveMessage($msgbox);
 399         }) // end $.get()
 400     });
 401
 402
 403
 404 }) // end $(document).ready()
 405
 406 /**
 407  * Loads the append_fields_form to the Change dialog allowing users
 408  * to change the columns
 409  * @param   string    action  Variable which parses the name of the
 410  *                             destination file
 411  * @param   string    $url    Variable which parses the data for the
 412  *                             post action
 413  */
 414 function changeColumns(action,url)
 415 {
 416     /*Remove the hidden dialogs if there are*/
 417     if ($('#change_column_dialog').length != 0) {
 418         $('#change_column_dialog').remove();
 419     }
 420     var $div = $('<div id="change_column_dialog"></div>');
 421
 422     /**
 423      *  @var    button_options  Object that stores the options passed to jQueryUI
 424      *                          dialog
 425      */
 426     var button_options = {};
 427     // in the following function we need to use $(this)
 428     button_options[PMA_messages['strCancel']] = function() {$(this).dialog('close').remove();}
 429
 430     var button_options_error = {};
 431     button_options_error[PMA_messages['strOK']] = function() {$(this).dialog('close').remove();}
 432     var $msgbox = PMA_ajaxShowMessage();
 433
 434     $.get( action , url ,  function(data) {
 435         //in the case of an error, show the error message returned.
 436         if (data.success != undefined && data.success == false) {
 437             $div
 438             .append(data.error)
 439             .dialog({
 440                 title: PMA_messages['strChangeTbl'],
 441                 height: 230,
 442                 width: 900,
 443                 modal: true,
 444                 open: PMA_verifyColumnsProperties,
 445                 buttons : button_options_error
 446             })// end dialog options
 447         } else {
 448             $div
 449             .append(data)
 450             .dialog({
 451                 title: PMA_messages['strChangeTbl'],
 452                 height: 600,
 453                 width: 900,
 454                 modal: true,
 455                 open: PMA_verifyColumnsProperties,
 456                 buttons : button_options
 457             }); // end dialog options
 458             $("#append_fields_form input[name=do_save_data]").addClass("ajax");
 459             /*changed the z-index of the enum editor to allow the edit*/
 460             $("#enum_editor").css("z-index", "1100");
 461             $div = $("#change_column_dialog");
 462             PMA_convertFootnotesToTooltips($div);
 463         }
 464         PMA_ajaxRemoveMessage($msgbox);
 465     }) // end $.get()
 466 }
 467