js/tbl_select.js

   1 /* vim: set expandtab sw=4 ts=4 sts=4: */
   2 /**
   3  * @fileoverview JavaScript functions used on tbl_select.php
   4  *
   5  * @requires    jQuery
   6  * @requires    js/functions.js
   7  */
   8
   9 /**
  10  * Ajax event handlers for this page
  11  *
  12  * Actions ajaxified here:
  13  * Table Search
  14  */
  15
  16 /**
  17  * Unbind all event handlers before tearing down a page
  18  */
  19 AJAX.registerTeardown('tbl_select.js', function() {
  20     $('#togglesearchformlink').unbind('click');
  21     $("#tbl_search_form.ajax").die('submit');
  22     $('select.geom_func').unbind('change');
  23     $('span.open_search_gis_editor').die('click');
  24 });
  25
  26 AJAX.registerOnload('tbl_select.js', function() {
  27     /**
  28      * Prepare a div containing a link, otherwise it's incorrectly displayed
  29      * after a couple of clicks
  30      */
  31     $('<div id="togglesearchformdiv"><a id="togglesearchformlink"></a></div>')
  32      .insertAfter('#tbl_search_form')
  33      // don't show it until we have results on-screen
  34      .hide();
  35
  36     $('#togglesearchformlink')
  37         .html(PMA_messages['strShowSearchCriteria'])
  38         .bind('click', function() {
  39             var $link = $(this);
  40             $('#tbl_search_form').slideToggle();
  41             if ($link.text() == PMA_messages['strHideSearchCriteria']) {
  42                 $link.text(PMA_messages['strShowSearchCriteria']);
  43             } else {
  44                 $link.text(PMA_messages['strHideSearchCriteria']);
  45             }
  46             // avoid default click action
  47             return false;
  48         });
  49
  50     /**
  51      * Ajax event handler for Table Search
  52      */
  53     $("#tbl_search_form.ajax").live('submit', function(event) {
  54         var unaryFunctions = [
  55             'IS NULL',
  56             'IS NOT NULL',
  57             "= ''",
  58             "!= ''"];
  59
  60         // jQuery object to reuse
  61         $search_form = $(this);
  62         event.preventDefault();
  63
  64         // empty previous search results while we are waiting for new results
  65         $("#sqlqueryresults").empty();
  66         var $msgbox = PMA_ajaxShowMessage(PMA_messages['strSearching'], false);
  67
  68         PMA_prepareForAjaxRequest($search_form);
  69
  70         var values = {};
  71         $search_form.find(':input').each(function() {
  72             var $input = $(this);
  73             if ($input.attr('type') == 'checkbox' || $input.attr('type') == 'radio') {
  74                 if ($input.is(':checked')) {
  75                     values[this.name] = $input.val();
  76                 }
  77             } else {
  78                 values[this.name] = $input.val();
  79             }
  80         });
  81         var columnCount = $('select[name="columnsToDisplay[]"] option').length;
  82         // Submit values only for the columns that have unary column operator or a search criteria
  83         for (var a = 0; a < columnCount; a++) {
  84             if ($.inArray(values['criteriaColumnOperators[' + a + ']'], unaryFunctions) >= 0) {
  85                 continue;
  86             }
  87
  88             if (values['criteriaValues[' + a + ']'] == '' || values['criteriaValues[' + a + ']'] == null) {
  89                 delete values['criteriaValues[' + a + ']'];
  90                 delete values['criteriaColumnOperators[' + a + ']'];
  91                 delete values['criteriaColumnNames[' + a + ']'];
  92                 delete values['criteriaColumnTypes[' + a + ']'];
  93                 delete values['criteriaColumnCollations[' + a + ']'];
  94             }
  95         }
  96         // If all columns are selected, use a single parameter to indicate that
  97         if (values['columnsToDisplay[]'] != null) {
  98             if (values['columnsToDisplay[]'].length == columnCount) {
  99                 delete values['columnsToDisplay[]'];
 100                 values['displayAllColumns'] = true;
 101             }
 102         } else {
 103             values['displayAllColumns'] = true;
 104         }
 105
 106         $.post($search_form.attr('action'), values, function(data) {
 107             PMA_ajaxRemoveMessage($msgbox);
 108             if (data.success == true) {
 109                 if (data.sql_query != null) { // zero rows
 110                     $("#sqlqueryresults").html(data.sql_query);
 111                 } else { // results found
 112                     $("#sqlqueryresults").html(data.message);
 113                     $("#sqlqueryresults").trigger('makegrid');
 114                 }
 115                 $('#tbl_search_form')
 116                 // workaround for bug #3168569 - Issue on toggling the "Hide search criteria" in chrome.
 117                  .slideToggle()
 118                  .hide();
 119                 $('#togglesearchformlink')
 120                  // always start with the Show message
 121                  .text(PMA_messages['strShowSearchCriteria']);
 122                 $('#togglesearchformdiv')
 123                  // now it's time to show the div containing the link
 124                  .show();
 125                  // needed for the display options slider in the results
 126                  PMA_init_slider();
 127             } else {
 128                 $("#sqlqueryresults").html(data.error);
 129             }
 130         }); // end $.post()
 131     });
 132
 133     // Following section is related to the 'function based search' for geometry data types.
 134     // Initialy hide all the open_gis_editor spans
 135     $('span.open_search_gis_editor').hide();
 136
 137     $('select.geom_func').bind('change', function() {
 138         var $geomFuncSelector = $(this);
 139
 140         var binaryFunctions = [
 141           'Contains',
 142           'Crosses',
 143           'Disjoint',
 144           'Equals',
 145           'Intersects',
 146           'Overlaps',
 147           'Touches',
 148           'Within',
 149           'MBRContains',
 150           'MBRDisjoint',
 151           'MBREquals',
 152           'MBRIntersects',
 153           'MBROverlaps',
 154           'MBRTouches',
 155           'MBRWithin',
 156           'ST_Contains',
 157           'ST_Crosses',
 158           'ST_Disjoint',
 159           'ST_Equals',
 160           'ST_Intersects',
 161           'ST_Overlaps',
 162           'ST_Touches',
 163           'ST_Within'
 164         ];
 165
 166         var tempArray = [
 167            'Envelope',
 168            'EndPoint',
 169            'StartPoint',
 170            'ExteriorRing',
 171            'Centroid',
 172            'PointOnSurface'
 173         ];
 174         var outputGeomFunctions = binaryFunctions.concat(tempArray);
 175
 176         // If the chosen function takes two geometry objects as parameters
 177         var $operator = $geomFuncSelector.parents('tr').find('td:nth-child(5)').find('select');
 178         if ($.inArray($geomFuncSelector.val(), binaryFunctions) >= 0){
 179             $operator.prop('readonly', true);
 180         } else {
 181             $operator.prop('readonly', false);
 182         }
 183
 184         // if the chosen function's output is a geometry, enable GIS editor
 185         var $editorSpan = $geomFuncSelector.parents('tr').find('span.open_search_gis_editor');
 186         if ($.inArray($geomFuncSelector.val(), outputGeomFunctions) >= 0){
 187             $editorSpan.show();
 188         } else {
 189             $editorSpan.hide();
 190         }
 191
 192     });
 193
 194     $('span.open_search_gis_editor').live('click', function(event) {
 195         event.preventDefault();
 196
 197         var $span = $(this);
 198         // Current value
 199         var value = $span.parent('td').children("input[type='text']").val();
 200         // Field name
 201         var field = 'Parameter';
 202         // Column type
 203         var geom_func = $span.parents('tr').find('.geom_func').val();
 204         if (geom_func == 'Envelope') {
 205             var type = 'polygon';
 206         } else if (geom_func == 'ExteriorRing') {
 207             var type = 'linestring';
 208         } else {
 209             var type = 'point';
 210         }
 211         // Names of input field and null checkbox
 212         var input_name = $span.parent('td').children("input[type='text']").attr('name');
 213         //Token
 214         var token = $("input[name='token']").val();
 215
 216         openGISEditor();
 217         if (!gisEditorLoaded) {
 218             loadJSAndGISEditor(value, field, type, input_name, token);
 219         } else {
 220             loadGISEditor(value, field, type, input_name, token);
 221         }
 222     });
 223
 224 });