Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| Rivi 664: | Rivi 664: | ||
if ( diff > 0 ) { diffStr = '+' + diffStr; } | if ( diff > 0 ) { diffStr = '+' + diffStr; } | ||
var levelsvg = '<?xml version="1.0" encoding="utf-8"?>< | var levelsvg = '<?xml version="1.0" encoding="utf-8"?><svg role="img" aria-label="XXX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 99.6;" xml:space="preserve"><style type="text/css">.st0{fill:#ccc;} .st1{fill:#0076B0;}</style>'; | ||
var levelclass = 'st0'; | var levelclass = 'st0'; | ||
if ( diff > | if ( diff > 20 ) { levelclass = "st1"; } | ||
levelsvg += '<path class="' + levelclass + '" d="M46.8,1.2c1.9-1.5,4.5-1.5,6.4,0c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.9,3,8.8,5.1,13.5,5.1C38.1,6.3,42.9,4.2,46.8,1.2z"/>'; | levelsvg += '<path class="' + levelclass + '" d="M46.8,1.2c1.9-1.5,4.5-1.5,6.4,0c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.9,3,8.8,5.1,13.5,5.1C38.1,6.3,42.9,4.2,46.8,1.2z"/>'; | ||
if ( diff > | if ( diff > 5 ) { levelclass = "st1"; } | ||
levelsvg += '<path class="' + levelclass + '" d="M53.2,21.5c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,19.9,51.3,19.9,53.2,21.5z"/>'; | levelsvg += '<path class="' + levelclass + '" d="M53.2,21.5c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,19.9,51.3,19.9,53.2,21.5z"/>'; | ||
if ( diff > 5 ) { levelclass = "st1"; } | if ( diff > -5 ) { levelclass = "st1"; } | ||
levelsvg += '<path class="' + levelclass + '" d="M53.2,41.8c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,40.2,51.3,40.2,53.2,41.8z"/>'; | levelsvg += '<path class="' + levelclass + '" d="M53.2,41.8c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,40.2,51.3,40.2,53.2,41.8z"/>'; | ||
if ( diff > - | if ( diff > -20 ) { levelclass = "st1"; } | ||
levelsvg += '<path class="' + levelclass + '" d="M53.2,62.1c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,60.5,51.3,60.5,53.2,62.1z"/>'; | levelsvg += '<path class="' + levelclass + '" d="M53.2,62.1c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,60.5,51.3,60.5,53.2,62.1z"/>'; | ||
//levelsvg.replace( 'XXX', 'Vedenpinta hieman matala' ): | |||
levelclass = "st1"; | |||
levelsvg += '<path class="' + levelclass + '" d="M53.2,82.4c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.8,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,80.9,51.3,80.9,53.2,82.4z"/>'; | levelsvg += '<path class="' + levelclass + '" d="M53.2,82.4c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.8,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,80.9,51.3,80.9,53.2,82.4z"/>'; | ||
//levelsvg.replace( 'XXX', 'Vedenpinta erittäin matala' ): | |||
levelsvg += '</svg>'; | levelsvg += '</svg>'; | ||
if ( diff | if ( diff > 20 ) { | ||
levelsvg.replace( 'XXX', 'Vedenpinta erittäin korkea' ); | |||
} else if ( diff | } else if ( diff > 5 ) { | ||
levelsvg.replace( 'XXX', 'Vedenpinta hieman korkea' ); | |||
} else if ( diff | } else if ( diff > -5 ) { | ||
levelsvg.replace( 'XXX', 'Vedenpinta tavanomainen' ); | |||
} else if ( diff | } else if ( diff > 20 ) { | ||
levelsvg.replace( 'XXX', 'Vedenpinta hieman matala' ); | |||
} else { | } else { | ||
levelsvg.replace( 'XXX', 'Vedenpinta erittäin matala' ); | |||
} | } | ||
memo.widgetEl.html(''); | memo.widgetEl.html(''); | ||
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 100%; margin-top: 0;">Vedenkorkeus</h3>' ); | memo.widgetEl.append( '<h3 style="text-align: center; font-size: 100%; margin-top: 0;">Vedenkorkeus</h3>' ); | ||
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 12px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + levelsvg + '</div>'); | memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 12px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + levelsvg + '</div>'); | ||
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + diffStr + '<br /><span class="Xsmall">(' + obs.obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span></p>' ); | memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + diffStr + '<br /><span class="Xsmall">(' + obs.obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span></p>' ); | ||
//' + obs.obsdatetime.inRelationToToday(memo.lang) + ' | //' + obs.obsdatetime.inRelationToToday(memo.lang) + ' | ||
| Rivi 716: | Rivi 718: | ||
memo.widgetEl.html(''); | memo.widgetEl.html(''); | ||
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">29.3.2023</p>' ); | memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">29.3.2023</p>' ); | ||
memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg style="width: 100px; height: 100px;" Xfill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 943.01 710.7"><defs><style>.cls-1{fill:#1d1e21;fill-rule:evenodd;}</style></defs><g id="_Ñëîé_2"><path class="cls-1" d="m924.06,669.04c0,15.87-11.49,23.41-26.25,23.41H259.14v18.25h638.68c27.25,0,45.19-13.59,45.19-43.17-.47-9.56-18.76-12.12-18.94,1.51h0Z"/><path class="cls-1" d="m666.6,63.13c0,17.45,6.1,31.93,18.24,44.86,12.94,12.15,27.39,18.24,45.61,18.24s32.7-6.1,45.63-18.24c12.15-12.94,18.27-27.41,18.27-44.86s-6.12-31.93-18.27-44.12c-12.94-12.91-28.13-19.01-45.63-19.01s-32.67,6.12-45.61,19.01c-12.15,12.19-18.24,26.62-18.24,44.12h0Z"/><path class="cls-1" d="m518.95,152.16l-69.79,73.81c-22.53,32.02-68.04,3.51-34.44-34.02l76.63-86.71c6.84-7.59,15.2-11.35,25.85-11.35l135.69,15.61c11.42,0,21.29,3.79,28.9,11.4l83.94,85.43,63.11-65.34c25.92-22.25,55.13,1.98,35.58,29.27l-66.07,69.76c-24.27,26.55-35.16,31.83-53.99,14.99l-39.93-38.49-115.54,131.85,86.36,69.9c.75,1.54,2.28,3.03,3.79,5.35,2.28,2.23,3.79,7.59,6.07,16.71,2.3,9.12.75,18.24-3.02,28.11l-39.35,163.82c-13.66,52.91-71.3,32.88-59.36-11.54l36.95-159.68-111.14-92.43-76.56,77.54c-.74.74-2.3,2.28-4.59,3.77-2.28,1.54-7.61,4.56-15.94,7.63-8.35,3.79-17.5,4.56-28.16,3.82l-158.77-.02c-45.17,3.51-58.15-50.8-7.66-61.6h158.14l205.9-239.38-62.62-8.22h0Z"/><path class="cls-1" d="m334.12,626.16c-12.47,9.84-25.53,5.49-34.67-6.08L14.29,259.16l-14.29,11.33,285.15,360.9c16.87,21.37,38.68,27.02,61.88,8.68,7.24-6.26-2.12-22.22-12.91-13.91h0Z"/></g></svg></div>'); | memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg <svg style="width: 100px; height: 100px;" Xfill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 943.01 710.7"><defs><style>.cls-1{fill:#1d1e21;fill-rule:evenodd;}</style></defs><g id="_Ñëîé_2"><path class="cls-1" d="m924.06,669.04c0,15.87-11.49,23.41-26.25,23.41H259.14v18.25h638.68c27.25,0,45.19-13.59,45.19-43.17-.47-9.56-18.76-12.12-18.94,1.51h0Z"/><path class="cls-1" d="m666.6,63.13c0,17.45,6.1,31.93,18.24,44.86,12.94,12.15,27.39,18.24,45.61,18.24s32.7-6.1,45.63-18.24c12.15-12.94,18.27-27.41,18.27-44.86s-6.12-31.93-18.27-44.12c-12.94-12.91-28.13-19.01-45.63-19.01s-32.67,6.12-45.61,19.01c-12.15,12.19-18.24,26.62-18.24,44.12h0Z"/><path class="cls-1" d="m518.95,152.16l-69.79,73.81c-22.53,32.02-68.04,3.51-34.44-34.02l76.63-86.71c6.84-7.59,15.2-11.35,25.85-11.35l135.69,15.61c11.42,0,21.29,3.79,28.9,11.4l83.94,85.43,63.11-65.34c25.92-22.25,55.13,1.98,35.58,29.27l-66.07,69.76c-24.27,26.55-35.16,31.83-53.99,14.99l-39.93-38.49-115.54,131.85,86.36,69.9c.75,1.54,2.28,3.03,3.79,5.35,2.28,2.23,3.79,7.59,6.07,16.71,2.3,9.12.75,18.24-3.02,28.11l-39.35,163.82c-13.66,52.91-71.3,32.88-59.36-11.54l36.95-159.68-111.14-92.43-76.56,77.54c-.74.74-2.3,2.28-4.59,3.77-2.28,1.54-7.61,4.56-15.94,7.63-8.35,3.79-17.5,4.56-28.16,3.82l-158.77-.02c-45.17,3.51-58.15-50.8-7.66-61.6h158.14l205.9-239.38-62.62-8.22h0Z"/><path class="cls-1" d="m334.12,626.16c-12.47,9.84-25.53,5.49-34.67-6.08L14.29,259.16l-14.29,11.33,285.15,360.9c16.87,21.37,38.68,27.02,61.88,8.68,7.24-6.26-2.12-22.22-12.91-13.91h0Z"/></g></svg></div>'); | ||
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">Katuman jäälatu<br />Kunnostettu</p>' ); | memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">Katuman jäälatu<br />Kunnostettu</p>' ); | ||
Järvi-meriwiki on Suomen ympäristökeskuksen (Syke) ylläpitämä kaikille avoin wikipalvelu Suomen järvistä, rannikon merialueista ja muista vesistöistä. Syke on saanut rahoitusta palvelun kehittämiseen Maa- ja vesitekniikan tuki ry:ltä sekä EU:n Life-rahastosta.
Sisältö on käytettävissä lisenssillä Creative Commons Nimeä, ellei toisin ole mainittu.
