js/sql.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview    functions used wherever an sql query form is used
   4  *
   5  * @requires    jQuery
   6  * @requires    js/functions.js
   7  *
   8  */
   9
  10 /**
  11  * decode a string URL_encoded
  12  *
  13  * @param string str
  14  * @return string the URL-decoded string
  15  */
  16 var data_vt;
  17 function PMA_urldecode(str) {
  18     return decodeURIComponent(str.replace(/\+/g, '%20'));
  19 }
  20
  21 function PMA_urlencode(str) {
  22     return encodeURIComponent(str.replace(/\%20/g, '+'));
  23 }
  24
  25 /**
  26  * Get the field name for the current field.  Required to construct the query
  27  * for inline editing
  28  *
  29  * @param   $this_field  jQuery object that points to the current field's tr
  30  * @param   disp_mode    string
  31  */
  32 function getFieldName($this_field, disp_mode) {
  33
  34     if(disp_mode == 'vertical') {
  35         var field_name = $this_field.siblings('th').find('a').text();
  36         // happens when just one row (headings contain no a)
  37         if ("" == field_name) {
  38             field_name = $this_field.siblings('th').text();
  39         }
  40     }
  41     else {
  42         var this_field_index = $this_field.index();
  43         // ltr or rtl direction does not impact how the DOM was generated
  44         //
  45         // 5 columns to account for the checkbox, edit, appended inline edit, copy and delete anchors but index is zero-based so substract 4
  46         var field_name = $('#table_results').find('thead').find('th:nth('+ (this_field_index-4 )+') a').text();
  47         // happens when just one row (headings contain no a)
  48         if ("" == field_name) {
  49             field_name = $('#table_results').find('thead').find('th:nth('+ (this_field_index-4 )+')').text();
  50         }
  51     }
  52
  53     field_name = $.trim(field_name);
  54
  55     return field_name;
  56 }
  57
  58 /**
  59  * The function that iterates over each row in the table_results and appends a
  60  * new inline edit anchor to each table row.
  61  *
  62  */
  63 function appendInlineAnchor() {
  64     var disp_mode = $("#top_direction_dropdown").val();
  65
  66     if (disp_mode == 'vertical') {
  67         // there can be one or two tr containing this class, depending
  68         // on the ModifyDeleteAtLeft and ModifyDeleteAtRight cfg parameters
  69         $('#table_results tr')
  70             .find('.edit_row_anchor')
  71             .removeClass('edit_row_anchor')
  72             .parent().each(function() {
  73             var $this_tr = $(this);
  74             var $cloned_tr = $this_tr.clone();
  75
  76             var $img_object = $cloned_tr.find('img:first').attr('title', PMA_messages['strInlineEdit']);
  77             if ($img_object.length != 0) {
  78                 var img_src = $img_object.attr('src').replace(/b_edit/,'b_inline_edit');
  79                 $img_object.attr('src', img_src);
  80             }
  81
  82             $cloned_tr.find('td')
  83              .addClass('inline_edit_anchor')
  84              .find('a').attr('href', '#')
  85              .find('span')
  86              .text(' ' + PMA_messages['strInlineEdit'])
  87              .prepend($img_object);
  88
  89             $cloned_tr.insertAfter($this_tr);
  90         });
  91
  92         $('#rowsDeleteForm').find('tbody').find('th').each(function() {
  93             var $this_th = $(this);
  94             if ($this_th.attr('rowspan') == 4) {
  95                 $this_th.attr('rowspan', '5');
  96             }
  97         });
  98     }
  99     else {
 100         // horizontal mode
 101         $('.edit_row_anchor').each(function() {
 102
 103             var $this_td = $(this);
 104             $this_td.removeClass('edit_row_anchor');
 105
 106             var $cloned_anchor = $this_td.clone();
 107
 108             var $img_object = $cloned_anchor.find('img').attr('title', PMA_messages['strInlineEdit']);
 109             if ($img_object.length != 0) {
 110                 var img_src = $img_object.attr('src').replace(/b_edit/,'b_inline_edit');
 111                 $img_object.attr('src', img_src);
 112                 $cloned_anchor
 113                  .find('a').attr('href', '#')
 114                  .find('span')
 115                  .text(' ' + PMA_messages['strInlineEdit']);
 116                 $cloned_anchor
 117                  .find('span')
 118                  .first()
 119                  .prepend($img_object);
 120             } else {
 121                 // the link was too big so <input type="image"> is there
 122                 $img_object = $cloned_anchor.find('input:image').attr('title', PMA_messages['strInlineEdit']);
 123                 var img_src = $img_object.attr('src').replace(/b_edit/,'b_inline_edit');
 124                 $img_object.attr('src', img_src);
 125                 $cloned_anchor
 126                  .find('.clickprevimage')
 127                  .text(' ' + PMA_messages['strInlineEdit']);
 128             }
 129
 130             $cloned_anchor
 131              .addClass('inline_edit_anchor');
 132
 133             $this_td.after($cloned_anchor);
 134         });
 135
 136         $('#rowsDeleteForm').find('thead, tbody').find('th').each(function() {
 137             var $this_th = $(this);
 138             if ($this_th.attr('colspan') == 4) {
 139                 $this_th.attr('colspan', '5');
 140             }
 141         });
 142     }
 143 }
 144
 145 /**#@+
 146  * @namespace   jQuery
 147  */
 148
 149 /**
 150  * @description <p>Ajax scripts for sql and browse pages</p>
 151  *
 152  * Actions ajaxified here:
 153  * <ul>
 154  * <li>Retrieve results of an SQL query</li>
 155  * <li>Paginate the results table</li>
 156  * <li>Sort the results table</li>
 157  * <li>Change table according to display options</li>
 158  * <li>Inline editing of data</li>
 159  * </ul>
 160  *
 161  * @name        document.ready
 162  * @memberOf    jQuery
 163  */
 164 $(document).ready(function() {
 165
 166     /**
 167      * Set a parameter for all Ajax queries made on this page.  Don't let the
 168      * web server serve cached pages
 169      */
 170     $.ajaxSetup({
 171         cache: 'false'
 172     });
 173
 174     /**
 175      * current value of the direction in which the table is displayed
 176      * @type    String
 177      * @fieldOf jQuery
 178      * @name    disp_mode
 179      */
 180     var disp_mode = $("#top_direction_dropdown").val();
 181
 182     /**
 183      * Update value of {@link jQuery.disp_mode} everytime the direction dropdown changes value
 184      * @memberOf    jQuery
 185      * @name        direction_dropdown_change
 186      */
 187     $("#top_direction_dropdown, #bottom_direction_dropdown").live('change', function(event) {
 188         disp_mode = $(this).val();
 189     })
 190
 191     /**
 192      * Attach the {@link appendInlineAnchor} function to a custom event, which
 193      * will be triggered manually everytime the table of results is reloaded
 194      * @memberOf    jQuery
 195      */
 196     $("#sqlqueryresults").live('appendAnchor',function() {
 197         appendInlineAnchor();
 198     })
 199
 200     /**
 201      * Trigger the appendAnchor event to prepare the first table for inline edit
 202      * (see $GLOBALS['cfg']['AjaxEnable'])
 203      * @memberOf    jQuery
 204      * @name        sqlqueryresults_trigger
 205      */
 206     $("#sqlqueryresults.ajax").trigger('appendAnchor');
 207
 208     /**
 209      * Append the "Show/Hide query box" message to the query input form
 210      *
 211      * @memberOf jQuery
 212      * @name    appendToggleSpan
 213      */
 214     // do not add this link more than once
 215     if (! $('#sqlqueryform').find('a').is('#togglequerybox')) {
 216         $('<a id="togglequerybox"></a>')
 217         .html(PMA_messages['strHideQueryBox'])
 218         .appendTo("#sqlqueryform")
 219         // initially hidden because at this point, nothing else
 220         // appears under the link
 221         .hide();
 222
 223         // Attach the toggling of the query box visibility to a click
 224         $("#togglequerybox").bind('click', function() {
 225             var $link = $(this)
 226             $link.siblings().slideToggle("fast");
 227             if ($link.text() == PMA_messages['strHideQueryBox']) {
 228                 $link.text(PMA_messages['strShowQueryBox']);
 229                 // cheap trick to add a spacer between the menu tabs
 230                 // and "Show query box"; feel free to improve!
 231                 $('#togglequerybox_spacer').remove();
 232                 $link.before('<br id="togglequerybox_spacer" />');
 233             } else {
 234                 $link.text(PMA_messages['strHideQueryBox']);
 235             }
 236             // avoid default click action
 237             return false;
 238         })
 239     }
 240
 241     /**
 242      * Ajax Event handler for 'SQL Query Submit'
 243      *
 244      * @see         PMA_ajaxShowMessage()
 245      * @see         $cfg['AjaxEnable']
 246      * @memberOf    jQuery
 247      * @name        sqlqueryform_submit
 248      */
 249     $("#sqlqueryform.ajax").live('submit', function(event) {
 250         event.preventDefault();
 251         // remove any div containing a previous error message
 252         $('.error').remove();
 253
 254         $form = $(this);
 255         var $msgbox = PMA_ajaxShowMessage();
 256
 257         PMA_prepareForAjaxRequest($form);
 258
 259         $.post($(this).attr('action'), $(this).serialize() , function(data) {
 260             if(data.success == true) {
 261                 // fade out previous messages, if any
 262                 $('.success').fadeOut();
 263                 $('.sqlquery_message').fadeOut();
 264                 // show a message that stays on screen
 265                 if (typeof data.sql_query != 'undefined') {
 266                     $('<div class="sqlquery_message"></div>')
 267                      .html(data.sql_query)
 268                      .insertBefore('#sqlqueryform');
 269                     // unnecessary div that came from data.sql_query
 270                     $('.notice').remove();
 271                 } else {
 272                     $('#sqlqueryform').before(data.message);
 273                 }
 274                 $('#sqlqueryresults').show();
 275                 // this happens if a USE command was typed
 276                 if (typeof data.reload != 'undefined') {
 277                     $form.find('input[name=db]').val(data.db);
 278                     // need to regenerate the whole upper part
 279                     $form.find('input[name=ajax_request]').remove();
 280                     $form.append('<input type="hidden" name="reload" value="true" />');
 281                     $.post('db_sql.php', $form.serialize(), function(data) {
 282                         $('body').html(data);
 283                     }); // end inner post
 284                 }
 285             }
 286             else if (data.success == false ) {
 287                 // show an error message that stays on screen
 288                 $('#sqlqueryform').before(data.error);
 289                 $('#sqlqueryresults').hide();
 290             }
 291             else {
 292                 // real results are returned
 293                 // fade out previous messages, if any
 294                 $('.success').fadeOut();
 295                 $('.sqlquery_message').fadeOut();
 296                 $received_data = $(data);
 297                 $zero_row_results = $received_data.find('textarea[name="sql_query"]');
 298                 // if zero rows are returned from the query execution
 299                 if ($zero_row_results.length > 0) {
 300                     $('#sqlquery').val($zero_row_results.val());
 301                 } else {
 302                     $('#sqlqueryresults').show();
 303                     $("#sqlqueryresults").html(data);
 304                     $("#sqlqueryresults").trigger('appendAnchor');
 305                     $('#togglequerybox').show();
 306                     if($("#togglequerybox").siblings(":visible").length > 0) {
 307                         $("#togglequerybox").trigger('click');
 308                     }
 309                     PMA_init_slider();
 310                 }
 311             }
 312             PMA_ajaxRemoveMessage($msgbox);
 313
 314         }) // end $.post()
 315     }) // end SQL Query submit
 316
 317     /**
 318      * Ajax Event handlers for Paginating the results table
 319      */
 320
 321     /**
 322      * Paginate when we click any of the navigation buttons
 323      * (only if the element has the ajax class, see $cfg['AjaxEnable'])
 324      * @memberOf    jQuery
 325      * @name        paginate_nav_button_click
 326      * @uses        PMA_ajaxShowMessage()
 327      * @see         $cfg['AjaxEnable']
 328      */
 329     $("input[name=navig].ajax").live('click', function(event) {
 330         /** @lends jQuery */
 331         event.preventDefault();
 332
 333         var $msgbox = PMA_ajaxShowMessage();
 334
 335         /**
 336          * @var $the_form    Object referring to the form element that paginates the results table
 337          */
 338         var $the_form = $(this).parent("form");
 339
 340         $the_form.append('<input type="hidden" name="ajax_request" value="true" />');
 341
 342         $.post($the_form.attr('action'), $the_form.serialize(), function(data) {
 343             $("#sqlqueryresults").html(data);
 344             $("#sqlqueryresults").trigger('appendAnchor');
 345             PMA_init_slider();
 346
 347             PMA_ajaxRemoveMessage($msgbox);
 348         }) // end $.post()
 349     })// end Paginate results table
 350
 351     /**
 352      * Paginate results with Page Selector dropdown
 353      * @memberOf    jQuery
 354      * @name        paginate_dropdown_change
 355      * @see         $cfg['AjaxEnable']
 356      */
 357     $("#pageselector").live('change', function(event) {
 358         var $the_form = $(this).parent("form");
 359
 360         if ($(this).hasClass('ajax')) {
 361             event.preventDefault();
 362
 363             var $msgbox = PMA_ajaxShowMessage();
 364
 365             $.post($the_form.attr('action'), $the_form.serialize() + '&ajax_request=true', function(data) {
 366                 $("#sqlqueryresults").html(data);
 367                 $("#sqlqueryresults").trigger('appendAnchor');
 368                 PMA_init_slider();
 369                 PMA_ajaxRemoveMessage($msgbox);
 370             }) // end $.post()
 371         } else {
 372             $the_form.submit();
 373         }
 374
 375     })// end Paginate results with Page Selector
 376
 377     /**
 378      * Ajax Event handler for sorting the results table
 379      * @memberOf    jQuery
 380      * @name        table_results_sort_click
 381      * @see         $cfg['AjaxEnable']
 382      */
 383     $("#table_results.ajax").find("a[title=Sort]").live('click', function(event) {
 384         event.preventDefault();
 385
 386         var $msgbox = PMA_ajaxShowMessage();
 387
 388         $anchor = $(this);
 389
 390         $.get($anchor.attr('href'), $anchor.serialize() + '&ajax_request=true', function(data) {
 391             $("#sqlqueryresults")
 392              .html(data)
 393              .trigger('appendAnchor');
 394             PMA_ajaxRemoveMessage($msgbox);
 395         }) // end $.get()
 396     })//end Sort results table
 397
 398     /**
 399      * Ajax Event handler for the display options
 400      * @memberOf    jQuery
 401      * @name        displayOptionsForm_submit
 402      * @see         $cfg['AjaxEnable']
 403      */
 404     $("#displayOptionsForm.ajax").live('submit', function(event) {
 405         event.preventDefault();
 406
 407         $form = $(this);
 408
 409         $.post($form.attr('action'), $form.serialize() + '&ajax_request=true' , function(data) {
 410             $("#sqlqueryresults")
 411              .html(data)
 412              .trigger('appendAnchor');
 413             PMA_init_slider();
 414         }) // end $.post()
 415     })
 416     //end displayOptionsForm handler
 417
 418     /**
 419      * Ajax Event handlers for Inline Editing
 420      */
 421
 422     /**
 423      * On click, replace the fields of current row with an input/textarea
 424      * @memberOf    jQuery
 425      * @name        inline_edit_start
 426      * @see         PMA_ajaxShowMessage()
 427      * @see         getFieldName()
 428      */
 429     $(".inline_edit_anchor span a").live('click', function(event) {
 430         /** @lends jQuery */
 431         event.preventDefault();
 432
 433         var $edit_td = $(this).parents('td');
 434         $edit_td.removeClass('inline_edit_anchor').addClass('inline_edit_active').parent('tr').addClass('noclick');
 435
 436         // Adding submit and hide buttons to inline edit <td>.
 437         // For "hide" button the original data to be restored is
 438         //  kept in the jQuery data element 'original_data' inside the <td>.
 439         // Looping through all columns or rows, to find the required data and then storing it in an array.
 440
 441         var $this_children = $edit_td.children('span.nowrap').children('a').children('span.nowrap');
 442         if (disp_mode != 'vertical') {
 443             $this_children.empty();
 444             $this_children.text(PMA_messages['strSave']);
 445         } else {
 446             // vertical
 447             data_vt = $this_children.html();
 448             $this_children.text(PMA_messages['strSave']);
 449         }
 450
 451         var hide_link = '<br /><br /><a id="hide">' + PMA_messages['strHide'] + '</a>';
 452         if (disp_mode != 'vertical') {
 453             $edit_td.append(hide_link);
 454             $('#table_results tbody tr td a#hide').click(function() {
 455                 $this_children = $(this).siblings('span.nowrap').children('a').children('span.nowrap');
 456                 $this_children.empty();
 457                 $this_children.text(PMA_messages['strInlineEdit']);
 458
 459                 var $this_hide = $(this).parent();
 460                 $this_hide.removeClass("inline_edit_active hover").addClass("inline_edit_anchor");
 461                 $this_hide.parent().removeClass("hover noclick");
 462                 $this_hide.siblings().removeClass("hover");
 463
 464                 var last_column = $this_hide.siblings().length;
 465                 var txt = '';
 466                 for(var i = 4; i < last_column; i++) {
 467                     if($this_hide.siblings("td:eq(" + i + ")").hasClass("inline_edit") == false) {
 468                         continue;
 469                     }
 470                     txt = $this_hide.siblings("td:eq(" + i + ")").data('original_data');
 471                     if($this_hide.siblings("td:eq(" + i + ")").children().length != 0) {
 472                         $this_hide.siblings("td:eq(" + i + ")").empty();
 473                         $this_hide.siblings("td:eq(" + i + ")").append(txt);
 474                     }
 475                 }
 476                 $(this).prev().prev().remove();
 477                 $(this).prev().remove();
 478                 $(this).remove();
 479             });
 480         } else {
 481             var txt = '';
 482             var rows = $edit_td.parent().siblings().length;
 483
 484             $edit_td.append(hide_link);
 485             $('#table_results tbody tr td a#hide').click(function() {
 486                 var pos = $(this).parent().index();
 487                 var $chg_submit = $(this).parent().children('span.nowrap').children('a').children('span.nowrap');
 488                 $chg_submit.empty();
 489                 $chg_submit.append(data_vt);
 490
 491                 var $this_row = $(this).parents('tr');
 492                 // changing inline_edit_active to inline_edit_anchor
 493                 $this_row.siblings("tr:eq(3) td:eq(" + pos + ")").removeClass("inline_edit_active").addClass("inline_edit_anchor");
 494
 495                 // removing marked and hover classes.
 496                 $this_row.parent('tbody').find('tr').find("td:eq(" + pos + ")").removeClass("marked hover");
 497
 498                 for( var i = 6; i <= rows + 2; i++){
 499                     if( $this_row.siblings("tr:eq(" + i + ") td:eq(" + pos + ")").hasClass("inline_edit") == false) {
 500                         continue;
 501                     }
 502                     txt = $this_row.siblings("tr:eq(" + i + ") td:eq(" + pos + ")").data('original_data');
 503                     $this_row.siblings("tr:eq(" + i + ") td:eq(" + pos + ")").empty();
 504                     $this_row.siblings("tr:eq(" + i + ") td:eq(" + pos + ")").append(txt);
 505                 }
 506                 $(this).prev().remove();
 507                 $(this).prev().remove();
 508                 $(this).remove();
 509             });
 510         }
 511
 512         // Initialize some variables
 513         if(disp_mode == 'vertical') {
 514             /**
 515              * @var this_row_index  Index of the current <td> in the parent <tr>
 516              *                      Current <td> is the inline edit anchor.
 517              */
 518             var this_row_index = $edit_td.index();
 519             /**
 520              * @var $input_siblings  Object referring to all inline editable events from same row
 521              */
 522             var $input_siblings = $edit_td.parents('tbody').find('tr').find('.inline_edit:nth('+this_row_index+')');
 523             /**
 524              * @var where_clause    String containing the WHERE clause to select this row
 525              */
 526             var where_clause = $edit_td.parents('tbody').find('tr').find('.where_clause:nth('+this_row_index+')').val();
 527         }
 528         // horizontal mode
 529         else {
 530             var this_row_index = $edit_td.parent().index();
 531             var $input_siblings = $edit_td.parent('tr').find('.inline_edit');
 532             var where_clause = $edit_td.parent('tr').find('.where_clause').val();
 533         }
 534
 535         $input_siblings.each(function() {
 536             /** @lends jQuery */
 537             /**
 538              * @var data_value  Current value of this field
 539              */
 540             var data_value = $(this).html();
 541
 542             // We need to retrieve the value from the server for truncated/relation fields
 543             // Find the field name
 544
 545             /**
 546              * @var this_field  Object referring to this field (<td>)
 547              */
 548             var $this_field = $(this);
 549             /**
 550              * @var field_name  String containing the name of this field.
 551              * @see getFieldName()
 552              */
 553             var field_name = getFieldName($this_field, disp_mode);
 554             /**
 555              * @var relation_curr_value String current value of the field (for fields that are foreign keyed).
 556              */
 557             var relation_curr_value = $this_field.find('a').text();
 558             /**
 559              * @var relation_key_or_display_column String relational key if in 'Relational display column' mode,
 560              * relational display column if in 'Relational key' mode (for fields that are foreign keyed).
 561              */
 562             var relation_key_or_display_column = $this_field.find('a').attr('title');
 563             /**
 564              * @var curr_value String current value of the field (for fields that are of type enum or set).
 565              */
 566             var curr_value = $this_field.text();
 567
 568             if($this_field.is(':not(.not_null)')){
 569                 // add a checkbox to mark null for all the field that are nullable.
 570                 $this_field.html('<div class="null_div">Null :<input type="checkbox" class="checkbox_null_'+ field_name + '_' + this_row_index +'"></div>');
 571                 // check the 'checkbox_null_<field_name>_<row_index>' if the corresponding value is null
 572                 if($this_field.is('.null')) {
 573                     $('.checkbox_null_' + field_name + '_' + this_row_index).attr('checked', true);
 574                 }
 575
 576                 // if the select/editor is changed un-check the 'checkbox_null_<field_name>_<row_index>'.
 577                 if ($this_field.is('.enum, .set')) {
 578                     $this_field.find('select').live('change', function(e) {
 579                         $('.checkbox_null_' + field_name + '_' + this_row_index).attr('checked', false);
 580                     })
 581                 } else if ($this_field.is('.relation')) {
 582                     $this_field.find('select').live('change', function(e) {
 583                         $('.checkbox_null_' + field_name + '_' + this_row_index).attr('checked', false);
 584                     })
 585                     $this_field.find('.browse_foreign').live('click', function(e) {
 586                         $('.checkbox_null_' + field_name + '_' + this_row_index).attr('checked', false);
 587                     })
 588                 } else {
 589                     $this_field.find('textarea').live('keypress', function(e) {
 590                         $('.checkbox_null_' + field_name + '_' + this_row_index).attr('checked', false);
 591                     })
 592                 }
 593
 594                 // if 'checkbox_null_<field_name>_<row_index>' is clicked empty the corresponding select/editor.
 595                 $('.checkbox_null_' + field_name + '_' + this_row_index).bind('click', function(e) {
 596                     if ($this_field.is('.enum')) {
 597                         $this_field.find('select').attr('value', '');
 598                     } else if ($this_field.is('.set')) {
 599                         $this_field.find('select').find('option').each(function() {
 600                             var $option = $(this);
 601                             $option.attr('selected', false);
 602                         })
 603                     } else if ($this_field.is('.relation')) {
 604                         // if the dropdown is there to select the foreign value
 605                         if ($this_field.find('select').length > 0) {
 606                             $this_field.find('select').attr('value', '');
 607                         // if foriegn value is selected by browsing foreing values
 608                         } else {
 609                             $this_field.find('span.curr_value').empty();
 610                         }
 611                     } else {
 612                         $this_field.find('textarea').val('');
 613                     }
 614                 })
 615
 616             } else {
 617                 $this_field.html('<div class="null_div"></div>');
 618             }
 619
 620             // In each input sibling, wrap the current value in a textarea
 621             // and store the current value in a hidden span
 622             if($this_field.is(':not(.truncated, .transformed, .relation, .enum, .set, .null)')) {
 623                 // handle non-truncated, non-transformed, non-relation values
 624                 // We don't need to get any more data, just wrap the value
 625                 $this_field.append('<textarea>'+data_value+'</textarea>');
 626                 $this_field.data('original_data', data_value);
 627             }
 628             else if($this_field.is('.truncated, .transformed')) {
 629                 /** @lends jQuery */
 630                 //handle truncated/transformed values values
 631
 632                 /**
 633                  * @var sql_query   String containing the SQL query used to retrieve value of truncated/transformed data
 634                  */
 635                 var sql_query = 'SELECT `' + field_name + '` FROM `' + window.parent.table + '` WHERE ' + PMA_urldecode(where_clause);
 636
 637                 // Make the Ajax call and get the data, wrap it and insert it
 638                 $.post('sql.php', {
 639                     'token' : window.parent.token,
 640                     'db' : window.parent.db,
 641                     'ajax_request' : true,
 642                     'sql_query' : sql_query,
 643                     'inline_edit' : true
 644                 }, function(data) {
 645                     if(data.success == true) {
 646                         $this_field.append('<textarea>'+data.value+'</textarea>');
 647                         $this_field.data('original_data', data_value);
 648                     }
 649                     else {
 650                         PMA_ajaxShowMessage(data.error);
 651                     }
 652                 }) // end $.post()
 653             }
 654             else if($this_field.is('.relation')) {
 655                 /** @lends jQuery */
 656                 //handle relations
 657
 658                 /**
 659                  * @var post_params Object containing parameters for the POST request
 660                  */
 661                 var post_params = {
 662                         'ajax_request' : true,
 663                         'get_relational_values' : true,
 664                         'db' : window.parent.db,
 665                         'table' : window.parent.table,
 666                         'column' : field_name,
 667                         'token' : window.parent.token,
 668                         'curr_value' : relation_curr_value,
 669                         'relation_key_or_display_column' : relation_key_or_display_column
 670                 }
 671
 672                 $.post('sql.php', post_params, function(data) {
 673                     $this_field.append(data.dropdown);
 674                     $this_field.data('original_data', data_value);
 675                 }) // end $.post()
 676             }
 677             else if($this_field.is('.enum')) {
 678                 /** @lends jQuery */
 679                 //handle enum fields
 680
 681                 /**
 682                  * @var post_params Object containing parameters for the POST request
 683                  */
 684                 var post_params = {
 685                         'ajax_request' : true,
 686                         'get_enum_values' : true,
 687                         'db' : window.parent.db,
 688                         'table' : window.parent.table,
 689                         'column' : field_name,
 690                         'token' : window.parent.token,
 691                         'curr_value' : curr_value
 692                 }
 693                 $.post('sql.php', post_params, function(data) {
 694                     $this_field.append(data.dropdown);
 695                     $this_field.data('original_data', data_value);
 696                 }) // end $.post()
 697             }
 698             else if($this_field.is('.set')) {
 699                 /** @lends jQuery */
 700                 //handle set fields
 701
 702                 /**
 703                  * @var post_params Object containing parameters for the POST request
 704                  */
 705                 var post_params = {
 706                         'ajax_request' : true,
 707                         'get_set_values' : true,
 708                         'db' : window.parent.db,
 709                         'table' : window.parent.table,
 710                         'column' : field_name,
 711                         'token' : window.parent.token,
 712                         'curr_value' : curr_value
 713                 }
 714
 715                 $.post('sql.php', post_params, function(data) {
 716                     $this_field.append(data.select);
 717                     $this_field.data('original_data', data_value);
 718                 }) // end $.post()
 719             }
 720             else if($this_field.is('.null')) {
 721                 //handle null fields
 722                 $this_field.append('<textarea></textarea>');
 723                 $this_field.data('original_data', 'NULL');
 724             }
 725         })
 726     }) // End On click, replace the current field with an input/textarea
 727
 728     /**
 729      * After editing, clicking again should post data
 730      *
 731      * @memberOf    jQuery
 732      * @name        inline_edit_save
 733      * @see         PMA_ajaxShowMessage()
 734      * @see         getFieldName()
 735      */
 736     $(".inline_edit_active span a").live('click', function(event) {
 737         /** @lends jQuery */
 738
 739         event.preventDefault();
 740
 741         /**
 742          * @var $this_td    Object referring to the td containing the
 743          * "Inline Edit" link that was clicked to save the row that is
 744          * being edited
 745          *
 746          */
 747         var $this_td = $(this).parent().parent();
 748         var $test_element = ''; // to test the presence of a element
 749
 750         // Initialize variables
 751         if(disp_mode == 'vertical') {
 752             /**
 753              * @var this_td_index  Index of the current <td> in the parent <tr>
 754              *                      Current <td> is the inline edit anchor.
 755              */
 756             var this_td_index = $this_td.index();
 757             /**
 758              * @var $input_siblings  Object referring to all inline editable events from same row
 759              */
 760             var $input_siblings = $this_td.parents('tbody').find('tr').find('.inline_edit:nth('+this_td_index+')');
 761             /**
 762              * @var where_clause    String containing the WHERE clause to select this row
 763              */
 764             var where_clause = $this_td.parents('tbody').find('tr').find('.where_clause:nth('+this_td_index+')').val();
 765         } else {
 766             var $input_siblings = $this_td.parent('tr').find('.inline_edit');
 767             var where_clause = $this_td.parent('tr').find('.where_clause').val();
 768         }
 769
 770         /**
 771          * @var nonunique   Boolean, whether this row is unique or not
 772          */
 773         if($this_td.is('.nonunique')) {
 774             var nonunique = 0;
 775         }
 776         else {
 777             var nonunique = 1;
 778         }
 779
 780         // Collect values of all fields to submit, we don't know which changed
 781         /**
 782          * @var relation_fields Array containing the name/value pairs of relational fields
 783          */
 784         var relation_fields = {};
 785         /**
 786          * @var relational_display string 'K' if relational key, 'D' if relational display column
 787          */
 788         var relational_display = $("#relational_display_K").attr('checked') ? 'K' : 'D';
 789         /**
 790          * @var transform_fields    Array containing the name/value pairs for transformed fields
 791          */
 792         var transform_fields = {};
 793         /**
 794          * @var transformation_fields   Boolean, if there are any transformed fields in this row
 795          */
 796         var transformation_fields = false;
 797
 798         /**
 799          * @var sql_query String containing the SQL query to update this row
 800          */
 801         var sql_query = 'UPDATE `' + window.parent.table + '` SET ';
 802
 803         var need_to_post = false;
 804
 805         var new_clause = '';
 806         var prev_index = -1;
 807
 808         $input_siblings.each(function() {
 809             /** @lends jQuery */
 810             /**
 811              * @var this_field  Object referring to this field (<td>)
 812              */
 813             var $this_field = $(this);
 814
 815             /**
 816              * @var field_name  String containing the name of this field.
 817              * @see getFieldName()
 818              */
 819             var field_name = getFieldName($this_field, disp_mode);
 820
 821             /**
 822              * @var this_field_params   Array temporary storage for the name/value of current field
 823              */
 824             var this_field_params = {};
 825
 826             if($this_field.is('.transformed')) {
 827                 transformation_fields =  true;
 828             }
 829             /**
 830              * @var is_null String capturing whether 'checkbox_null_<field_name>_<row_index>' is checked.
 831              */
 832             var is_null = $this_field.find('input:checkbox').is(':checked');
 833             var value;
 834
 835             if (is_null) {
 836                 sql_query += ' `' + field_name + "`=NULL , ";
 837                 need_to_post = true;
 838             } else {
 839                 if($this_field.is(":not(.relation, .enum, .set)")) {
 840                     this_field_params[field_name] = $this_field.find('textarea').val();
 841                     if($this_field.is('.transformed')) {
 842                         $.extend(transform_fields, this_field_params);
 843                     }
 844                 } else if ($this_field.is('.set')) {
 845                     $test_element = $this_field.find('select');
 846                     this_field_params[field_name] = $test_element.map(function(){
 847                         return $(this).val();
 848                     }).get().join(",");
 849                 } else {
 850                     // results from a drop-down
 851                     $test_element = $this_field.find('select');
 852                     if ($test_element.length != 0) {
 853                         this_field_params[field_name] = $test_element.val();
 854                     }
 855
 856                     // results from Browse foreign value
 857                     $test_element = $this_field.find('span.curr_value');
 858                     if ($test_element.length != 0) {
 859                         this_field_params[field_name] = $test_element.text();
 860                     }
 861
 862                     if($this_field.is('.relation')) {
 863                         $.extend(relation_fields, this_field_params);
 864                     }
 865                 }
 866                     if(where_clause.indexOf(field_name) > prev_index){
 867                         new_clause += '`' + window.parent.table + '`.' + '`' + field_name + "` = '" + this_field_params[field_name].replace(/'/g,"''") + "'" + ' AND ';
 868                     }
 869                 if (this_field_params[field_name] != $this_field.data('original_data')) {
 870                     sql_query += ' `' + field_name + "`='" + this_field_params[field_name].replace(/'/g, "''") + "' , ";
 871                     need_to_post = true;
 872                 }
 873             }
 874         })
 875
 876         /*
 877          * update the where_clause, remove the last appended ' AND '
 878          * */
 879
 880         //Remove the last ',' appended in the above loop
 881         sql_query = sql_query.replace(/,\s$/, '');
 882         new_clause = new_clause.substring(0, new_clause.length-5);
 883         new_clause = PMA_urlencode(new_clause);
 884         sql_query += ' WHERE ' + PMA_urldecode(where_clause);
 885         /**
 886          * @var rel_fields_list  String, url encoded representation of {@link relations_fields}
 887          */
 888         var rel_fields_list = $.param(relation_fields);
 889
 890         /**
 891          * @var transform_fields_list  String, url encoded representation of {@link transform_fields}
 892          */
 893         var transform_fields_list = $.param(transform_fields);
 894
 895         // if inline_edit is successful, we need to go back to default view
 896         var $del_hide = $(this).parent();
 897         var $chg_submit = $(this);
 898
 899         if (need_to_post) {
 900             // Make the Ajax post after setting all parameters
 901             /**
 902              * @var post_params Object containing parameters for the POST request
 903              */
 904             var post_params = {'ajax_request' : true,
 905                             'sql_query' : sql_query,
 906                             'disp_direction' : disp_mode,
 907                             'token' : window.parent.token,
 908                             'db' : window.parent.db,
 909                             'table' : window.parent.table,
 910                             'clause_is_unique' : nonunique,
 911                             'where_clause' : where_clause,
 912                             'rel_fields_list' : rel_fields_list,
 913                             'do_transformations' : transformation_fields,
 914                             'transform_fields_list' : transform_fields_list,
 915                             'relational_display' : relational_display,
 916                             'goto' : 'sql.php',
 917                             'submit_type' : 'save'
 918                           };
 919
 920             $.post('tbl_replace.php', post_params, function(data) {
 921                 if(data.success == true) {
 922                     PMA_ajaxShowMessage(data.message);
 923                     if(disp_mode == 'vertical') {
 924                         $this_td.parents('tbody').find('tr').find('.where_clause:nth(' + this_td_index + ')').attr('value', new_clause);
 925                     }
 926                     else {
 927                         $this_td.parent('tr').find('.where_clause').attr('value', new_clause);
 928                     }
 929                     // remove possible previous feedback message
 930                     $('#result_query').remove();
 931                     if (typeof data.sql_query != 'undefined') {
 932                         // display feedback
 933                         $('#sqlqueryresults').prepend(data.sql_query);
 934                     }
 935                     PMA_unInlineEditRow($del_hide, $chg_submit, $this_td, $input_siblings, data, disp_mode);
 936                 } else {
 937                     PMA_ajaxShowMessage(data.error);
 938                 };
 939             }) // end $.post()
 940         } else {
 941             // no posting was done but still need to display the row
 942             // in its previous format
 943             PMA_unInlineEditRow($del_hide, $chg_submit, $this_td, $input_siblings, '', disp_mode);
 944         }
 945     }) // End After editing, clicking again should post data
 946 }, 'top.frame_content') // end $(document).ready()
 947
 948
 949 /**
 950  * Visually put back the row in the state it was before entering Inline edit
 951  *
 952  * (when called in the situation where no posting was done, the data
 953  * parameter is empty)
 954  */
 955 function PMA_unInlineEditRow($del_hide, $chg_submit, $this_td, $input_siblings, data, disp_mode) {
 956
 957     // deleting the hide button
 958     // remove <br><br><a> tags
 959     for ( var i = 0; i <= 2; i++) {
 960         $del_hide.next().remove();
 961     }
 962     if(disp_mode != 'vertical'){
 963         $chg_submit.empty();
 964         $chg_submit.html('<span class="nowrap"></span>');
 965         $chg_submit.children('span.nowrap').text(PMA_messages['strInlineEdit']);
 966     } else {
 967         $chg_submit.children('span.nowrap').empty();
 968         $chg_submit.children('span.nowrap').append(data_vt);
 969     }
 970
 971     // changing inline_edit_active to inline_edit_anchor
 972     $this_td.removeClass('inline_edit_active').addClass('inline_edit_anchor');
 973
 974     // removing hover, marked and noclick classes
 975     $this_td.parent('tr').removeClass('noclick');
 976     if(disp_mode != 'vertical') {
 977         $this_td.parent('tr').removeClass('hover').find('td').removeClass('hover');
 978     } else {
 979         $this_td.parents('tbody').find('tr').find('td:eq(' + $this_td.index() + ')').removeClass('marked');
 980     }
 981
 982     $input_siblings.each(function() {
 983         // Inline edit post has been successful.
 984         $this_sibling = $(this);
 985
 986         var is_null = $this_sibling.find('input:checkbox').is(':checked');
 987         if (is_null) {
 988             $this_sibling.html('NULL');
 989             $this_sibling.addClass('null');
 990         } else {
 991             $this_sibling.removeClass('null');
 992             if($this_sibling.is(':not(.relation, .enum, .set)')) {
 993                 /**
 994                  * @var new_html    String containing value of the data field after edit
 995                  */
 996                 var new_html = $this_sibling.find('textarea').val();
 997
 998                 if($this_sibling.is('.transformed')) {
 999                     var field_name = getFieldName($this_sibling, disp_mode);
1000                     if (typeof data.transformations != 'undefined') {
1001                         $.each(data.transformations, function(key, value) {
1002                             if(key == field_name) {
1003                                 if($this_sibling.is('.text_plain, .application_octetstream')) {
1004                                     new_html = value;
1005                                     return false;
1006                                 } else {
1007                                     var new_value = $this_sibling.find('textarea').val();
1008                                     new_html = $(value).append(new_value);
1009                                     return false;
1010                                 }
1011                             }
1012                         })
1013                     }
1014                 }
1015             } else {
1016                 var new_html = '';
1017                 var new_value = '';
1018                 $test_element = $this_sibling.find('select');
1019                 if ($test_element.length != 0) {
1020                     new_value = $test_element.val();
1021                 }
1022                 $test_element = $this_sibling.find('span.curr_value');
1023                 if ($test_element.length != 0) {
1024                     new_value = $test_element.text();
1025                 }
1026
1027                 if($this_sibling.is('.relation')) {
1028                     var field_name = getFieldName($this_sibling, disp_mode);
1029                     if (typeof data.relations != 'undefined') {
1030                         $.each(data.relations, function(key, value) {
1031                             if(key == field_name) {
1032                                 new_html = $(value);
1033                                 return false;
1034                             }
1035                         })
1036                     }
1037                 } else if ($this_sibling.is('.enum')) {
1038                     new_html = new_value;
1039                 } else if ($this_sibling.is('.set')) {
1040                     if (new_value != null) {
1041                         $.each(new_value, function(key, value) {
1042                             new_html = new_html + value + ',';
1043                         })
1044                         new_html = new_html.substring(0, new_html.length-1);
1045                     }
1046                 }
1047             }
1048             $this_sibling.html(new_html);
1049         }
1050     })
1051 }
1052
1053 /**
1054  * Starting from some th, change the class of all td under it
1055  */
1056 function PMA_changeClassForColumn($this_th, newclass) {
1057     // index 0 is the th containing the big T
1058     var th_index = $this_th.index();
1059     var has_big_t = !$this_th.closest('tr').children(':first').hasClass('column_heading');
1060     // .eq() is zero-based
1061     if (has_big_t) {
1062         th_index--;
1063     }
1064     var $tds = $this_th.closest('table').find('tbody tr').find('td.data:eq('+th_index+')');
1065     if ($this_th.data('has_class_'+newclass)) {
1066         $tds.removeClass(newclass);
1067         $this_th.data('has_class_'+newclass, false);
1068     } else {
1069         $tds.addClass(newclass);
1070         $this_th.data('has_class_'+newclass, true);
1071     }
1072 }
1073
1074 $(document).ready(function() {
1075
1076     $('.browse_foreign').live('click', function(e) {
1077         e.preventDefault();
1078         window.open(this.href, 'foreigners', 'width=640,height=240,scrollbars=yes,resizable=yes');
1079         $anchor = $(this);
1080         $anchor.addClass('browse_foreign_clicked');
1081         return false;
1082     });
1083
1084     /**
1085      * vertical column highlighting in horizontal mode when hovering over the column header
1086      */
1087     $('.column_heading').live('hover', function() {
1088         PMA_changeClassForColumn($(this), 'hover');
1089         });
1090
1091     /**
1092      * vertical column marking in horizontal mode when clicking the column header
1093      */
1094     $('.column_heading').live('click', function() {
1095         PMA_changeClassForColumn($(this), 'marked');
1096         });
1097 })
1098
1099 /**#@- */