Summary

No overview generated for 'CatSearchForm.js'

/*
Author:       Mike Adair mike.adairATccrs.nrcan.gc.ca
License:      LGPL as per: http://www.gnu.org/copyleft/lesser.html

$Id: CatSearchForm.js 3091 2007-08-09 12:21:54Z gjvoosten $
*/

// Ensure this object's dependancies are loaded.
mapbuilder.loadScript(baseDir+"/widget/WidgetBaseXSL.js");

/**
 * Widget to display a form for input of parameters to generate a web service 
 * request.  This JS object handles the form submit via HTTP Get by appending 
 * a query string to the form's action URL.  The query string is created from
 * all input elements and their values.
 * The target model is then loaded from the URL created.
 * A stylehseet must be specified as a property in config for this widget.  
 * See widget/NtsForm.xsl for an example. 
 *
 * @constructor
 * @base WidgetBaseXSL
 * @param widgetNode This widget's object node from the configuration document.
 * @param model The model that this widget is a view of.
 */

function OWSCatSearchForm(widgetNode, model) {
  WidgetBaseXSL.apply(this, new Array(widgetNode, model));

  /**
   * Refreshes the form onblur handlers when this widget is painted.
   * @param objRef Pointer to this CurorTrack object.
   */
  this.postPaint = function(objRef) {
    objRef.searchForm = document.getElementById(objRef.formName);
    objRef.searchForm.parentWidget = objRef;

    objRef.searchForm.westCoord.onblur = objRef.setAoi;
    objRef.searchForm.northCoord.onblur = objRef.setAoi;
    objRef.searchForm.eastCoord.onblur = objRef.setAoi;
    objRef.searchForm.southCoord.onblur = objRef.setAoi;
    objRef.searchForm.westCoord.model = objRef.model;
    objRef.searchForm.northCoord.model = objRef.model;
    objRef.searchForm.eastCoord.model = objRef.model;
    objRef.searchForm.southCoord.model = objRef.model;



    objRef.searchForm.onkeypress = objRef.handleKeyPress;
    objRef.searchForm.onsubmit = objRef.submitForm;
    //objRef.searchForm.mapsheet.onblur = objRef.setMapsheet;
  }

  /**
   * Output the AOI coordinates to the associated form input elements.  This
   * method is registered as an AOI listener on the context doc.
   * @param objRef Pointer to this searchForm object.
   */
  this.displayAoiCoords = function(objRef) {
    objRef.searchForm = document.getElementById(objRef.formName);
    var aoi = objRef.model.getParam("aoi");
    objRef.searchForm.westCoord.value = aoi[0][0];
    objRef.searchForm.northCoord.value = aoi[0][1];
    objRef.searchForm.eastCoord.value = aoi[1][0];
    objRef.searchForm.southCoord.value = aoi[1][1];
  }
  this.model.addListener('aoi', this.displayAoiCoords, this);

  /**
   * Handles user input from the form element.  This is an onblur handler for 
   * the input elements.
   */
  this.setAoi = function() {
    var aoi = this.model.getParam("aoi");
    if (aoi) {
      var ul = aoi[0];
      var lr = aoi[1];
      switch(this.name) {
        case 'westCoord':
          ul[0] = this.value;
          break;
        case 'northCoord':
          ul[1] = this.value;
          break;
        case 'eastCoord':
          lr[0] = this.value;
          break;
        case 'southCoord':
          lr[1] = this.value;
          break;
      }
      this.model.setParam("aoi",new Array(ul,lr) );
    }
  }

/**
 * Change the AOI coordinates from select box choice of prefined locations
 * @param bbox the bbox value of the location keyword chosen
 */
  this.setLocation = function(bbox) {
    var bboxArray = new Array();
    bboxArray     = bbox.split(",");
    var ul = new Array(parseFloat(bboxArray[0]),parseFloat(bboxArray[2]));
    var lr = new Array(parseFloat(bboxArray[1]),parseFloat(bboxArray[3]));
    this.model.setParam("aoi",new Array(ul,lr));

    //convert this.model XY to latlong
    //convert latlong to targetmodel XY
    //extent.setAoi takes XY as input
    //this.targetModel.setParam("aoi", new Array(ul,lr));
    //this.targetModel.setParam("mouseup",this);
  }


  /**
   * Handles submission of the form (via javascript in an <a> tag)
   */
  this.submitForm = function() {
    thisWidget = this.parentWidget;
    thisWidget.webServiceForm = document.getElementById(thisWidget.formName);
    //thisWidget.targetModel.setParam("filter",filter);
    thisWidget.targetModel.setParam("wfs_GetFeature","service_resources");
    return false;
  }

  /**
   * handles keypress events to filter out everything except "enter".  
   * Pressing the "enter" key will trigger a form submit
   * @param event  the event object passed in for Mozilla; IE uses window.event
   */
  this.handleKeyPress = function(event) {
    var keycode;
    var target;
    if (event){
      //Mozilla
      keycode=event.which;
      target=event.currentTarget;
    }else{
      //IE
      keycode=window.event.keyCode;
      target=window.event.srcElement.form;
    }

    if (keycode == 13) {    //enter key
      target.parentWidget.submitForm();
      return false;
    }
  }

  var RUC_Window=null;
  this.openRucWindow = function( rucType ) { 
    if ( RUC_Window == null || RUC_Window.closed ) { 
      var baseUrl;
      var params;
      switch(rucType) {
        case "placename":
          baseURL = "/rucs/placeName.html?language=" + config.lang + "&formName=" + this.formName;
          params = "width=290,height=480,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0";
          break;
        case "postalCode":
          baseURL = "/rucs/postalCode.html?language=" + config.lang + "&formName=" + this.formName;
          params = "width=280,height=180,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0";
          break;
        default:
          alert(mbGetMessage("unknownRucType"));
          break;
      }
      RUC_Window = open( baseURL, "RUCWindow", params );
    }
    RUC_Window.focus();
    return false;
  } 
  function RUC_closeRUCWindow() { 
    if ( RUC_Window != null && !RUC_Window.closed ) { 
      RUC_Window.close();
    } 
  } 

  //set some properties for the form output
  this.formName = "WebServiceForm_" + mbIds.getId();
  this.stylesheet.setParameter("formName", this.formName);
}

  /**
   */
  SetAoiCoords = function(aoiBox) {
    config.objects.mainMap.setParam("aoi",aoiBox );
  }