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 $(document).ready(function() {
  16     /**
  17      * Prepare a div containing a link, otherwise it's incorrectly displayed
  18      * after a couple of clicks
  19      */
  20     $('<div id="togglesearchformdiv"><a id="togglesearchformlink"></a></div>')
  21      .insertAfter('#tbl_search_form')
  22      // don't show it until we have results on-screen
  23      .hide();
  24
  25     $('#togglesearchformlink')
  26         .html(PMA_messages['strShowSearchCriteria'])
  27         .bind('click', function() {
  28             var $link = $(this);
  29             $('#tbl_search_form').slideToggle();
  30             if ($link.text() == PMA_messages['strHideSearchCriteria']) {
  31                 $link.text(PMA_messages['strShowSearchCriteria']);
  32             } else {
  33                 $link.text(PMA_messages['strHideSearchCriteria']);
  34             }
  35             // avoid default click action
  36             return false;
  37         });
  38
  39     /**
  40      * Ajax event handler for Table Search
  41      *
  42      * (see $GLOBALS['cfg']['AjaxEnable'])
  43      * @uses    PMA_ajaxShowMessage()
  44      */
  45     $("#tbl_search_form.ajax").live('submit', function(event) {
  46         // jQuery object to reuse
  47         $search_form = $(this);
  48         event.preventDefault();
  49
  50         // empty previous search results while we are waiting for new results
  51         $("#sqlqueryresults").empty();
  52         var $msgbox = PMA_ajaxShowMessage(PMA_messages['strSearching'], false);
  53
  54         PMA_prepareForAjaxRequest($search_form);
  55
  56         $.post($search_form.attr('action'), $search_form.serialize(), function(response) {
  57             PMA_ajaxRemoveMessage($msgbox);
  58             if (typeof response == 'string') {
  59                 // found results
  60                 $("#sqlqueryresults").html(response);
  61                 $("#sqlqueryresults").trigger('makegrid');
  62                 $('#tbl_search_form')
  63                 // workaround for bug #3168569 - Issue on toggling the "Hide search criteria" in chrome.
  64                  .slideToggle()
  65                  .hide();
  66                 $('#togglesearchformlink')
  67                  // always start with the Show message
  68                  .text(PMA_messages['strShowSearchCriteria'])
  69                 $('#togglesearchformdiv')
  70                  // now it's time to show the div containing the link
  71                  .show();
  72                  // needed for the display options slider in the results
  73                  PMA_init_slider();
  74             } else {
  75                 // error message (zero rows)
  76                 $("#sqlqueryresults").html(response['message']);
  77             }
  78         }) // end $.post()
  79     })
  80
  81     // Following section is related to the 'function based search' for geometry data types.
  82     // Initialy hide all the open_gis_editor spans
  83     $('.open_search_gis_editor').hide();
  84
  85     $('.geom_func').bind('change', function() {
  86         var $geomFuncSelector = $(this);
  87
  88         var binaryFunctions = [
  89           'Contains',
  90           'Crosses',
  91           'Disjoint',
  92           'Equals',
  93           'Intersects',
  94           'Overlaps',
  95           'Touches',
  96           'Within',
  97           'MBRContains',
  98           'MBRDisjoint',
  99           'MBREquals',
 100           'MBRIntersects',
 101           'MBROverlaps',
 102           'MBRTouches',
 103           'MBRWithin',
 104           'ST_Contains',
 105           'ST_Crosses',
 106           'ST_Disjoint',
 107           'ST_Equals',
 108           'ST_Intersects',
 109           'ST_Overlaps',
 110           'ST_Touches',
 111           'ST_Within'
 112         ];
 113
 114         var tempArray = [
 115            'Envelope',
 116            'EndPoint',
 117            'StartPoint',
 118            'ExteriorRing',
 119            'Centroid',
 120            'PointOnSurface'
 121         ];
 122         var outputGeomFunctions = binaryFunctions.concat(tempArray);
 123
 124         // If the chosen function takes two geomerty objects as parameters
 125         var $operator = $geomFuncSelector.parents('tr').find('td:nth-child(5)').find('select');
 126         if ($.inArray($geomFuncSelector.val(), binaryFunctions) >= 0){
 127             $operator.attr('readonly', true);
 128         } else {
 129             $operator.attr('readonly', false);
 130         }
 131
 132         // if the chosen function's output is a geometry, enable GIS editor
 133         var $editorSpan = $geomFuncSelector.parents('tr').find('.open_search_gis_editor');
 134         if ($.inArray($geomFuncSelector.val(), outputGeomFunctions) >= 0){
 135             $editorSpan.show();
 136         } else {
 137             $editorSpan.hide();
 138         }
 139
 140     });
 141
 142     $('.open_search_gis_editor').live('click', function(event) {
 143         event.preventDefault();
 144
 145         var $span = $(this);
 146         // Current value
 147         var value = $span.parent('td').children("input[type='text']").val();
 148         // Field name
 149         var field = 'Parameter';
 150         // Column type
 151         var geom_func = $span.parents('tr').find('.geom_func').val();
 152         if (geom_func == 'Envelope') {
 153             var type = 'polygon';
 154         } else if (geom_func == 'ExteriorRing') {
 155             var type = 'linestring';
 156         } else {
 157             var type = 'point';
 158         }
 159         // Names of input field and null checkbox
 160         var input_name = $span.parent('td').children("input[type='text']").attr('name');
 161         //Token
 162         var token = $("input[name='token']").val();
 163
 164         openGISEditor();
 165         if (!gisEditorLoaded) {
 166             loadJSAndGISEditor(value, field, type, input_name, token);
 167         } else {
 168             loadGISEditor(value, field, type, input_name, token);
 169         }
 170     });
 171
 172 }, 'top.frame_content'); // end $(document).ready()