dhis2-gis/src/core/MapLoader.js

GIS Web App for DHIS 2

import isArray from 'd2-utilizr/lib/isArray';
import isObject from 'd2-utilizr/lib/isObject';
import arrayClean from 'd2-utilizr/lib/arrayClean';
import arrayContains from 'd2-utilizr/lib/arrayContains';
import arrayFrom from 'd2-utilizr/lib/arrayFrom';

export default function MapLoader(gis, isSession, applyConfig) {
	var getMap,
		setMap,
		afterLoad,
		callBack,
		register = [],
		loader,
		applyViews = isObject(applyConfig) && arrayFrom(applyConfig.mapViews).length ? applyConfig.mapViews : null,
		clearAllLayers;

	getMap = function() {
		var url = gis.init.contextPath + '/api/maps/' + gis.map.id + '.json?fields=' + gis.conf.url.mapFields.join(','),
			success,
			failure;

		success = function(r) {
			// operand
			//if (isArray(r.mapViews)) {
				//for (var i = 0, view, objectName; i < r.mapViews.length; i++) {
					//view = r.mapViews[i];

					//// TODO, TMP
					//if (isArray(view.dataDimensionItems) && view.dataDimensionItems.length && isObject(view.dataDimensionItems[0])) {
						//var item = view.dataDimensionItems[0];

						//if (item.hasOwnProperty('dataElement')) {
							//objectName = 'de';
						//}
						//else if (item.hasOwnProperty('dataSet')) {
							//objectName = 'ds';
						//}
						//else {
							//objectName = 'in';
						//}
					//}
				//}
			//}

			gis.map = r;

			setMap();
		};

		failure = function(r) {
			if (gis.mask) {
				gis.mask.hide();
			}

			r = JSON.parse(r.responseText);

			if (arrayContains([403], parseInt(r.httpStatusCode))) {
				r.message = GIS.i18n.you_do_not_have_access_to_all_items_in_this_favorite || r.message;
			}

			gis.alert(r);
		};

		Ext.Ajax.request({
			url: encodeURI(url),
			success: function(r) {
				success(JSON.parse(r.responseText));
			},
			failure: function(r) {
				failure(r);
			}
		});
	};

	setMap = function() {
		var basemap = gis.map.basemap || 'openStreetMap',
			views = gis.map.mapViews,
			handler,
			layer;

		// title
		if (gis.dashboard && gis.container && gis.map && gis.map.name) {
			gis.container.childNodes[0].innerText = gis.map.name;
		}

		if (!(isArray(views) && views.length)) {
			if (gis.mask) {
				gis.mask.hide();
			}
			gis.alert(GIS.i18n.favorite_outdated_create_new);
			return;
		}

		for (var i = 0, applyView; i < views.length; i++) {
			applyView = applyViews ? applyViews[i] : null;
			views[i] = gis.api.layout.Layout(views[i], applyView);
		}

		views = arrayClean(views);

		if (!views.length) {
			if (gis.mask) {
				gis.mask.hide();
			}
			return;
		}

		if (gis.viewport && gis.viewport.favoriteWindow && gis.viewport.favoriteWindow.isVisible()) {
			gis.viewport.favoriteWindow.destroy();
		}

		clearAllLayers();

		// Add basemap
		if (basemap !== 'none' && gis.layer[basemap]) {
			layer = gis.layer[basemap];
			if (layer.instance) { // Layer instance already exist
				gis.instance.addLayer(layer.instance);
			} else { // Create and add layer instance
				layer.instance = gis.instance.addLayer(layer.config);
			}

			if (layer.item) {
				layer.item.setValue(true, 1);
			}
		}

		// Add views/overlays
		for (var i = 0, layout, layer; i < views.length; i++) {
			layout = views[i];
			layer = gis.layer[layout.layer];

			handler = layer.handler(gis, layer);
			handler.updateGui = !gis.el;
			handler.callBack = callBack;
			handler.load(layout);
		}
	};

	// Replacement for gis.olmap.closeAllLayers()
	clearAllLayers = function() {
		var layer;

		for (var type in gis.layer) {
			if (gis.layer.hasOwnProperty(type)) {
				layer = gis.layer[type];

				// Only clear vector layers (overlays)
				// if (layer.layerType !== 'base') {

					// Remove layer from map if exist
					if (layer.instance && gis.instance.hasLayer(layer.instance)) {
						gis.instance.removeLayer(layer.instance);
					}

					// Reset layer widget
					if (layer.widget) {
						layer.widget.reset();
					}

					// Clear legend
					if (layer.legendPanel) {
						layer.legendPanel.update('');
						layer.legendPanel.collapse();
					}

					if (layer.layerType === 'base' && layer.item) {
						layer.item.checkbox.setValue(false);
					}
				// }
			}
		}
	};

	callBack = function(layer) {
		register.push(layer);

		if (register.length === gis.map.mapViews.length) {
			afterLoad();
		}
	};

	afterLoad = function() {
		var lon = parseFloat(gis.map.longitude) || 0,
			lat = parseFloat(gis.map.latitude) || 20,
			zoom = gis.map.zoom || 3,
			validLatLng = ((lon >= -180 && lon <= 180) && (lat >= -90 && lat <= 90));

		// gis.el is the element used to render the map (only for plugin)
		// isSession is true if you select "map -> view this table/chart" as map in pivot/visualizer
		if (gis.el || isSession || !validLatLng) {
			// Fit bounds not always set without a delay
			window.setTimeout(function(){
				var layersBounds = gis.instance.getLayersBounds();
				if (layersBounds)  {
					gis.instance.fitBounds(layersBounds);
				}
			}, 2000);
		}
		else {
			gis.instance.setView([lat, lon], zoom);
		}

		// interpretation button
		if (gis.viewport && gis.viewport.shareButton) {
			gis.viewport.shareButton.enable();
		}

		// session storage
		if (GIS.isSessionStorage) {
			gis.util.layout.setSessionStorage('map', gis.util.layout.getAnalytical());
		}

		if (gis.mask) {
			gis.mask.hide();
		}
	};

	loader = {
		load: function(views) {
			if (gis.mask && !gis.skipMask) {
				gis.mask.show();
			}

			if (gis.map && gis.map.id) {
				getMap();
			}
			else {
				if (views) {
					gis.map = {
						mapViews: views
					};
				}

				setMap();
			}
		}
	};

	return loader;
};