Ero sivun ”Widget:AddToHeaderLakeX” versioiden välillä

Rivi 57:

console.log( jw );

// var page = encodeURI( '' );

out = '<h2 class="h3">Välijärvi nyt</h2>';

out += '<div class="row Xalign-items-center mt-4">';

if ( typeof jw.obstype[ 'temp' ] != 'undefined' ) {

if ( jw.obstype[ 'temp' ].count > 0 ) {

out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';

out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; Xbackground-color: var(--syke-green); font-size: 56px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+' + Math.round( jw.obstype[ 'temp' ].mean ) + '°</div>';

out += '<h2 class="h5">Pintaveden<br />lämpötila</h2>';

out += '</div>';

}

out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';

if ( typeof jw.obstype[ 'alg' ] != 'undefined' ) {

out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: ~~var(--syke-green)~~;"></div>';

if ( jw.obstype[ 'alg' ].count > 0 ) {

out += '<h2 class="h5">~~Ei sinilevää~~</h2>';

var algmean = Math.round( jw.obstype[ 'alg' ].mean );

out += '</div>';

var algtxt = [ 'Ei sinilevää', 'Hieman sinilevää', 'Runsaasti sinilevää', 'Erittäin runsaasti sinilevää' ];

var algcolor = [ '#308fb3', '#8db335', '#f1cb00', '#ce0000' ];

out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';

out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: ' + algcolor[ algmean ] + ';"></div>';

out += '<h2 class="h5">' + algtxt[ algmean ] + '</h2>';

out += '</div>';

}

out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';

@@ Rivi 57: / Rivi 57: @@
 		console.log( jw );
-  //  var page = encodeURI( '<!--{$page|default:x|escape:'html'}-->' );
+  		//  var page = encodeURI( '<!--{$page|default:x|escape:'html'}-->' );
-	out = '<h2 class="h3">Välijärvi nyt</h2>';
+		out = '<h2 class="h3">Välijärvi nyt</h2>';
      	out += '<div class="row Xalign-items-center mt-4">';
-if ( typeof jw.obstype[ 'temp' ] != 'undefined' ) {
+		if ( typeof jw.obstype[ 'temp' ] != 'undefined' ) {
-if ( jw.obstype[ 'temp' ].count > 0 ) {
+			if ( jw.obstype[ 'temp' ].count > 0 ) {
-	out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';
+				out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';
-	out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; Xbackground-color: var(--syke-green); font-size: 56px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+' + Math.round( jw.obstype[ 'temp' ].mean ) + '&deg;</div>';
+				out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; Xbackground-color: var(--syke-green); font-size: 56px; display: flex; justify-content: center; align-items: center; flex-direction: column;">+' + Math.round( jw.obstype[ 'temp' ].mean ) + '&deg;</div>';
-	out += '<h2 class="h5">Pintaveden<br />lämpötila</h2>';
+				out += '<h2 class="h5">Pintaveden<br />lämpötila</h2>';
-	out += '</div>';
+				out += '</div>';
-}
+			}
-}
+		}
-	out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';
+		if ( typeof jw.obstype[ 'alg' ] != 'undefined' ) {
-	out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: var(--syke-green);"></div>';
+			if ( jw.obstype[ 'alg' ].count > 0 ) {
-	out += '<h2 class="h5">Ei sinilevää</h2>';
+                var algmean = Math.round( jw.obstype[ 'alg' ].mean );
-	out += '</div>';
+				var algtxt = [ 'Ei sinilevää', 'Hieman sinilevää', 'Runsaasti sinilevää', 'Erittäin runsaasti sinilevää' ];
+				var algcolor = [ '#308fb3', '#8db335', '#f1cb00', '#ce0000' ];
+				out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';
+				out += '<div style="width: 120px; height: 120px; margin: auto; border-radius: 50%; background-color: ' + algcolor[ algmean ] + ';"></div>';
+				out += '<h2 class="h5">' + algtxt[ algmean ] + '</h2>';
+				out += '</div>';
+			}
+		}
 	out += '<div class="col col-6 col-sm-4 col-md-3 text-center">';

Widget:AddToHeaderLakeX

Versio 8. lokakuuta 2025 kello 09.59