Current File : /home/jvzmxxx/wiki1/extensions/Kartographer/modules/linkbox/Link.js

/* globals module */
/**
 * # Kartographer Link class
 *
 * Binds a `click` event to a `container`, that opens a {@link Kartographer.Box.MapClass map with
 * layers, markers, and interactivity} in a full screen dialog.
 *
 * @class Kartographer.Linkbox.LinkClass
 */
module.Link = ( function ( $ ) {

	/* eslint-disable no-underscore-dangle */
	/**
	 * @constructor
	 * @param {Object} options **Configuration and options:**
	 * @param {HTMLElement} options.container **Link container.**
	 * @param {string[]} [options.dataGroups] **List of known data groups,
	 *   fetchable from the server, to add as overlays onto the map.**
	 * @param {Object|Array} [options.data] **Inline GeoJSON features to
	 *   add to the map.**
	 * @param {Array|L.LatLng} [options.center] **Initial map center.**
	 * @param {number} [options.zoom] **Initial map zoom.**
	 * @param {string} [options.fullScreenRoute] Route associated to this map
	 *   _(internal, used by "`<maplink>`")_.
	 * @member Kartographer.Linkbox.LinkClass
	 * @type {Kartographer.Linkbox.LinkClass}
	 * @method
	 */
	var Link = function ( options ) {
		var link = this;

		/**
		 * Reference to the link container.
		 *
		 * @type {HTMLElement}
		 */
		link.container = options.container;

		/**
		 * Reference to the map container as a jQuery element.
		 *
		 * @type {jQuery}
		 */
		link.$container = $( link.container );
		link.$container.addClass( 'mw-kartographer-link' );

		link.center = options.center || 'auto';
		link.zoom = options.zoom || 'auto';

		link.opened = false;

		link.useRouter = !!options.fullScreenRoute;
		link.fullScreenRoute = options.fullScreenRoute || null;
		link.captionText = options.captionText || '';
		link.dataGroups = options.dataGroups;
		link.data = options.data;
		link.featureType = options.featureType;

		/**
		 * @property {Kartographer.Box.MapClass} [fullScreenMap=null] Reference
		 *   to the associated full screen map.
		 * @protected
		 */
		link.fullScreenMap = null;

		if ( link.useRouter && link.container.tagName === 'A' ) {
			link.container.href = '#' + link.fullScreenRoute;
		} else {
			link.$container.on( 'click.kartographer', function () {
				link.openFullScreen();
			} );
		}
	};

	/**
	 * Opens the map associated to the link in a full screen dialog.
	 *
	 * **Uses Resource Loader module: {@link Kartographer.Dialog ext.kartographer.dialog}**
	 *
	 * @param {Object} [position] Map `center` and `zoom`.
	 * @member Kartographer.Linkbox.LinkClass
	 */
	Link.prototype.openFullScreen = function ( position ) {

		var link = this,
			map = link.fullScreenMap,
			mapObject,
			el;

		position = position || {};
		position.center = position.center || link.center;
		position.zoom = typeof position.zoom === 'number' ? position.zoom : link.zoom;

		if ( map && map._updatingHash ) {
			// Skip - there is nothing to do.
			map._updatingHash = false;
			return;
		}

		if ( map && map._container._leaflet ) {
			map.setView(
				position.center,
				position.zoom
			);

			mw.loader.using( 'ext.kartographer.dialog' ).done( function () {
				mw.loader.require( 'ext.kartographer.dialog' ).render( map );
			} );
		} else {
			el = document.createElement( 'div' );
			el.className = 'mw-kartographer-mapDialog-map';
			mapObject = {
				container: el,
				featureType: link.featureType,
				fullscreen: true,
				link: true,
				parentLink: this,
				center: position.center,
				zoom: position.zoom,
				captionText: link.captionText,
				dataGroups: link.dataGroups,
				data: link.data,
				fullScreenRoute: link.fullScreenRoute
			};

			mw.loader.using( 'ext.kartographer.dialog' ).done( function () {
				mw.loader.require( 'ext.kartographer.dialog' ).renderNewMap( mapObject, function ( map ) {
					link.fullScreenMap = map;
				} );
			} );
		}
	};

	return Link;
}( jQuery ) );