Widget:Ol10AlgalWeekMap

<includeonly>
    	
	<link rel="stylesheet" href="/scripts/ol-10/ol.css" type="text/css">
 	<script src="/scripts/ol-10/ol.js"></script>
	
	<link rel="stylesheet" href="/scripts/ol-ext-10/dist/ol-ext.min.css" type="text/css">
	<script src="/scripts/ol-ext-10/dist/ol-ext.min.js"></script>

	<script src="/scripts/proj4js/dist/proj4.js"></script>

	<script src="/scripts/jwol10js/jwol10.js"></script>

	<div class="jwMapContainer" style="height:<!--{$height|default:500|escape:'html'}-->px" >
		<div style="height: 100%; width: 100%; position: relative;" id="<!--{$id|default:AlgalWeekMap|escape:'html'}-->_container"></div>
	</div>
		
	<script type="text/javascript">
		
		//global memory for widget instance			
		var <!--{$id|default:AlgalWeekMap|escape:'html'}-->_memo =  { 'SitesO': {}, 'TypesO': {}, 'obsTypeToShow': '' };

		function <!--{$id|default:AlgalWeekMap|escape:'html'}-->_jQueryTest() {
	if ( typeof window.jQuery == 'undefined' ) {
    		setTimeout( function(){ <!--{$id|default:AlgalWeekMap|escape:'html'}-->_jQueryTest() }, 300);
  	} else {
  		<!--{$id|default:AlgalWeekMap|escape:'html'}-->_func();
  	}
}
setTimeout( function(){ <!--{$id|default:AlgalWeekMap|escape:'html'}-->_jQueryTest() }, 300);
		function <!--{$id|default:AlgalWeekMap|escape:'html'}-->_func() {
		
			//widget globals
			var memo = <!--{$id|default:AlgalWeekMap|escape:'html'}-->_memo;
			memo.g = { 'sizeFactor': 1.5, 'lang': "<!--{$lang|default:fi|escape:'html'}-->" };

			var lon = parseFloat('<!--{$lon|default:25|escape:'html'}-->');
			var lat = parseFloat('<!--{$lat|default:65|escape:'html'}-->');
			var zoom = parseInt('<!--{$zoom|default:4|escape:'html'}-->');
			var base = "<!--{$base|default:osm|escape:'html'}-->";
			var baselayers = "<!--{$baselayers|default:x|escape:'html'}-->";
			var baselayersA = baselayers.split( ',' );
			
			var year = parseInt('<!--{$vuosi|default:4|escape:'html'}-->');
			var week = parseInt('<!--{$viikko|default:4|escape:'html'}-->');
			
			var obsQuery = "<!--{$obsQuery|escape:'html'}-->";
			var siteQuery = "<!--{$siteQuery|escape:'html'}-->";

			var layersArr = [];
			
			memo.a = {};
			memo.b = {};
			
			var showregions = false;
			for ( var bl in baselayersA ) {
				if ( baselayersA[ bl ] == 'regions' ) { showregions = true; }
			}
			
			if ( showregions ) {
				layersArr.push( { 
					//'id': 'reagions',
					'type': 'anygeo', 
					'name': 'Maakunnat', 						
					'restUrl': '//geo.stat.fi/geoserver/tilastointialueet/',
					'layer': 'tilastointialueet:maakunta1000k',
				//'cql_filter': "tilastointialueet:nimi = '" + short + "'", 
					'selectable': false,
					//'zoomToExtent': true,
'fillColor': 'transparent',
					'bbox': false,
					//'attribution': '<a href="//wwwp2.ymparisto.fi/kayttoehdot.html">Ympäristöhallinnon paikkatietoaineistot</a>',
				});			
			}

			layersArr.push(	{ 
				'memo': memo.a,
				'type': 'jwanypage', 
				'name': 'Leväseurannan havaintopaikat', 
				'search': '[[Luokka:Nykyinen leväseurannan havaintopaikka]]',
				'opacitySlider': true,
				'showLabels': false,
				'selectable': true,
				'clustered': false,
				'pointRadius': 3,
				'label': '',
				'fillColor': '#ccc',
				'strokeColor': '#ccc',
				'zoomToExtent': false
			} );	
			
			layersArr.push({ 
				'memo': memo.b,
				'type': 'sitesNobses', 
				'name': 'Ei levää', 
				'siteSearch': '', 
				'obsSearch': '[[Vuosi::' + year.toString() + ']][[Viikko::' + week.toString() + ']][[Seuranta::Valtakunnallinen leväseuranta]][[Levätilanne::0]]', 
				//'obsDays': 7,
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,
				//'pointRadius': 6,
				'obstypebar': false,
				'zoomToExtent': false
			});
	
			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Hieman levää', 
				'siteSearch': '', 
				'obsSearch': '[[Vuosi::' + year.toString() + ']][[Viikko::' + week.toString() + ']][[Seuranta::Valtakunnallinen leväseuranta]][[Levätilanne::1]]', 
				//'obsDays': 7,
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,				
				'obstypebar': false,
				'zoomToExtent': false
			});			

			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Runsaasti levää', 
				'siteSearch': '',
				'obsSearch': '[[Vuosi::' + year.toString() + ']][[Viikko::' + week.toString() + ']][[Seuranta::Valtakunnallinen leväseuranta]][[Levätilanne::2]]', 
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,
				'obstypebar': false,
				'zoomToExtent': false
			});

			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Erittäin runsaasti levää', 
				'siteSearch': '',
				'obsSearch': '[[Vuosi::' + year.toString() + ']][[Viikko::' + week.toString() + ']][[Seuranta::Valtakunnallinen leväseuranta]][[Levätilanne::3]]', 
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,
				'obstypebar': false,
				'zoomToExtent': false
			});			

/*
			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Kansalaishavainnot pe-su', 
				'siteSearch': '',
				'obsSearch': '[[Päivämäärä::>{{#time: Y-m-d|now - {{#expr: {{#time: w|now}} + 2 }} days }}]][[Päivämäärä::<{{#time: Y-m-d|now - {{#expr: {{#time: w|now}} + 0 }} days }}]][[ObsCode::alg]][[Seuranta::!Valtakunnallinen leväseuranta]]', 			
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,
				'obstypebar': false,
				'zoomToExtent': false,
'visible': true
			});
*/			
			layersArr.push({ 
				'type': 'sitesNobses', 
				'name': 'Kansalaishavainnot kuluva viikko', 
				'siteSearch': '',
				'obsSearch': '[[Vuosi::' + year.toString() + ']][[Viikko::' + week.toString() + ']][[ObsCode::alg]][[Seuranta::!Valtakunnallinen leväseuranta]]', 			
				'opacitySlider': false,
				'selectable': true,
				'clustered': false,
				'obstypebar': false,
				'zoomToExtent': false,
'visible': true
			});
			

			//layersArr.push({ 'type': 'geoloc', 'name': 'Sijaintisi', 'show': true, 'center': false, 'zoom': 12, 'track': false });

			// do the base map with these settings
			var map = ol3_jwMakeMap({ 
				'container': '<!--{$id|default:AlgalWeekMap|escape:'html'}-->_container', 
				'base': base, 
				'lon':  lon, 
				'lat': lat, 
				'zoom': zoom, 
				'layers': layersArr,
				'memo': memo
			});
							
		}


	</script>

</includeonly>