Metacat

/*

License: LGPL as per: http://www.gnu.org/copyleft/lesser.html

$Id: TipWidgetOL.js 3955 2008-03-31 13:00:49Z ahocevar $

*/

// Ensure this object's dependancies are loaded.

mapbuilder.loadScript(baseDir+"/widget/TipWidgetBase.js");

mapbuilder.loadScript(baseDir+"/util/openlayers/OpenLayers.js");

/**

 * Manages MapTips on the map. This widget works with models that

 * have a FeatureSelectHandler tool.

 * @base TipWidgetBase

 * @author Andreas Hocevar andreas.hocevarATgmail.com

 * @param widgetNode      The tool node from the Config XML file.

 * @param model  The ButtonBar widget.

 */

function TipWidgetOL(widgetNode, model) {

  TipWidgetBase.apply(this, new Array(widgetNode, model));

  /**

   * This method is triggered when a user clicks on a feature.

   * @param objRef reference to this widget

   */

  this.onClick = function(objRef) {

    var evt = objRef.model.getParam("olFeatureSelect");

    var popup = objRef.createPopup(objRef, evt, false);

    evt.feature.layer.mbClickPopup = popup;

  }

  /**

   * This method is triggered when the mouse is over a feature.

   * @param objRef reference to this widget

   */

  this.onMouseover = function(objRef) {

    var evt = objRef.model.getParam("olFeatureHover");

    // only create popup if there is no visible click popup

    if (evt.feature && !evt.feature.layer.mbClickPopup || !evt.feature.layer.mbClickPopup.visible()) {

      var popup = objRef.createPopup(objRef, evt, true);

      evt.feature.layer.mbHoverPopup = popup;

      // if the olFeatureOut event gets lost (eg during drag operation),

      // registering this additional event will help to get rid of the

      // popup quickly

      popup.events.register('mouseover', popup, popup.hide);

    }

  }

  /**

   * This method is triggered when the mouse moves out of a feature.

   * @param objRef reference to this widget

   */

  this.onMouseout = function(objRef) {

    var feature = objRef.model.getParam("olFeatureOut");

    if (feature && feature.layer && feature.layer.mbHoverPopup) {

      feature.layer.mbHoverPopup.destroy();

      feature.layer.mbHoverPopup = null;

    }

  }

  /**

   * Creates a popup.

   * @param objRef reference to this widget

   * @param evt OpenLayers.Event that triggered the popup action

   * @param hover true if the popup should be styled as a hover popup,

   * false if it is a click popup.

   * @return reference to the created popup

   */

  this.createPopup = function(objRef, evt, hover) {

    var feature = evt.feature;

    // check if there is a source model linked with this feature

    var sourceNode = objRef.model.doc.selectSingleNode("//*[@fid='"+feature.fid+"']");

    var sourceModel = null;

    if (sourceNode) {

      sourceModel = sourceNode.getAttribute('sourceModel');

    }

    // if so, use the config from the source model

    var widgetConfig = null;

    if (sourceModel && config.objects[sourceModel].config && config.objects[sourceModel].config[objRef.id]) {

      widgetConfig = config.objects[sourceModel].config[objRef.id];

    } else {

      widgetConfig = objRef.config;

    }

    widgetConfig.stylesheet.setParameter('fid', feature.fid);

    var lonlat = feature.layer.map.getLonLatFromPixel(evt.xy);

    var popup = new Mapbuilder.Popup(null, lonlat, new OpenLayers.Size(widgetConfig.width, widgetConfig.height),

        new XMLSerializer().serializeToString(widgetConfig.stylesheet.transformNodeToObject(widgetConfig.model.doc)).replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"),

        null, hover == false);

    popup.setOpacity(widgetConfig.opacity);

    popup.setBackgroundColor(widgetConfig.backgroundColor);

    popup.setBorder(widgetConfig.border);

    var quadrant = feature.layer.map.getExtent().determineQuadrant(lonlat);

    var lonOffset = quadrant.charAt(1) == 'r' ? -5 : 5;

    var latOffset = quadrant.charAt(0) == 't' ? 5 : -5;

    popup.anchor = { size: new OpenLayers.Size(0,0), offset: new OpenLayers.Pixel(lonOffset, latOffset)};    

    feature.layer.map.addPopup(popup, true);

    return popup;

  }

}

/**

 * Derived from OpenLayers.Popup (svn r6430) and 

 * OpenLayers.Popup.Anchored (svn r5614), this class preserves the

 * functionality of OpenLayers.Popup.Anchored before the new style popups

 * of http://trac.openlayers.org/ticket/926 were introduced.

 */

Mapbuilder.Popup = OpenLayers.Class(OpenLayers.Popup.Anchored, {

  initialize: function(id, lonlat, size, contentHTML, anchor, closeBox,

            closeBoxCallback) {

    OpenLayers.Popup.Anchored.prototype.initialize.apply(this, arguments);

    this.contentDiv.style.overflow = "hidden";

  },

  setSize:function(size) { 

    if (size != undefined) {

      this.size = size; 

    }

    if (this.div != null) {

      this.div.style.width = this.size.w + "px";

      this.div.style.height = this.size.h + "px";

    }

    if (this.contentDiv != null){

      this.contentDiv.style.width = this.size.w + "px";

      this.contentDiv.style.height = this.size.h + "px";

    }

    if ((this.lonlat) && (this.map)) {

      var px = this.map.getLayerPxFromLonLat(this.lonlat);

      this.moveTo(px);

    }

  },  

  addCloseBox:function(closeBoxCallback) {

     // close icon

    var closeSize = new OpenLayers.Size(17,17);

    var img = config.skinDir + "/openlayers/img/close.gif";

    this.closeDiv = OpenLayers.Util.createAlphaImageDiv(

      this.id + "_close", null, closeSize, img

    );

    this.closeDiv.style.right = this.padding + "px";

    this.closeDiv.style.top = this.padding + "px";

    this.groupDiv.appendChild(this.closeDiv);

    var closePopup = closeBoxCallback || function(e) {

      this.hide();

      OpenLayers.Event.stop(e);

    };

    OpenLayers.Event.observe(this.closeDiv, "click", 

        OpenLayers.Function.bindAsEventListener(closePopup, this));

  },

  CLASS_NAME: "Mapbuilder.Popup"

});