redesignpart1pluslocationsettignsBETA
This commit is contained in:
BuildTools
parent
8770b93ce7
commit
eaff5b9d41
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 959 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
|
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" preserveAspectRatio="none" 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 1024 768" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#308926;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M117.9,384C117.9,171.9,294,0,511.2,0H0v768h511.2C294,768,117.9,596.1,117.9,384z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M511.2,0c217.2,0,393.3,171.9,393.3,384S728.4,768,511.2,768H1024V0H511.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 536 B |
Binary file not shown.
|
After Width: | Height: | Size: 520 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 537 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 542 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 972 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 667 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
|
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg version="1.1" preserveAspectRatio="none" 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 1024 768" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#a775a6;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M117.9,384C117.9,171.9,294,0,511.2,0H0v768h511.2C294,768,117.9,596.1,117.9,384z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M511.2,0c217.2,0,393.3,171.9,393.3,384S728.4,768,511.2,768H1024V0H511.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 536 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 567 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 741 KiB After Width: | Height: | Size: 804 KiB |
|
|
@ -12,6 +12,7 @@
|
|||
<link rel="stylesheet" href="js/leaflet/timedimension/leaflet.timedimension.control.min.css"/>
|
||||
<link rel="stylesheet" href="css/weatherscan.css"/>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
|
@ -44,14 +45,14 @@
|
|||
<script type="text/javascript" src="js/newweathermanager.js"></script>
|
||||
<div id="startup" class="settings">
|
||||
<div class="blackbar">
|
||||
<div class="introtext" style="display: ">
|
||||
<div id="introdetails" class="introtext" style="display: ">
|
||||
<div id="headendid" class="introtext">headend id:</div>
|
||||
<div id="serialnumber" class="introtext">serial number:</div>
|
||||
<div id="locationname" class="introtext">location name:</div>
|
||||
<div id="affilatename" class="introtext">affiliate name:</div>
|
||||
</div>
|
||||
<div id="settings" class="introtext" style="display: none">
|
||||
<div id="apperancesettings" class="introtext">▶ appearance settings</div>
|
||||
<div id="apperancesettings" class="introtext">appearance settings</div>
|
||||
<div id="locationsettings" class="introtext">location settings</div>
|
||||
<div id="weathersettings" class="introtext">weather settings</div>
|
||||
<div id="other" class="introtext">other settings</div>
|
||||
|
|
@ -284,35 +285,39 @@
|
|||
<form action="/action_page.php">
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Temperature</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Conditions</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Icons</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Humidity</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Dew Point</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Pressure</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Pressure Rising/Falling</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Wind</label>
|
||||
<input type="text" id="fname" name="fname"><br><br>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
<div class=textfield>
|
||||
<label for="cc">Current Wind</label>
|
||||
<input type="text" id="fname" name="currentCond"><br><br>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -521,7 +526,7 @@
|
|||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title"></span>
|
||||
<span class="subhead-title"></span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
|
|
@ -612,7 +617,7 @@
|
|||
<div class='frost-pane iw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'>Sct'd<br> T'storms</div>
|
||||
<div class='temphigh'>87</div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'>74</div>
|
||||
</div>
|
||||
<div class='linebreak i'>
|
||||
|
|
@ -620,7 +625,7 @@
|
|||
<div class='frost-pane iiw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak ii'>
|
||||
|
|
@ -628,7 +633,7 @@
|
|||
<div class='frost-pane iiiw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak iii'>
|
||||
|
|
@ -637,7 +642,7 @@
|
|||
<div class='frost-pane ivw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak iv'>
|
||||
|
|
@ -699,28 +704,28 @@
|
|||
|
||||
<div class='info-slide-content severe-aroundcityinfo' style="display:none">
|
||||
<div class="frost-pane city i">
|
||||
<div class="cityname">Jacksonville</div>
|
||||
<div class="temp">82</div>
|
||||
<div class="cityname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="wind">SE 12</div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
<div class="frost-pane city ii">
|
||||
<div class="cityname">Gainesville</div>
|
||||
<div class="temp">80</div>
|
||||
<div class="cityname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="wind">SW 12</div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
<div class="frost-pane city iii">
|
||||
<div class="cityname">Tampa</div>
|
||||
<div class="temp">85</div>
|
||||
<div class="cityname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="wind">W 6</div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
<div class="frost-pane city iv">
|
||||
<div class="cityname">Fort</div>
|
||||
<div class="temp">83</div>
|
||||
<div class="cityname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="wind">W 6</div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -730,7 +735,7 @@
|
|||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title"></span>
|
||||
<span class="subhead-title"></span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
|
|
@ -821,7 +826,7 @@
|
|||
<div class='frost-pane iw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'>Sct'd<br> T'storms</div>
|
||||
<div class='temphigh'>87</div>
|
||||
<div class='temphigh'><span>87</span></div>
|
||||
<div class='templow'>74</div>
|
||||
</div>
|
||||
<div class='linebreak i'>
|
||||
|
|
@ -829,7 +834,7 @@
|
|||
<div class='frost-pane iiw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak ii'>
|
||||
|
|
@ -837,7 +842,7 @@
|
|||
<div class='frost-pane iiiw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak iii'>
|
||||
|
|
@ -846,7 +851,7 @@
|
|||
<div class='frost-pane ivw'>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temphigh'></div>
|
||||
<div class='temphigh'><span></span></div>
|
||||
<div class='templow'></div>
|
||||
</div>
|
||||
<div class='linebreak iv'>
|
||||
|
|
@ -908,10 +913,10 @@
|
|||
|
||||
<div class='info-slide-content aroundcityinfo' style="display:none">
|
||||
<div class="frost-pane city i">
|
||||
<div class="cityname">Jacksonville</div>
|
||||
<div class="temp">82</div>
|
||||
<div class="cityname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="wind">SE 12</div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
<div class="frost-pane city ii">
|
||||
<div class="cityname">Gainesville</div>
|
||||
|
|
@ -938,8 +943,11 @@
|
|||
<!-- DOPPLER RADAR -->
|
||||
<div class="info-slide radar-slide" style="display: none">
|
||||
<div class="info-subheader">
|
||||
<span>Local Doppler Radar</span>
|
||||
<span class="radar-color-legend" style="display: none">Past 3 Hours<br>Light <img src="images/precip-legend.png" alt="Past 3 Hours"/> Heavy</span>
|
||||
<span class='subhead-title'>Local Doppler Radar</span>
|
||||
<div class="radar-legends">
|
||||
<span class="radar-color-legend" style="display: none"><div class="pastlegend">Past 3 Hours</div>Light <img src="images/precip-legend.png" alt="Past 3 Hours"/> Heavy</span>
|
||||
<span class="radar-color-legend-winter" style="display: none"><div class="pastlegend">Past 3 Hours</div>Rain <img class="rainlonger" src="images/precip-legend.png" alt="Past 3 Hours"/> Mix ;<img src="images/precip-legend-mix.png" alt="Past 3 Hours"/> Snow <img src="images/precip-legend-snow.png" alt="Past 3 Hours"/></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="radar-container" class="info-slide-content radar-content" style="">
|
||||
<div class='tempunavailable' style="display: none">Temporarily Unavailable</div>
|
||||
|
|
@ -1004,6 +1012,34 @@
|
|||
<div class='weatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||||
<div class='segment' style="display:none">Golf</div>
|
||||
</div>
|
||||
<div class="info-slide garden-slide-intro" style="display: none">
|
||||
<div class='accent i curve' style="display:none"></div>
|
||||
<div class='accent ii curve' style="display:none"></div>
|
||||
<div class='accent iii curve' style="display:none"></div>
|
||||
<div class='accent iv curve' style="display:none"></div>
|
||||
<div class='accent v curve' style="display:none"></div>
|
||||
<div class='accent vi curve' style="display:none"></div>
|
||||
<div class='accentviishadow curve'></div>
|
||||
<div class='accentvii curve'></div>
|
||||
<div class='accent viii curve' style="display:none"></div>
|
||||
<div class='accent ix curve' style="display:none"></div>
|
||||
<div class='weatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||||
<div class='segment' style="display:none">Ski & Snow</div>
|
||||
</div>
|
||||
<div class="info-slide ski-slide-intro" style="display: none">
|
||||
<div class='accent i curve' style="display:none"></div>
|
||||
<div class='accent ii curve' style="display:none"></div>
|
||||
<div class='accent iii curve' style="display:none"></div>
|
||||
<div class='accent iv curve' style="display:none"></div>
|
||||
<div class='accent v curve' style="display:none"></div>
|
||||
<div class='accent vi curve' style="display:none"></div>
|
||||
<div class='accentviishadow curve'></div>
|
||||
<div class='accentvii curve'></div>
|
||||
<div class='accent viii curve' style="display:none"></div>
|
||||
<div class='accent ix curve' style="display:none"></div>
|
||||
<div class='weatherscanmarquee' style="display:none">weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan weatherscan</div>
|
||||
<div class='segment' style="display:none">Golf</div>
|
||||
</div>
|
||||
<div class="info-slide health-slide-intro" style="display: none">
|
||||
<div class='accent i curve' style="display:none"></div>
|
||||
<div class='accent ii curve' style="display:none"></div>
|
||||
|
|
@ -1021,10 +1057,10 @@
|
|||
<!-- AIRPORT -->
|
||||
<div class="info-slide airport-slide" style="display: none">
|
||||
<div class="info-subheader">
|
||||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
<span class="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title">Current Airport Conditions</span>
|
||||
<span class="subhead-title">Current Airport Conditions</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
|
|
@ -1035,7 +1071,7 @@
|
|||
<div class='nodata' style="display: none">Data Not Available</div>
|
||||
<div class='info-slide-content airportpanel' style="display: none">
|
||||
<div class='leftpanel'>
|
||||
<div class='thing'>Gainesvile International Airport</div>
|
||||
<div class='thing'></div>
|
||||
<div class='frost-pane top'>
|
||||
<div class='title'>Arrivals</div>
|
||||
<div class='delay'>DELAY</div>
|
||||
|
|
@ -1044,7 +1080,7 @@
|
|||
<div class='reasonfill'></div>
|
||||
</div>
|
||||
<div class='frost-pane bottom'>
|
||||
<div class='title'>Departure</div>
|
||||
<div class='title'>Departures</div>
|
||||
<div class='delay'>DELAY</div>
|
||||
<div class='delayfill'>No Delay</div>
|
||||
<div class='reason'>REASON</div>
|
||||
|
|
@ -1055,8 +1091,40 @@
|
|||
<div class='frost-pane right'>
|
||||
<div class='thing'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='conditions'>Mostly Cloudy</div>
|
||||
<div class='temp'>87</div>
|
||||
<div class='conditions'></div>
|
||||
<div class='temp'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content otherairports' style="display: none">
|
||||
<div class='thing'>
|
||||
<span class='temp'>TEMP</span>
|
||||
<span class='delay'>DELAY</span>
|
||||
</div>
|
||||
<div class='frost-pane'>
|
||||
<div class="airport i">
|
||||
<div class="airportname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="delay"></div>
|
||||
</div>
|
||||
<div class="airport ii">
|
||||
<div class="airportname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="delay"></div>
|
||||
</div>
|
||||
<div class="airport iii">
|
||||
<div class="airportname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="delay"></div>
|
||||
</div>
|
||||
<div class="airport iv">
|
||||
<div class="airportname"></div>
|
||||
<div class="temp"></div>
|
||||
<div class="icon"></div>
|
||||
<div class="delay"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1067,7 +1135,7 @@
|
|||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title">Current Surf Report</span>
|
||||
<span class="subhead-title">Current Surf Report</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
|
|
@ -1156,7 +1224,7 @@
|
|||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title">Health Forecast</span>
|
||||
<span class="subhead-title">Health Forecast</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
|
|
@ -1164,6 +1232,7 @@
|
|||
<div class='yellow curve right'></div>
|
||||
<div class='white curve right'></div>
|
||||
<div class='white curve bottom'></div>
|
||||
<div class='tempunavailable' style="display: none">Temporarily Unavailable</div>
|
||||
|
||||
<div class='info-slide-content health-forecast' style="display: none">
|
||||
<div class='thing'>Forecast for Thursday</div>
|
||||
|
|
@ -1171,28 +1240,28 @@
|
|||
<div class='icon'></div>
|
||||
<div class='low'>Low</div>
|
||||
<div class='high'>High</div>
|
||||
<div class='lowtext'>62</div>
|
||||
<div class='hightext'>78</div>
|
||||
<div class='lowtext'>53</div>
|
||||
<div class='hightext'>76</div>
|
||||
<div class='title heatwind'>Heat Index 78</div>
|
||||
</div>
|
||||
<div class='frost-pane forecastdetails'>
|
||||
<div class='title chanceprecip'>Chance of Precipitation</div>
|
||||
<div class='title humid'>Humidity</div>
|
||||
<div class='title wind'>Wind</div>
|
||||
<div class='chancepreciptext'>50%</div>
|
||||
<div class='humidtext'>100%</div>
|
||||
<div class='windtext'>SSE 5</div>
|
||||
<div class='title chanceprecip'><span>Chance of Precipitation</span></div>
|
||||
<div class='title humid'><span>Humidity</span></div>
|
||||
<div class='title wind'><span>Wind</span></div>
|
||||
<div class='chancepreciptext'>10%</div>
|
||||
<div class='humidtext'>59%</div>
|
||||
<div class='windtext'>SE 6</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content allergy' style="display: none">
|
||||
<div class='frost-pane pollen'>
|
||||
<div class='thing'>As of Aug 7</div>
|
||||
<div class='thing'><span>As of Aug 7</span></div>
|
||||
<div class='pollenbar tree'>
|
||||
<div class='bar'>
|
||||
<div class='bararrow'>
|
||||
</div>
|
||||
</div>
|
||||
<div class='type'>Tree Pollen<br>Oak</div>
|
||||
<div class='type'>Tree Pollen</div><div class='treetype'>Oak</div>
|
||||
</div>
|
||||
<div class='pollenbar grass'>
|
||||
<div class='bar'>
|
||||
|
|
@ -1221,13 +1290,14 @@
|
|||
<div class='thing'><span class='thingtext'>Total <br> Pollen Count</span></div>
|
||||
<div class='cat'>9</div>
|
||||
<div class='desc'>Low</div>
|
||||
<div class='moreinfo' style='display: none'>More allergy<br> information at<br> weather.com/<br>health</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content Aches-Breath' style="display: none">
|
||||
<div class='thing'>Thursday</div>
|
||||
<div class='frost-pane aches'>
|
||||
<div class='whitetitle aches'>Aches and Pains Index</div>
|
||||
<div class='desc aches'>Potentional for feeling aches and pains based on weather conditions.</div>
|
||||
<div class='desc aches'>Potential for feeling aches and pains based on weather conditions.</div>
|
||||
<div class='bar'>
|
||||
<div class='bararrow'>
|
||||
<div class='bararrowtext' style='display:none'>Low</div>
|
||||
|
|
@ -1244,9 +1314,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content airquality' style="display: none">
|
||||
<div class='info-slide-content airquality' style="display: None">
|
||||
<div class='frost-pane airforecast'>
|
||||
<div class='thing'>Thursday</div>
|
||||
<div class='thing'><span>Thursday</span></div>
|
||||
<div class='bar'>
|
||||
<div class='bar red' style="background-color:#bc1264"><span class='forecast' style="display:none">Very unhealthy</span></div>
|
||||
<div class='bar deeporange' style="background-color:#ff552a"><span class='forecast' style="display:none">Unhealthy</span></div>
|
||||
|
|
@ -1291,8 +1361,8 @@
|
|||
</div>
|
||||
<div class='frost-pane currentuv'>
|
||||
<div class='bar'>
|
||||
<div class='num' style="display:none">10</div>
|
||||
<div class='cat' style="display:none">Extreme</div>
|
||||
<div class='num' style="display:none">1</div>
|
||||
<div class='cat' style="display:none">Low</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='frost-pane forecastuv'>
|
||||
|
|
@ -1315,14 +1385,14 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content healthtip' style="display:none">
|
||||
<div class='info-slide-content healthtip' style="display: none">
|
||||
<div class='weatherreadyheader'>
|
||||
<div class='icon'></div>
|
||||
<div class='weathertext'>W</div>
|
||||
<div class='weathertext2'>eather</div>
|
||||
<div class='readytext'>READY</div>
|
||||
</div>
|
||||
<div class='frost-pane tipcontent'>
|
||||
<div class='frost-pane tipcontent'><span>
|
||||
Incase of Lightning -
|
||||
<br>
|
||||
An automobile provides better insulation against<br>
|
||||
|
|
@ -1330,7 +1400,7 @@
|
|||
<br>
|
||||
Avoid contact with any metal conducting surfaces<br>
|
||||
either inside your car or outside.
|
||||
</div>
|
||||
</span></div>
|
||||
</div>
|
||||
<div class='info-slide-content moreinfoimage' style="display:none">
|
||||
<div class='frost-pane image'>
|
||||
|
|
@ -1346,16 +1416,236 @@
|
|||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span id="subhead-title">Current Surf Report</span>
|
||||
<span class="subhead-title">Tee Time Forecast</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
<div class='yellow curve left'></div>
|
||||
<div class='yellow curve right'></div>
|
||||
<div class='yellow curve right2'></div>
|
||||
<div class='white curve right'></div>
|
||||
<div class='white curve bottom'></div>
|
||||
<div class='info-slide-content teetime' style="display: none">
|
||||
<div class='thing'></div>
|
||||
<div class='frost-pane'>
|
||||
<div class='hour i'>
|
||||
<div class='hourlabel'>
|
||||
<div class='thingtext'></div>
|
||||
</div>
|
||||
<div class='daylabel'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='tempbar'>
|
||||
<div class='temp'></div>
|
||||
<div class='wind'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='hour ii'>
|
||||
<div class='hourlabel'>
|
||||
<div class='thingtext'>2pm</div>
|
||||
</div>
|
||||
<div class='daylabel'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='tempbar'>
|
||||
<div class='temp'></div>
|
||||
<div class='wind'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='hour iii'>
|
||||
<div class='hourlabel'>
|
||||
<div class='thingtext'>2pm</div>
|
||||
</div>
|
||||
<div class='daylabel'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='tempbar'>
|
||||
<div class='temp'></div>
|
||||
<div class='wind'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='hour iv'>
|
||||
<div class='hourlabel'>
|
||||
<div class='thingtext'>2pm</div>
|
||||
</div>
|
||||
<div class='daylabel'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='tempbar'>
|
||||
<div class='temp'></div>
|
||||
<div class='wind'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='hour v'>
|
||||
<div class='hourlabel'>
|
||||
<div class='thingtext'>2pm</div>
|
||||
</div>
|
||||
<div class='daylabel'></div>
|
||||
<div class='icon'></div>
|
||||
<div class='tempbar'>
|
||||
<div class='temp'></div>
|
||||
<div class='wind'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content golfforecast' style="display: none">
|
||||
<div class='thing'></div>
|
||||
<div class='frost-pane left'>
|
||||
<div class='purplefooter'></div>
|
||||
<div class=forecontainer>
|
||||
<div class='day'>Monday</div>
|
||||
<div class='icon'></div>
|
||||
<div class='high'>83</div>
|
||||
<div class='low'>77</div>
|
||||
<div class='wind'>E 19</div>
|
||||
<div class='golfindex'>Golf Index</div>
|
||||
<div class='bar'>
|
||||
<div class='bararrow'>
|
||||
<div class='bararrowtext' style='display: none'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='frost-pane mid'>
|
||||
<div class='purplefooter'></div>
|
||||
<div class=forecontainer>
|
||||
<div class='day'>Tuesday</div>
|
||||
<div class='icon'></div>
|
||||
<div class='high'>81</div>
|
||||
<div class='low'>75</div>
|
||||
<div class='wind'>E 15</div>
|
||||
<div class='bar'>
|
||||
<div class='bararrow'>
|
||||
<div class='bararrowtext' style='display:none'>Low</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='frost-pane right'>
|
||||
<div class='purplefooter'></div>
|
||||
<div class=forecontainer>
|
||||
<div class='day'>Wednesday</div>
|
||||
<div class='icon'></div>
|
||||
<div class='high'>82</div>
|
||||
<div class='low'>73</div>
|
||||
<div class='wind'>ESE 13</div>
|
||||
<div class='bar'>
|
||||
<div class='bararrow'>
|
||||
<div class='bararrowtext' style='display:none'>Low</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content golfmoreinfoimage' style="display: none">
|
||||
<div class='frost-pane infoimage'>
|
||||
<div class='moreinfotext'>Check the forecast for any<br>
|
||||
golf course in the U.S.<br>
|
||||
at weather.com/golf</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-slide garden" style="display: none">
|
||||
<div class="info-subheader">
|
||||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span class="subhead-title">Gardening Forecast</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
<div class='yellow curve left'></div>
|
||||
<div class='yellow curve right'></div>
|
||||
<div class='yellow curve right2'></div>
|
||||
<div class='white curve right'></div>
|
||||
<div class='white curve bottom'></div>
|
||||
<div class='info-slide-content gardenindex' style="display: none">
|
||||
<div class='thing'>Monday</div>
|
||||
<div class='frost-pane left'>
|
||||
<div class='forecastcontainer'>
|
||||
<div class='icon'></div>
|
||||
<div class='lowtitle'>LOW</div>
|
||||
<div class='hightitle'>HIGH</div>
|
||||
<div class='low'>76</div>
|
||||
<div class='high'>82</div>
|
||||
<div class='precip title'>Chance of Precip</div>
|
||||
<div class='precipvalue'>50%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='frost-pane right'>
|
||||
<div class='wateringindex title'>Watering Needs Index</div>
|
||||
<div class='bar'>
|
||||
<div class='barcat' style='background-color: #58a337; left:0'><span>1</span></div>
|
||||
<div class='barcat' style='background-color: #6fb63a; left:40px;'><span>2</span></div>
|
||||
<div class='barcat' style='background-color: #84c544; left:80px;'><span>3</span></div>
|
||||
<div class='barcat' style='background-color: #9dc342; left:120px;'><span>4</span></div>
|
||||
<div class='barcat' style='background-color: #b6c945; left:160px;'><span>5</span></div>
|
||||
<div class='barcat' style='background-color: #c8c847; left:200px;'><span>6</span></div>
|
||||
<div class='barcat' style='background-color: #ada839; left:240px;'><span>7</span></div>
|
||||
<div class='barcat' style='background-color: #958936; left:280px;'><span>8</span></div>
|
||||
<div class='barcat' style='background-color: #7a692c; left:320px;'><span>9</span></div>
|
||||
<div class='barcat' style='background-color: #5c4927; left:360px;'><span>10</span></div>
|
||||
<div class='bararrow'>
|
||||
<div class='bararrowtext'>Moderate</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='cloudcover title'>Cloud Cover</div>
|
||||
<div class='cloudcovervalue'>75%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='info-slide-content gardenmoreinfoimage' style="display: none">
|
||||
<div class='frost-pane infoimage'>
|
||||
<div class='moreinfotext'>For more information on weather<br>
|
||||
and your lawn and garden,<br>
|
||||
go to weather.com/garden.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-slide ski" style="display: none">
|
||||
<div class="info-subheader">
|
||||
<span id="subhead-titlei"></span><span id="subhead-city"></span>
|
||||
</div>
|
||||
<div class="info-subheadershadowfix">
|
||||
<span class="subhead-title">Ski Report</span>
|
||||
</div>
|
||||
<div class='blue curve left'></div>
|
||||
<div class='blue curve bottom'></div>
|
||||
<div class='yellow curve left'></div>
|
||||
<div class='yellow curve right'></div>
|
||||
<div class='yellow curve right2'></div>
|
||||
<div class='white curve right'></div>
|
||||
<div class='white curve bottom'></div>
|
||||
<div class='info-slide-content skireport' style="display: none">
|
||||
<div class='skilocation i'>
|
||||
<div class='thing'><span class='displaynname'></span><span class='trails'></span></div>
|
||||
<div class='frost-pane'>
|
||||
<div class='newsnowtitle'></div>
|
||||
<div class='basesnowtitle'></div>
|
||||
<div class='newsnowvalue'></div>
|
||||
<div class='basesnowvalue'></div>
|
||||
<div class='snowconditionn'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='skilocation iii'>
|
||||
<div class='thing'><span class='displaynname'></span><span class='trails'></span></div>
|
||||
<div class='frost-pane'>
|
||||
<div class='newsnowtitle'></div>
|
||||
<div class='basesnowtitle'></div>
|
||||
<div class='newsnowvalue'></div>
|
||||
<div class='basesnowvalue'></div>
|
||||
<div class='snowconditionn'></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='skilocation iii'>
|
||||
<div class='thing'><span class='displaynname'></span><span class='trails'></span></div>
|
||||
<div class='frost-pane'>
|
||||
<div class='newsnowtitle'></div>
|
||||
<div class='basesnowtitle'></div>
|
||||
<div class='newsnowvalue'></div>
|
||||
<div class='basesnowvalue'></div>
|
||||
<div class='snowconditionn'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1371,10 +1661,11 @@
|
|||
|
||||
<div id="current-conditions">
|
||||
<div id="now">now</div>
|
||||
<div id="nowwide">now</div>
|
||||
<div id="current-temp"></div>
|
||||
<div id="current-info"></div>
|
||||
<div id="current-noreport" style="display: none">no report</div>
|
||||
<div id="current-info-severe" style="display: none"></div>
|
||||
<div id="current-info-severe" style="display:"></div>
|
||||
<div id="current-info-details" style="display: none"></div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1383,23 +1674,25 @@
|
|||
<div class="gradient2"></div>
|
||||
<div class="gradient3"></div>
|
||||
</div>
|
||||
<div id="minimap-title">PAST 3 HOURS</div>
|
||||
<div id="minimap-title"><span>PAST 3 HOURS</span></div>
|
||||
<div id="minimap"></div>
|
||||
<div id="logo-area"><img src="images/midco_logo_shadow.png"/></div>
|
||||
|
||||
<div id="forecast-shadow">
|
||||
<div id="forecast-header">
|
||||
<div id="forecast-city"></div>
|
||||
<div id="forecast-title"></div>
|
||||
<div id="normalheader" class='forecast-header'>
|
||||
<div id="forecast-city">Camden:</div>
|
||||
<div id="forecast-title"> Tonight's Forecast</div>
|
||||
</div>
|
||||
<div class="wrappertest2">
|
||||
<div id="forecast-text">
|
||||
<div>Retrieving forecast data...</div>
|
||||
<div>A few clouds. Low 53. Winds light and variable.</div>
|
||||
</div>
|
||||
<div id="forecast-tiles"></div>
|
||||
<div id="normaltiles" class='forecast-tiles' style="display: flex;"><div class="forecast-tile daily weekend"><div class="header">Sun</div><img class="icon" src="images/icons/24.png"><div class="high">83</div><div class="low">56</div></div><div class="forecast-tile daily"><div class="header">Mon</div><img class="icon" src="images/icons/30.png"><div class="high">65</div><div class="low">50</div></div><div class="forecast-tile daily"><div class="header">Tue</div><img class="icon" src="images/icons/24.png"><div class="high">73</div><div class="low">48</div></div><div class="forecast-tile daily"><div class="header">Wed</div><img class="icon" src="images/icons/28.png"><div class="high">77</div><div class="low">47</div></div><div class="forecast-tile daily"><div class="header">Thu</div><img class="icon" src="images/icons/28.png"><div class="high">81</div><div class="low">50</div></div></div>
|
||||
<div id="forecast-noreport" style="display:none">Temporarily Unavailable</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="marquee-background"></div>
|
||||
<div id="marquee1" class="marquee">
|
||||
<div id="marquee-container">
|
||||
<div id="marquee-now"><span class="track-info"></span></div>
|
||||
|
|
|
|||
|
|
@ -6,9 +6,11 @@ $(function(){
|
|||
$('.track-info').text('playing "' + tags.title + '" by ' + tags.artist);
|
||||
}
|
||||
$('#marquee2').text(weatherInfo.ad)
|
||||
$('#marquee2').marquee({
|
||||
speed: 170, pauseOnHover: true
|
||||
});
|
||||
setTimeout(function() {
|
||||
$('#marquee2').marquee({
|
||||
speed: 170, pauseOnHover: true
|
||||
});
|
||||
}, 100)
|
||||
});
|
||||
function MarqueeMan() {
|
||||
function switchToWarningMarquee(sidx) {
|
||||
|
|
@ -32,8 +34,8 @@ function MarqueeMan() {
|
|||
weatherAudio.playwarningbeep()
|
||||
} else if (weatherInfo.bulletin.marqueewarnings.length != 0){
|
||||
if (weatherInfo.bulletin.marqueewarnings[0].significance == "Y" ||weatherInfo.bulletin.marqueewarnings[0].significance == "S") {
|
||||
$('#marqueeSevere').css('background','linear-gradient(to right, #853302 0, #a84503 100%)')
|
||||
$('.marqueeheadersevere').css("background","linear-gradient(to right, #e86d08 0, #a84403 100%)")
|
||||
$('#marqueeSevere').css('background','linear-gradient(to right, #874901 0, #bb631a 100%)')
|
||||
$('.marqueeheadersevere').css("background","linear-gradient(to right, #f2992e 0, #bb631a 100%)")
|
||||
$('.marqueeheadersevere').css("color","#000")
|
||||
$('.marqueeheadersevere').css("text-shadow", "0px 0px 0px #000")
|
||||
} else if (weatherInfo.bulletin.marqueewarnings[0].significance == "A") {
|
||||
|
|
|
|||
|
|
@ -89,6 +89,10 @@ function Loops() {
|
|||
text = displays[ keys[idx] ]();
|
||||
|
||||
// increment the pointer
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#forecast-shadow').hide()
|
||||
return;
|
||||
}
|
||||
if (loopssevereweathermode == false) {
|
||||
idx = (++idx===keys.length ? 0 : idx);
|
||||
|
||||
|
|
@ -119,6 +123,10 @@ function Loops() {
|
|||
text = displays[ keys[idx] ]();
|
||||
|
||||
idx = (++idx===keys.length ? 0 : idx);
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#forecast-shadow').hide()
|
||||
return;
|
||||
}
|
||||
if (loopssevereweathermode == true) {
|
||||
if (text) {
|
||||
$('#current-info-details').html(text);
|
||||
|
|
@ -136,12 +144,13 @@ function Loops() {
|
|||
var displays = {
|
||||
|
||||
text1() {
|
||||
$('.forecast-header').prop('id', 'normalheader');
|
||||
if (weatherInfo.dayDesc.lowerbar.noReport == true) {
|
||||
$('#forecast-title').fadeOut(0)
|
||||
$('#forecast-text').fadeOut(0)
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, 0)')
|
||||
$('#forecast-shadow').css('background','rgba(0,0,0,0)')
|
||||
$('#forecast-tiles').fadeOut(0)
|
||||
$('.forecast-tiles').fadeOut(0)
|
||||
$('#forecast-noreport').fadeIn(0)
|
||||
} else {
|
||||
$('#forecast-noreport').fadeOut(0)
|
||||
|
|
@ -154,12 +163,13 @@ function Loops() {
|
|||
}
|
||||
},
|
||||
text2() {
|
||||
$('.forecast-header').prop('id', 'normalheader');
|
||||
if (weatherInfo.dayDesc.lowerbar.noReport == true) {
|
||||
$('#forecast-shadow').css('background','rgba(0,0,0,0)')
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, 0)')
|
||||
$('#forecast-title').fadeOut(0)
|
||||
$('#forecast-text').fadeOut(0)
|
||||
$('#forecast-tiles').fadeOut(0)
|
||||
$('.forecast-tiles').fadeOut(0)
|
||||
$('#forecast-noreport').fadeIn(0)
|
||||
} else {
|
||||
$('#forecast-noreport').fadeOut(0)
|
||||
|
|
@ -173,12 +183,14 @@ function Loops() {
|
|||
},
|
||||
|
||||
fiveday() {
|
||||
$('.forecast-header').prop('id', 'normaltiles');
|
||||
$('.forecast-tiles').prop('id', 'normalheader');
|
||||
if (weatherInfo.fiveDay.lowerbar.noReport == true) {
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, 0)')
|
||||
$('#forecast-shadow').css('background','rgba(0,0,0,0)')
|
||||
$('#forecast-title').fadeOut(0)
|
||||
$('#forecast-text').fadeOut(0)
|
||||
$('#forecast-tiles').fadeOut(0)
|
||||
$('.forecast-tiles').fadeOut(0)
|
||||
$('#forecast-noreport').fadeIn(0)
|
||||
} else {
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, .35)')
|
||||
|
|
@ -187,7 +199,7 @@ function Loops() {
|
|||
var newtile, weekend, icons;
|
||||
|
||||
$('#forecast-title').text("5 DAY FORECAST");
|
||||
$('#forecast-tiles').empty();
|
||||
$('.forecast-tiles').empty();
|
||||
|
||||
for (var i=0; i<5; i++ ) {
|
||||
newtile = $("<div class='forecast-tile daily" + weatherInfo.fiveDay.lowerbar.day[i].weekend + "'></div>");
|
||||
|
|
@ -202,28 +214,31 @@ function Loops() {
|
|||
$("<div class='high'></div>") .appendTo(newtile) .text(weatherInfo.fiveDay.lowerbar.day[i].high);
|
||||
$("<div class='low'></div>") .appendTo(newtile) .text(weatherInfo.fiveDay.lowerbar.day[i].low);
|
||||
|
||||
$('#forecast-tiles').append(newtile);
|
||||
$('.forecast-tiles').append(newtile);
|
||||
}
|
||||
|
||||
$('#forecast-tiles').css('display','flex');
|
||||
$('.forecast-tiles').css('display','flex');
|
||||
}
|
||||
},
|
||||
|
||||
hourly() {
|
||||
$('.forecast-header').prop('id', 'hourlyheader');
|
||||
$('.forecast-tiles').prop('id', 'hourlytiles');
|
||||
if (weatherInfo.dayPart.lowerbar.noReport == true) {
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, 0)')
|
||||
$('#forecast-shadow').css('background','rgba(0,0,0,0)')
|
||||
$('#forecast-title').fadeOut(0)
|
||||
$('#forecast-text').fadeOut(0)
|
||||
$('#forecast-tiles').fadeOut(0)
|
||||
$('.forecast-tiles').fadeOut(0)
|
||||
$('#forecast-noreport').fadeIn(0)
|
||||
} else {
|
||||
$('.forecast-header').prop('id', 'hourlyheader');
|
||||
$('#forecast-title').fadeIn(0)
|
||||
$('#forecast-noreport').fadeOut(0)
|
||||
var newtile, icons, sizer, highbar, data, label, temps=[];
|
||||
$('#forecast-shadow').css('box-shadow','0 3px 10px 0 rgba(0, 0, 0, .35)')
|
||||
$('#forecast-title').text( weatherInfo.dayPart.lowerbar.daytitle );
|
||||
$('#forecast-tiles').empty();
|
||||
$('.forecast-tiles').empty();
|
||||
|
||||
for (var i = 0; i < 4; i++) {
|
||||
|
||||
|
|
@ -234,8 +249,7 @@ function Loops() {
|
|||
$("<img class='icon' src=''/>") .appendTo(sizer) .attr('src', icons);
|
||||
|
||||
|
||||
$("<div class='footer'></div>") .appendTo(newtile) .text(weatherInfo.dayPart.lowerbar.hour[i].time);
|
||||
|
||||
$("<div class='footer'></div>") .append("<span>" + weatherInfo.dayPart.lowerbar.hour[i].time + "</span>") .appendTo(newtile)
|
||||
highbar = $("<div class='hourly-high'></div>") .appendTo(sizer);
|
||||
|
||||
$("<div class='high'></div>") .appendTo(highbar) .text(weatherInfo.dayPart.lowerbar.hour[i].temp);
|
||||
|
|
@ -243,16 +257,16 @@ function Loops() {
|
|||
|
||||
$("<div class='temp-bar'></div>") .appendTo(highbar);
|
||||
|
||||
$('#forecast-tiles').append(newtile);
|
||||
$('.forecast-tiles').append(newtile);
|
||||
}
|
||||
|
||||
$('#forecast-tiles').css('display','flex');
|
||||
$('.forecast-tiles').css('display','flex');
|
||||
|
||||
// animate grow and show temp
|
||||
var min = Math.min(...temps), // 54
|
||||
max = Math.max(...temps), // 73
|
||||
range = ((max-min) != 0) ? (max-min) : .001,
|
||||
prange = (95-78), // percent range for bar height
|
||||
prange = (94-75), // percent range for bar height
|
||||
temp, value;
|
||||
$('.forecast-tile').each(function(){
|
||||
temp = $(this).find('.high').first().text();
|
||||
|
|
@ -278,7 +292,7 @@ function Loops() {
|
|||
}
|
||||
|
||||
function resizeText(text){
|
||||
var s = 38,
|
||||
var s = 41,
|
||||
$test = $('<div style="position:absolute;top:100%;"></div>') .appendTo('#forecast-text') .css('font-size', s + 'px') .html(text);
|
||||
$test.width($('#forecast-text').width() );
|
||||
//setTimeout(function() {
|
||||
|
|
@ -288,7 +302,7 @@ function Loops() {
|
|||
}
|
||||
$('#forecast-text div') .text(text) .css('font-size', s + 'px');
|
||||
$test.remove();
|
||||
$('#forecast-tiles').hide();
|
||||
$('.forecast-tiles').hide();
|
||||
//},100); // delay is a workaround for Interstate font not updating display
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -100,7 +100,8 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
longeo = feature.longitude[i];
|
||||
dist = feature.distanceMi[i];
|
||||
displayname = dataii.location.displayName
|
||||
if (displayname == maincitycoords.displayname || displayname == state) {
|
||||
if (onInit == true) {
|
||||
if (displayname == maincitycoords.displayname || displayname == state) {
|
||||
if ((dataii.location.locale.locale3 != maincitycoords.displayname && dataii.location.locale.locale3) || (dataii.location.locale.locale4 != maincitycoords.displayname && dataii.location.locale.locale4)) {
|
||||
displayname = (dataii.location.locale.locale3 != maincitycoords.displayname && dataii.location.locale.locale3) ? dataii.location.locale.locale3 : dataii.location.locale.locale4
|
||||
} else {
|
||||
|
|
@ -118,6 +119,26 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (displayname == maincitycoords.displayname || displayname == state) {
|
||||
if ((dataii.location.locale.locale3 != maincitycoords.displayname && dataii.location.locale.locale3) || (dataii.location.locale.locale4 != maincitycoords.displayname && dataii.location.locale.locale4)) {
|
||||
displayname = (dataii.location.locale.locale3 != maincitycoords.displayname && dataii.location.locale.locale3) ? dataii.location.locale.locale3 : dataii.location.locale.locale4
|
||||
} else {
|
||||
if (feature.latitude.length == (i + 1)) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
return
|
||||
}
|
||||
}
|
||||
for (var li = 0; li < city8slidedata.length; li++) {
|
||||
if (displayname == city8slidedata[li].displayname) {
|
||||
if ((dataii.location.locale.locale3 != citySlideList[li].displayname && dataii.location.locale.locale3) || (dataii.location.locale.locale4 != citySlideList[li].displayname && dataii.location.locale.locale4)) {
|
||||
displayname = (dataii.location.locale.locale3 != citySlideList[li].displayname && dataii.location.locale.locale3) ? dataii.location.locale.locale3 : dataii.location.locale.locale4
|
||||
} else {
|
||||
if (feature.latitude.length == (i + 1)) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (i!=0) {
|
||||
if (onInit==true) {
|
||||
citySlideList.push({lat: latgeo, lon:longeo, distance:dist, stationUrl:feature.stationId[i], name:displayname, displayname:displayname});
|
||||
|
|
@ -128,6 +149,7 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
}
|
||||
}
|
||||
};
|
||||
if (onInit == true) {
|
||||
displayname = dataii.location.displayName
|
||||
if (displayname == maincitycoords.displayname || displayname == state) {
|
||||
if (feature.latitude.length == (i + 1)) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
|
|
@ -139,7 +161,19 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
return
|
||||
}
|
||||
}
|
||||
|
||||
} else {
|
||||
displayname = dataii.location.displayName
|
||||
if (displayname == maincitycoords.displayname || displayname == state) {
|
||||
if (feature.latitude.length == (i + 1)) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
return
|
||||
}
|
||||
for (var li = 0; li < extralocsdata.length; li++) {
|
||||
if (displayname == extralocsdata[li].displayname) {
|
||||
if (feature.latitude.length == (i + 1)) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
if (dist >= minRadiusMiles && dist <= maxRadiusMiles) {
|
||||
if (ti < 3) {
|
||||
if (onInit==true) {
|
||||
|
|
@ -155,11 +189,19 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
ti = ti - 1
|
||||
}
|
||||
//for the 8 city slide
|
||||
if (i < data.location.stationName.length && (citySlideList.length < 8 || locList.length < 3)) {
|
||||
if (onInit == true) {
|
||||
if (i < data.location.stationName.length && (citySlideList.length < 8 || locList.length < 3)) {
|
||||
ti = ti + 1
|
||||
i = i + 1
|
||||
getLocLoop(i)
|
||||
} else {onExtraAjaxFinish()};
|
||||
} else {
|
||||
if (i < data.location.stationName.length && (city8slidedata.length < 8 || extralocsdata.length < 3)) {
|
||||
ti = ti + 1
|
||||
i = i + 1
|
||||
getLocLoop(i)
|
||||
} else {onExtraAjaxFinish()};
|
||||
}
|
||||
|
||||
}).fail(function(){
|
||||
if (feature.latitude.length >= (i + 1) || i >= 9) {onExtraAjaxFinish()} else {getLocLoop(i + 1)}
|
||||
|
|
@ -172,6 +214,7 @@ function getExtraLocs(lat,lon, onInit, whichReset) {
|
|||
locList.sort(function(a, b) {
|
||||
return parseInt(a.distance) - parseInt(b.distance);
|
||||
});
|
||||
grabCity8SlidesData()
|
||||
grabCitySlidesData()
|
||||
} else {
|
||||
//for settings
|
||||
|
|
@ -213,6 +256,8 @@ var weatherInfo = { currentCond: {
|
|||
sidebar: {noReport:false,displayname:"",temp:"",cond:"",icon:"",humid:"",dewpt:"",pressure:"",wind:"",windspeed:"",gust:"",feelslike:{type:"",val:""},visibility:"",uvidx:"",ceiling:""},
|
||||
//loc:{noReport:"",displayname:"",temp:"",cond:"",icon:"",humid:"",dewpt:"",pressure:"",pressureTrend:"",wind:"",windspeed:"",gust:"",feelslike:{type:"",val:""},},
|
||||
weatherLocs:[],
|
||||
//cityLoc:{noReport:false,displayname:"",temp:"",icon:"",wind:"",windspeed:""}
|
||||
city8slides:{noReport:false, cities:[]},
|
||||
}, dayPart: {
|
||||
lowerbar:{noReport:false,displayname:"",daytitle:"",hour:[{time:"",cond:"",icon:"",temp:"",wind:"",windspeed:""},{time:"",cond:"",icon:"",temp:"",wind:"",windspeed:""},{time:"",cond:"",icon:"",temp:"",wind:"",windspeed:""},{time:"",cond:"",icon:"",temp:"",wind:"",windspeed:""},]},
|
||||
/*loc:{noReport:"",displayname:"",daytitle:"",hour:[
|
||||
|
|
@ -248,33 +293,81 @@ var weatherInfo = { currentCond: {
|
|||
{name:"LAST",date:"Feb 27"},
|
||||
]}, bulletin: {
|
||||
//loc:{displayname:"",pages:[]},
|
||||
includesevereonbulletin: false,
|
||||
weatherLocs:[],
|
||||
severewarnings:[],
|
||||
//{name:"", desc:"", status:""}
|
||||
marqueewarnings:[],
|
||||
severeweathermode: false
|
||||
//{name:"", desc:"", status:"", significance:""}
|
||||
}, healthforecast: { displayname:"",dayidx:0, day:"", high:"", low:"", precipChance:"", humid:"", wind:"",windspeed:"", icon:""
|
||||
}, healthPollen: {displayname:"", total:"", totalcat:"", date:"", types:[
|
||||
}, healthforecast: {noReport:false, displayname:"",dayidx:0, day:"", high:"", low:"", precipChance:"", humid:"", wind:"",windspeed:"", icon:""
|
||||
}, healthPollen: {noReport:false, displayname:"", total:"", totalcat:"", date:"", types:[
|
||||
{type:"tree", treetype:"", pollenidx:""},
|
||||
{type:"grass", pollenidx:""},
|
||||
{type:"weed", pollenidx:""},
|
||||
{type:"mold", pollenidx:""},
|
||||
]}, healthAcheBreath: {date:"",achesindex:"",achescat:"",breathindex:"",breathcat:""
|
||||
}, airquality: {date:"",ozoneactin: false, primarypolute:"", airqualityindex:""
|
||||
}, uvindex: {currentuv:{index:"",desc:""},forecast:[
|
||||
]}, healthAcheBreath: {noReport:false, date:"",achesindex:"",achescat:"",breathindex:"",breathcat:""
|
||||
}, airquality: {noReport:false, date:"",ozoneactin: false, primarypolute:"", airqualityindex:""
|
||||
}, uvindex: {noReport:false, currentuv:{index:"",desc:""},forecast:[
|
||||
{day:"",time:"",index:"",desc:""},
|
||||
{day:"",time:"",index:"",desc:""},
|
||||
{day:"",time:"",index:"",desc:""}
|
||||
]}, airport: {noReport: false, mainairports:[
|
||||
{displayname:"Gainesville Regional Airport",arrivals:{delay:"No Report",reason:""},departures:{delay:"No Report",reason:""},temp:"75",cond:"Mostly Cloudy",icon:"16",windspeed:"0"},
|
||||
{displayname:"Jacksonville International Airport",arrivals:{delay:"1hr 15min",reason:"Rain"},departures:{delay:"",reason:""},temp:"78",cond:"Rain",icon:"16",windspeed:"0"}
|
||||
], otherairports:[
|
||||
{displayname:"New York / LaGaurdia",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Chicago O'hare Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Los Angeles Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Atlanta International",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Dallas / Ft. Worth Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Denver International",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Boston / Logan Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Salt Lake City Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Miami International",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Phoenix / Sky Harbor",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Minneapolis - St. Paul",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Washington Dulles Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"San Francisco Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Philadelphia Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Seattle - Tacoma Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
{displayname:"Lambert - St. Louis Int'l",delay:"No Delay",temp:"75",icon:"16",windspeed:"0"},
|
||||
]},
|
||||
ccticker: {noReport:false,arrow:"",ccLocs:[]},
|
||||
radarTempUnavialable: false,
|
||||
radarWinterLegend: false,
|
||||
reboot: false,
|
||||
ad: "You are watching an emulation of the Weatherscan IntelliStar system. Weatherscan is a digital cable and satellite television network that is owned by a consortium owned in turn by NBCUniversal and investment firms The Blackstone Group and Bain Capital. A spinoff of The Weather Channel, Weatherscan features uninterrupted local weather information in graphical format on a continuous loop that is generated by an IntelliStar unit installed at the cable provider's headend; unlike The Weather Channel, Weatherscan does not feature on-air talent of any kind."
|
||||
}
|
||||
|
||||
//start data functions. these are run after their respective location functions finish
|
||||
function grabCity8SlidesData() {
|
||||
weatherInfo.currentCond.city8slide = [];
|
||||
var url = "https://api.weather.com/v3/aggcommon/v3-wx-observations-current?geocodes="
|
||||
citySlideList.forEach((loc, i) => {
|
||||
url += `${loc.lat},${loc.lon};`
|
||||
});
|
||||
url += "&language=en-US&units=e&format=json&apiKey=" + api_key
|
||||
|
||||
$.getJSON(url, function(data) {
|
||||
data.forEach((ajaxedLoc, i) => {
|
||||
var city8sldieslocs = {displayname:"",temp:"",icon:"",wind:"",windspeed:""}
|
||||
city8sldieslocs.temp = ajaxedLoc["v3-wx-observations-current"].temperature
|
||||
city8sldieslocs.icon = ajaxedLoc["v3-wx-observations-current"].iconCode
|
||||
city8sldieslocs.wind = ((ajaxedLoc["v3-wx-observations-current"].windDirectionCardinal == "CALM" || ajaxedLoc["v3-wx-observations-current"].windSpeed == 0) ? 'calm' : ajaxedLoc["v3-wx-observations-current"].windDirectionCardinal) + ' ' + ((ajaxedLoc["v3-wx-observations-current"].windSpeed === 0) ? '' : ajaxedLoc["v3-wx-observations-current"].windSpeed)
|
||||
city8sldieslocs.windspeed = ajaxedLoc["v3-wx-observations-current"].windSpeed
|
||||
city8sldieslocs.displayname = (citySlideList[i].displayname)
|
||||
weatherInfo.currentCond.city8slides.cities.push(city8sldieslocs)
|
||||
});
|
||||
});
|
||||
}
|
||||
function grabCitySlidesData() {
|
||||
console.log("grabbed city data")
|
||||
weatherInfo.currentCond.weatherLocs = [];
|
||||
weatherInfo.dayPart.weatherLocs = [];
|
||||
weatherInfo.dayDesc.weatherLocs = [];
|
||||
weatherInfo.fiveDay.weatherLocs = [];
|
||||
weatherInfo.bulletin.weatherLocs = [];
|
||||
var url = "https://api.weather.com/v3/aggcommon/v3alertsHeadlines;v3-wx-forecast-daily-5day;v3-wx-observations-current;v3-wx-forecast-hourly-2day?geocodes="
|
||||
url += `${maincitycoords.lat},${maincitycoords.lon};`
|
||||
locList.forEach((loc, i) => {
|
||||
|
|
@ -428,7 +521,7 @@ function grabCitySlidesData() {
|
|||
//get only weather alers
|
||||
for (ai=0; ai<=ajaxedLoc["v3alertsHeadlines"].alerts.length - 1; ai++) {
|
||||
warning = ajaxedLoc["v3alertsHeadlines"].alerts[ai].categories[0].category;
|
||||
if (warning == "Met") {
|
||||
if ((warning == "Met" && weatherInfo.bulletin.includesevereonbulletin == true) || (warning == "Met" && ajaxedLoc["v3alertsHeadlines"].alerts[ai].eventDescription != "Severe Thunderstorm Warning" && ajaxedLoc["v3alertsHeadlines"].alerts[ai].eventDescription == "Flash Flood Warning" != ajaxedLoc["v3alertsHeadlines"].alerts[ai].eventDescription != "Tornado Warning")) {
|
||||
ret.push({idx:ai, priority: getWarningPosition(ajaxedLoc["v3alertsHeadlines"].alerts[ai].eventDescription)})
|
||||
}
|
||||
};
|
||||
|
|
@ -485,6 +578,8 @@ function grabCitySlidesData() {
|
|||
}
|
||||
|
||||
function grabSideandLowerBarData() {
|
||||
weatherInfo.bulletin.marqueewarnings = [];
|
||||
weatherInfo.bulletin.severewarnings = [];
|
||||
var url = "https://api.weather.com/v3/aggcommon/v3alertsHeadlines;v3-wx-forecast-daily-5day;v3-wx-observations-current;v3-wx-forecast-hourly-2day?geocodes="
|
||||
url += `${maincitycoords.lat},${maincitycoords.lon};`
|
||||
url += "&language=en-US&units=e&format=json&apiKey=" + api_key
|
||||
|
|
@ -518,7 +613,7 @@ function grabSideandLowerBarData() {
|
|||
} else if (hour===12){
|
||||
return 'Noon';
|
||||
}
|
||||
return (dateFns.format(time,'h a')).replace(" ", "");
|
||||
return (dateFns.format(time,'h a'))//.replace(" ", "");
|
||||
}
|
||||
//get reporting hours: 12am, 6am, 12pm, 3pm, 5pm, 8pm...
|
||||
function calcHourlyReport(data) {
|
||||
|
|
@ -827,6 +922,7 @@ function pullCCTickerData() {
|
|||
} else {
|
||||
ccurl = 'https://api.weather.com/v3/aggcommon/v3-wx-forecast-daily-5day;v3-wx-observations-current;v3-location-point?geocodes=41.881832,-87.623177;44.986656,-93.258133;33.427204,-111.939896;46.877186,-96.789803;34.187042,-118.381256;33.660057,-117.998970;36.114647,-115.172813;21.315603,-157.858093;28.538336,-81.379234;43.0,-75.0;&language=en-US&units=e&format=json&apiKey='+ api_key
|
||||
}
|
||||
weatherInfo.ccticker.ccLocs = [];
|
||||
$.getJSON(ccurl, function(data) {
|
||||
data.forEach((locationdata, i) => {
|
||||
var ccLoc = {displayname:"",currentCond:{cond:"",temp:""},forecast:{cond:"",temp:""}}
|
||||
|
|
@ -850,24 +946,31 @@ setInterval(function(){
|
|||
}, 300000)
|
||||
|
||||
//init 1 second before intro stops
|
||||
var loops, slides;
|
||||
setTimeout(function() {
|
||||
Loops();
|
||||
Slides();
|
||||
loops = new Loops();
|
||||
slides = new Slides();
|
||||
MarqueeMan();
|
||||
}, 4000)
|
||||
/*var weatherlinks;
|
||||
function grabData() {
|
||||
var citySlidesUrl = "&language=en-US&units=e&format=json&apiKey='+ api_key"
|
||||
locList.forEach((item, i) => {
|
||||
"https://api.weather.com/v3/aggcommon/v3-wx-forecast-daily-5day;v3-wx-observations-current;v3-location-point?geocodes=41.881832,-87.623177;44.986656,-93.258133;33.427204,-111.939896;46.877186,-96.789803;34.187042,-118.381256;33.660057,-117.998970;36.114647,-115.172813;21.315603,-157.858093;28.538336,-81.379234;43.0,-75.0;&language=en-US&units=e&format=json&apiKey='+ api_key
|
||||
});
|
||||
|
||||
|
||||
};
|
||||
function updateData() {
|
||||
|
||||
};
|
||||
|
||||
function InitLoops() {
|
||||
|
||||
};*/
|
||||
function simulateReboot() {
|
||||
weatherInfo.reboot = true
|
||||
setTimeout(function () {
|
||||
$("#info-slides-bg").hide()
|
||||
$("#template").hide()
|
||||
$("#logo-area").hide()
|
||||
$("#marquee2").hide()
|
||||
setTimeout(function () {
|
||||
$("#info-slides-container").hide()
|
||||
$("#date-time").hide()
|
||||
$("#city").hide()
|
||||
$("#conditions-icon").hide()
|
||||
$("#current-conditions").hide()
|
||||
$("#minimap-title").hide()
|
||||
$("#minimap").hide()
|
||||
}, 250)
|
||||
setTimeout(function () {
|
||||
window.location.reload();
|
||||
}, (Math.floor(Math.random() * (20000 - 10000 + 1)) + 10000))
|
||||
}, (Math.floor(Math.random() * (45000 - 30000 + 1)) + 30000))
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,7 +29,8 @@ function Radar(divIDin, intervalHoursIn, zoomIn, latitudeIn, longitudeIn, withSa
|
|||
map = L.map(divID, {
|
||||
zoom: zoom,
|
||||
fullscreenControl: false,
|
||||
center: [latitude, longitude]
|
||||
center: [latitude, longitude],
|
||||
dragging: false,
|
||||
// 31.205482,-82.4331197 test coordinates
|
||||
});
|
||||
if (divID == "radar-1") {
|
||||
|
|
@ -47,7 +48,7 @@ function Radar(divIDin, intervalHoursIn, zoomIn, latitudeIn, longitudeIn, withSa
|
|||
zoomOffset: -1
|
||||
}).addTo(map);
|
||||
if (weatherInfo.radarTempUnavialable == true) {
|
||||
|
||||
|
||||
} else {
|
||||
if (withSat == true) {
|
||||
$.getJSON("https://api.weather.com/v3/TileServer/series/productSet/PPAcore?filter=satrad&apiKey=" + api_key, function(data) {
|
||||
|
|
@ -71,8 +72,8 @@ function Radar(divIDin, intervalHoursIn, zoomIn, latitudeIn, longitudeIn, withSa
|
|||
}))
|
||||
}
|
||||
timeLayers.forEach(timeLayers => {
|
||||
|
||||
timeLayers.addTo(map);
|
||||
timeLayers.getContainer().className += ' radarTile';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,350 @@
|
|||
//location settings
|
||||
var inputlocationdata = {name:"",lat:"",lon:"",state:""}, mainlocationdata = {displayname:"",name:"",lat:"",lon:"",state:""}, extralocsdata = [], city8slidedata = [], cctickerdata = [], settingstype;
|
||||
function autocomplete(inp, option) {
|
||||
/*the autocomplete function takes two arguments,
|
||||
the text field element and an array of possible autocompleted values:*/
|
||||
var currentFocus;
|
||||
/*execute a function when someone writes in the text field:*/
|
||||
var typingTimer; //timer identifier
|
||||
var doneTypingInterval = 1000; //time in ms, 5 second for example
|
||||
var val, weatherdata;
|
||||
inp.addEventListener("input", function(e) {
|
||||
val = e.target.value
|
||||
inputlocationdata = {name:"",lat:"",lon:""}
|
||||
clearTimeout(typingTimer);
|
||||
typingTimer = setTimeout(function() {doneTyping(e)}, doneTypingInterval);
|
||||
});
|
||||
function doneTyping(e) {
|
||||
var a, b, i;
|
||||
/*close any already open lists of autocompleted values*/
|
||||
closeAllLists();
|
||||
if (!val) { return false;}
|
||||
currentFocus = -1;
|
||||
arr = [];
|
||||
$.getJSON("https://api.weather.com/v3/location/search?query="+val+"&language=en-US&format=json&apiKey=" + api_key, function(data) {
|
||||
weatherdata = data
|
||||
data.location.address.forEach((locaddress, i) => {
|
||||
arr.push(locaddress)
|
||||
});
|
||||
inputInfo();
|
||||
});
|
||||
/*create a DIV element that will contain the items (values):*/
|
||||
a = document.createElement("DIV");
|
||||
a.setAttribute("id", this.id + "autocomplete-list");
|
||||
a.setAttribute("class", "autocomplete-items");
|
||||
/*append the DIV element as a child of the autocomplete container:*/
|
||||
e.target.parentNode.appendChild(a);
|
||||
function inputInfo() {
|
||||
/*for each item in the array...*/
|
||||
for (i = 0; i < arr.length; i++) {
|
||||
/*check if the item starts with the same letters as the text field value:*/
|
||||
if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
|
||||
/*create a DIV element for each matching element:*/
|
||||
b = document.createElement("DIV");
|
||||
/*make the matching letters bold:*/
|
||||
b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
|
||||
b.innerHTML += arr[i].substr(val.length);
|
||||
/*insert a input field that will hold the current array item's value:*/
|
||||
b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
|
||||
/*execute a function when someone clicks on the item value (DIV element):*/
|
||||
b.addEventListener("click", function(f) {
|
||||
/*insert the value for the autocomplete text field:*/
|
||||
e.target.value = this.getElementsByTagName("input")[0].value;
|
||||
wi = weatherdata.location.address.indexOf(this.getElementsByTagName("input")[0].value);
|
||||
inputlocationdata.name = weatherdata.location.displayName[wi]
|
||||
inputlocationdata.lat = weatherdata.location.latitude[wi]
|
||||
inputlocationdata.lon = weatherdata.location.longitude[wi]
|
||||
inputlocationdata.state = weatherdata.location.adminDistrict[wi];
|
||||
/*close the list of autocompleted values,
|
||||
(or any other open lists of autocompleted values:*/
|
||||
closeAllLists();
|
||||
});
|
||||
a.appendChild(b);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
/*execute a function presses a key on the keyboard:*/
|
||||
inp.addEventListener("keydown", function(e) {
|
||||
var x = document.getElementById(this.id + "autocomplete-list");
|
||||
if (x) x = x.getElementsByTagName("div");
|
||||
if (e.keyCode == 40) {
|
||||
/*If the arrow DOWN key is pressed,
|
||||
increase the currentFocus variable:*/
|
||||
currentFocus++;
|
||||
/*and and make the current item more visible:*/
|
||||
addActive(x);
|
||||
} else if (e.keyCode == 38) { //up
|
||||
/*If the arrow UP key is pressed,
|
||||
decrease the currentFocus variable:*/
|
||||
currentFocus--;
|
||||
/*and and make the current item more visible:*/
|
||||
addActive(x);
|
||||
} else if (e.keyCode == 13) {
|
||||
/*If the ENTER key is pressed, prevent the form from being submitted,*/
|
||||
e.preventDefault();
|
||||
if (currentFocus > -1) {
|
||||
/*and simulate a click on the "active" item:*/
|
||||
if (x) x[currentFocus].click();
|
||||
}
|
||||
}
|
||||
});
|
||||
function addActive(x) {
|
||||
/*a function to classify an item as "active":*/
|
||||
if (!x) return false;
|
||||
/*start by removing the "active" class on all items:*/
|
||||
removeActive(x);
|
||||
if (currentFocus >= x.length) currentFocus = 0;
|
||||
if (currentFocus < 0) currentFocus = (x.length - 1);
|
||||
/*add class "autocomplete-active":*/
|
||||
x[currentFocus].classList.add("autocomplete-active");
|
||||
}
|
||||
function removeActive(x) {
|
||||
/*a function to remove the "active" class from all autocomplete items:*/
|
||||
for (var i = 0; i < x.length; i++) {
|
||||
x[i].classList.remove("autocomplete-active");
|
||||
}
|
||||
}
|
||||
function closeAllLists(elmnt) {
|
||||
/*close all autocomplete lists in the document,
|
||||
except the one passed as an argument:*/
|
||||
var x = document.getElementsByClassName("autocomplete-items");
|
||||
for (var i = 0; i < x.length; i++) {
|
||||
if (elmnt != x[i] && elmnt != inp) {
|
||||
x[i].parentNode.removeChild(x[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*execute a function when someone clicks in the document:*/
|
||||
document.addEventListener("click", function (e) {
|
||||
closeAllLists(e.target);
|
||||
});
|
||||
}
|
||||
//runs when ajax is finished
|
||||
function initLocSettings() {
|
||||
mainlocationdata.name = maincitycoords.name
|
||||
mainlocationdata.lat = maincitycoords.lat
|
||||
mainlocationdata.lon = maincitycoords.lon
|
||||
mainlocationdata.displayname = maincitycoords.name
|
||||
mainlocationdata.state = state
|
||||
updateonResetMainLoc()
|
||||
extralocsdata = locList
|
||||
city8slidedata = citySlideList
|
||||
cctickerdata = ccTickerCitiesList
|
||||
updateLocs("extralocation")
|
||||
updateLocs("8slide")
|
||||
updateLocs("cctickerloc")
|
||||
}
|
||||
function saveLocSettings() {
|
||||
maincitycoords = mainlocationdata
|
||||
locList = extralocsdata
|
||||
citySlideList = city8slidedata
|
||||
ccTickerCitiesList = cctickerdata
|
||||
grabAlamanacSlidesData()
|
||||
grabSideandLowerBarData()
|
||||
grabCitySlidesData()
|
||||
grabHealthData()
|
||||
pullCCTickerData()
|
||||
buildHeaderGlobal()
|
||||
}
|
||||
//runs when weatherman returns info
|
||||
function updateonResetMainLoc() {
|
||||
$("#mainlocation #locationname").text("name: "+mainlocationdata.name)
|
||||
$("#mainlocation #locationdisplayname").text("display name: "+mainlocationdata.displayname)
|
||||
$("#mainlocation #coords").text("coordinates: "+mainlocationdata.lat+","+mainlocationdata.lon)
|
||||
}
|
||||
function updateonResetCCTickerLoc() {
|
||||
mainlocationdata.name = mainlocationsettingsobj.name
|
||||
mainlocationdata.lat = mainlocationsettingsobj.lat
|
||||
mainlocationdata.lon = mainlocationsettingsobj.lon
|
||||
mainlocationdata.displayname = mainlocationsettingsobj.displayname
|
||||
mainlocationdata.state = mainlocationsettingsobj.state
|
||||
$("#mainlocation #locationname").text("name: "+mainlocationsettingsobj.name)
|
||||
$("#mainlocation #locationdisplayname").text("display name: "+mainlocationsettingsobj.displayname)
|
||||
$("#mainlocation #coords").text("coordinates: "+mainlocationsettingsobj.lat+","+mainlocationsettingsobj.lon)
|
||||
}
|
||||
|
||||
//Displays all updates for location arrays
|
||||
function updateLocs(id) {
|
||||
if (id=="extralocation") {
|
||||
extralocsdata.forEach((eloc, i) => {
|
||||
di = i + 1
|
||||
$(`#extralocation${di} #locationname`).text("name: "+eloc.name)
|
||||
$(`#extralocation${di} #locationdisplayname`).text("displayname: "+eloc.displayname)
|
||||
$(`#extralocation${di} #coords`).text("coordinates: "+eloc.lat+","+eloc.lon)
|
||||
});
|
||||
if (extralocsdata.length<=3) {
|
||||
var mi = 3
|
||||
for (var i = 0; i < (mi-extralocsdata.length); i++) {
|
||||
$("#extralocation"+(mi-i)).fadeOut(0);
|
||||
}
|
||||
for (var i = 1; i < (extralocsdata.length + 1); i++) {
|
||||
$("#extralocation"+(i)).fadeIn(0);
|
||||
}
|
||||
}
|
||||
} else if (id=="8slide") {
|
||||
city8slidedata.forEach((c8loc, i) => {
|
||||
di = i + 1
|
||||
$(`#eightslideloc${di} #locationname`).text("name: "+c8loc.name)
|
||||
$(`#eightslideloc${di} #locationdisplayname`).text("displayname: "+c8loc.displayname)
|
||||
$(`#eightslideloc${di} #coords`).text("coordinates: "+c8loc.lat+","+c8loc.lon)
|
||||
});
|
||||
if (city8slidedata.length<=8) {
|
||||
var mi = 8
|
||||
for (var i = 0; i < (mi-city8slidedata.length); i++) {
|
||||
$("#eightslideloc"+(mi-i)).fadeOut(0);
|
||||
}
|
||||
for (var i = 1; i < (city8slidedata.length + 1); i++) {
|
||||
$("#eightslideloc"+(i)).fadeIn(0);
|
||||
}
|
||||
}
|
||||
} else if (id=="cctickerloc") {
|
||||
cctickerdata.forEach((eloc, i) => {
|
||||
di = i + 1
|
||||
$(`#cctickerloc${di} #locationname`).text("name: "+eloc.name)
|
||||
$(`#cctickerloc${di} #locationdisplayname`).text("displayname: "+eloc.displayname)
|
||||
$(`#cctickerloc${di} #coords`).text("coordinates: "+eloc.lat+","+eloc.lon)
|
||||
});
|
||||
if (cctickerdata.length<=10) {
|
||||
var mi = 10
|
||||
for (var i = 0; i < (mi-cctickerdata.length); i++) {
|
||||
$("#cctickerloc"+(mi-i)).fadeOut(0);
|
||||
}
|
||||
for (var i = 1; i < (cctickerdata.length + 1); i++) {
|
||||
$("#cctickerloc"+(i)).fadeIn(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
//button listeners
|
||||
$(function(){
|
||||
|
||||
//init locationsettings
|
||||
autocomplete(document.getElementById("searchbar"), 'option');
|
||||
//button listeners
|
||||
$("#setmainloc").click(function() {
|
||||
if (inputlocationdata.name) {
|
||||
mainlocationdata.name = inputlocationdata.name
|
||||
mainlocationdata.lat = inputlocationdata.lat
|
||||
mainlocationdata.lon = inputlocationdata.lon
|
||||
mainlocationdata.displayname = ($("#locdisplayname").val()) ? $("#locdisplayname").val() : inputlocationdata.name
|
||||
$("#mainlocation #locationname").text("name: "+inputlocationdata.name)
|
||||
$("#mainlocation #locationdisplayname").text("display name: "+mainlocationdata.displayname)
|
||||
$("#mainlocation #coords").text("coordinates: "+inputlocationdata.lat+","+inputlocationdata.lon)
|
||||
}
|
||||
});
|
||||
$("#addlocbutton").click(function() {
|
||||
if (extralocsdata.length < 3 && inputlocationdata.name) {
|
||||
extralocsdata.push(
|
||||
{
|
||||
name:inputlocationdata.name,
|
||||
lat:inputlocationdata.lat,
|
||||
lon:inputlocationdata.lon,
|
||||
displayname: (($("#locdisplayname").val()) ? $("#locdisplayname").val() : inputlocationdata.name)
|
||||
})
|
||||
updateLocs("extralocation")
|
||||
}
|
||||
});
|
||||
$("#addloc8slide").click(function() {
|
||||
if (city8slidedata.length < 8 && inputlocationdata.name) {
|
||||
city8slidedata.push(
|
||||
{
|
||||
name:inputlocationdata.name,
|
||||
lat:inputlocationdata.lat,
|
||||
lon:inputlocationdata.lon,
|
||||
displayname: (($("#locdisplayname").val()) ? $("#locdisplayname").val() : inputlocationdata.name)
|
||||
})
|
||||
updateLocs("8slide")
|
||||
}
|
||||
});
|
||||
$("#addlocticker").click(function() {
|
||||
if (cctickerdata.length < 10 && inputlocationdata.name) {
|
||||
cctickerdata.push(
|
||||
{
|
||||
name:inputlocationdata.name,
|
||||
lat:inputlocationdata.lat,
|
||||
lon:inputlocationdata.lon,
|
||||
displayname: (($("#locdisplayname").val()) ? $("#locdisplayname").val() : inputlocationdata.name)
|
||||
})
|
||||
updateLocs("cctickerloc")
|
||||
}
|
||||
});
|
||||
$(".removelocbutton").click(function(button) {
|
||||
var arraytype = ((button.target.parentNode.className == "extralocation") ? extralocsdata : ((button.target.parentNode.className == "eightslideloc") ? city8slidedata : ((button.target.parentNode.className == "cctickerloc") ? cctickerdata : "")))
|
||||
var locnum = (button.target.parentNode.id).replace( /^\D+/g, '')
|
||||
arraytype.splice((button.target.parentNode.id).replace( /^\D+/g, '') -1, 1);
|
||||
updateLocs((button.target.parentNode.className == "extralocation") ? "extralocation" : ((button.target.parentNode.className == "eightslideloc") ? "8slide" : ((button.target.parentNode.className == "cctickerloc") ? "cctickerloc" : "")))
|
||||
});
|
||||
$(".clearalllocs").click(function(button) {
|
||||
var arraytype = ((button.target.parentNode.id == "extralocheader") ? extralocsdata : ((button.target.parentNode.id == "city8slide") ? city8slidedata : ((button.target.parentNode.id == "cctickerheader") ? cctickerdata : "")))
|
||||
arraytype.length = 0;
|
||||
updateLocs((button.target.parentNode.id == "extralocheader") ? "extralocation" : ((button.target.parentNode.id == "city8slide") ? "8slide" : ((button.target.parentNode.id == "cctickerheader") ? "cctickerloc" : "")))
|
||||
});
|
||||
$("#resetmainloc").click(function(button) {
|
||||
getMainLoc()
|
||||
});
|
||||
$(".resetotherlocs").click(function(button) {
|
||||
if (button.target.id == "extralocation") {
|
||||
extralocsdata.length = 0
|
||||
} else if (button.target.id == "8slide") {
|
||||
city8slidedata.length = 0
|
||||
}
|
||||
getExtraLocs(mainlocationdata.lat,mainlocationdata.lon, false, button.target.id)
|
||||
});
|
||||
$("#resetcctickerlocs").click(function(button) {
|
||||
getStatePopularCities(mainlocationdata.state, false)
|
||||
});
|
||||
})
|
||||
//settings button listeners
|
||||
$(function(){
|
||||
$("#locationsettings").click(function(button) {
|
||||
settingstype = "locationsettings"
|
||||
$("#apperancesettings").text("appearance settings")
|
||||
$("#locationsettings").text("▶ location settings")
|
||||
$("#weathersettings").text("weather settings")
|
||||
$("#apperancesettingspane").fadeOut(0)
|
||||
$("#locationsettingspane").fadeIn(0)
|
||||
$("#weathersettingspane").fadeOut(0)
|
||||
})
|
||||
/*$("#weathersettings").click(function(button) {
|
||||
settingstype = "weathersettings"
|
||||
$("#apperancesettings").text("appearance settings")
|
||||
$("#locationsettings").text("location settings")
|
||||
$("#weathersettings").text("▶ weather settings")
|
||||
$("#apperancesettingspane").fadeOut(0)
|
||||
$("#locationsettingspane").fadeOut(0)
|
||||
$("#weathersettingspane").fadeIn(0)
|
||||
})*/
|
||||
$("#savebutton").click(function(button) {
|
||||
if (settingstype == "locationsettings"){
|
||||
saveLocSettings();
|
||||
}
|
||||
})
|
||||
});
|
||||
//weather settings
|
||||
/*function updateWeatherSettings(settingspage, loc) {
|
||||
var page = $('currentconditionspage').
|
||||
}*/
|
||||
// enable/disable settingspane
|
||||
$(document).on('keydown',function(e) {
|
||||
if(e.which == 27) {
|
||||
if($('.blackbar #settings').is(':hidden')) {
|
||||
$("#introdetails").fadeOut(0)
|
||||
$(".blackbar #settings").fadeIn(0)
|
||||
$(".intellistarlogo").fadeOut(0)
|
||||
$("#startup").fadeIn(0)
|
||||
mainlocationdata = maincitycoords
|
||||
updateonResetMainLoc()
|
||||
extralocsdata = locList
|
||||
updateLocs("extralocation")
|
||||
city8slidedata = citySlideList
|
||||
updateLocs("8slide")
|
||||
cctickerdata = ccTickerCitiesList
|
||||
updateLocs("cctickerloc")
|
||||
|
||||
} else {
|
||||
$("#startup").fadeOut(0)
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -3,6 +3,7 @@
|
|||
headings:
|
||||
RADAR < MAIN CITY < CITY 1 < CITY 2
|
||||
*/
|
||||
var buildHeaderGlobal;
|
||||
var showsevercityslides = false;
|
||||
var mainMap
|
||||
// load slide data
|
||||
|
|
@ -15,12 +16,12 @@ var mainMap
|
|||
|
||||
buildHeader();
|
||||
setTimeout(function() {
|
||||
$('.radar-content').fadeOut(500);
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
nextCity()
|
||||
});
|
||||
}, 5500);
|
||||
}, 800);
|
||||
// loop cities
|
||||
function nextCity(){
|
||||
//severe weather mode
|
||||
|
|
@ -108,7 +109,7 @@ var mainMap
|
|||
|
||||
// Currently (10 sec)
|
||||
,currentConditions() {
|
||||
$('.severe-city-info-slide #subhead-title').text('Currently');
|
||||
$('.severe-city-info-slide .subhead-title').text('Currently');
|
||||
$('.severe-city-info-slide #subhead-city').text(weatherInfo.currentCond.weatherLocs[0].displayname);
|
||||
if (weatherInfo.currentCond.weatherLocs[0].noReport == true) {
|
||||
$('.severe-city-info-slide .noreport').fadeIn(500)
|
||||
|
|
@ -145,12 +146,72 @@ var mainMap
|
|||
//fadeout and switch
|
||||
setTimeout(function() {
|
||||
$('.severe-city-info').fadeOut(500, function(){
|
||||
$('.severe-city-info-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
}
|
||||
,city8slides(pidx){
|
||||
var pages = Math.ceil(citySlideList.length/4);
|
||||
if (weatherInfo.currentCond.city8slides == true) {
|
||||
$('.severe-city-info-slide #subhead-city').fadeOut(500);
|
||||
$('.severe-city-info-slide .subhead-title').text('Currently');
|
||||
$('.severe-city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
$('.info-slide-content.severe-aroundcityinfo').fadeOut(500);
|
||||
$('.severe-city-info-slide .tempunavailable').fadeOut(500, function(){
|
||||
$('.severe-city-info-slide').fadeOut(0)
|
||||
$('.severe-city-info-slide #subhead-city').fadeIn(0);
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
$('.severe-city-info-slide #subhead-city').fadeOut(0);
|
||||
function fillinfo() {
|
||||
|
||||
pidx = (pidx===undefined ? 1 : pidx);
|
||||
|
||||
//replace tomorrow
|
||||
var di = 0;
|
||||
for (var i = (pidx == 1) ? 0 : 4; i < 4*pidx || i < citySlideList.length; i++) {
|
||||
if (weatherInfo.currentCond.city8slides.cities[i]) {
|
||||
var divnumbers = ['i','ii','iii','iv']
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .cityname').text(weatherInfo.currentCond.city8slides.cities[i].displayname);
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .temp').text(weatherInfo.currentCond.city8slides.cities[i].temp);
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + getCCicon(+weatherInfo.currentCond.city8slides.cities[i].icon, weatherInfo.currentCond.city8slides.cities[i].windspeed) + '")');
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .wind').text(weatherInfo.currentCond.city8slides.cities[i].wind);
|
||||
} else {
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .cityname').text("");
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .temp').text("");
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + "" + '")');
|
||||
$('.info-slide-content.severe-aroundcityinfo .city.' + divnumbers[di] + ' .wind').text("")
|
||||
}
|
||||
di = di + 1
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
fillinfo();
|
||||
$('.info-slide-content.severe-aroundcityinfo').fadeIn(500);
|
||||
|
||||
setTimeout( function() {
|
||||
|
||||
if (pidx<pages) {
|
||||
$('.info-slide-content.severe-aroundcityinfo').fadeOut(500, function() {
|
||||
currentDisplay(pidx+1);
|
||||
//fillinfo();
|
||||
});
|
||||
} else {
|
||||
$('.info-slide-content.severe-aroundcityinfo').fadeOut(500, function() {
|
||||
$('.severe-city-info-slide #subhead-city').fadeIn(0);
|
||||
$('.severe-city-info-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
}
|
||||
|
||||
}, slideDelay)
|
||||
}
|
||||
}
|
||||
// Local Doppler Radar or Radar/Satellite (15 sec, zoomed out with cloud cover)
|
||||
,localDoppler(){
|
||||
var showsat = Math.random()
|
||||
|
|
@ -168,7 +229,7 @@ var mainMap
|
|||
if (selectval === 2 || selectval === 3) {
|
||||
// reset tempbar animation
|
||||
if (weatherInfo.dayPart.weatherLocs[0].noReport == true) {
|
||||
$('.severe-city-info-slide #subhead-title').text(weatherInfo.dayPart.weatherLocs[0].daytitle);
|
||||
$('.severe-city-info-slide .subhead-title').text(weatherInfo.dayPart.weatherLocs[0].daytitle);
|
||||
$('.severe-city-info-slide').fadeIn(0);
|
||||
$('.severe-city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
|
|
@ -213,7 +274,7 @@ var mainMap
|
|||
$('.info-slide-content.severe-daypart .hour.iv .icon').css('background-image', 'url("' + getCCicon(+weatherInfo.dayPart.weatherLocs[0].hour[3].icon, weatherInfo.dayPart.weatherLocs[0].hour[3].windspeed) + '")');
|
||||
|
||||
// calculate height of tempbars
|
||||
$('.severe-city-info-slide #subhead-title').text(weatherInfo.dayPart.weatherLocs[0].daytitle);
|
||||
$('.severe-city-info-slide .subhead-title').text(weatherInfo.dayPart.weatherLocs[0].daytitle);
|
||||
var temps = [];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
temps.push(weatherInfo.dayPart.weatherLocs[0].hour[i].temp);
|
||||
|
|
@ -252,7 +313,7 @@ var mainMap
|
|||
// Local Forecast -Today (10 sec)
|
||||
var div = '.info-slide-content.severe-forecast '
|
||||
if (weatherInfo.dayDesc.weatherLocs[0].noReport == true) {
|
||||
$('.severe-city-info-slide #subhead-title').text('Local Forecast');
|
||||
$('.severe-city-info-slide .subhead-title').text('Local Forecast');
|
||||
$('.severe-city-info-slide').fadeIn(0);
|
||||
$('.severe-city-info-slide .tempunavailable').fadeIn(500)
|
||||
$('.info-slide-content.severe-forecast').fadeIn(500);
|
||||
|
|
@ -269,7 +330,7 @@ var mainMap
|
|||
|
||||
fidx = (fidx===undefined ? 0 : fidx);
|
||||
|
||||
$('.severe-city-info-slide #subhead-title').text('Local Forecast');
|
||||
$('.severe-city-info-slide .subhead-title').text('Local Forecast');
|
||||
//replace tomorrow
|
||||
|
||||
$(div + '.title').text(weatherInfo.dayDesc.weatherLocs[0].day[fidx].name);
|
||||
|
|
@ -279,7 +340,7 @@ var mainMap
|
|||
$(div + '.content').text(weatherInfo.dayDesc.weatherLocs[0].day[fidx].desc);
|
||||
|
||||
}
|
||||
if (fidx === 0) {
|
||||
if (fidx === undefined) {
|
||||
weatherAudio.playLocalforecasti();
|
||||
}
|
||||
|
||||
|
|
@ -311,7 +372,7 @@ var mainMap
|
|||
|
||||
// Extended Forecast(5 day columns)
|
||||
,extendedForecast() {
|
||||
$('.severe-city-info-slide #subhead-title').text('Extended Forecast');
|
||||
$('.severe-city-info-slide .subhead-title').text('Extended Forecast');
|
||||
if (weatherInfo.fiveDay.weatherLocs[0].noReport == true) {
|
||||
$('.severe-city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
|
|
@ -369,6 +430,10 @@ var mainMap
|
|||
}
|
||||
}
|
||||
keys = Object.keys(displays);
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
currentDisplay();
|
||||
|
|
@ -376,8 +441,8 @@ var mainMap
|
|||
idx = 0
|
||||
if (weatherInfo.bulletin.severeweathermode == true) {
|
||||
//fade out radar if going back to bulletin. Don't fade if exiting.
|
||||
$('.radar-content').fadeOut(500);
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
currentDisplay = displays[keys[0]];
|
||||
currentDisplay();
|
||||
|
|
@ -397,10 +462,10 @@ var mainMap
|
|||
$('.radar-slide').fadeIn(0);
|
||||
$('.radar-content').fadeIn(500);
|
||||
mainMap = new Radar("radar-1", 3, 8, maincitycoords.lat, maincitycoords.lon, false);
|
||||
$('.radar-color-legend').fadeIn(500);
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeIn(500)} else {$('.radar-color-legend').fadeIn(500)}
|
||||
setTimeout(function() {
|
||||
$('.radar-content').fadeOut(500);
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
nextCity()
|
||||
});
|
||||
|
|
@ -418,7 +483,7 @@ var mainMap
|
|||
|
||||
|
||||
function resizeText(text){
|
||||
var s = 52,
|
||||
var s = 50,
|
||||
$container = $('.info-slide-content.severe-forecast .content'),
|
||||
$test = $('<div style="position:absolute;top:100%;"></div>') .appendTo($container) .css('font-size', s + 'px') .css('line-height', '125%') .html(text);
|
||||
|
||||
|
|
@ -481,12 +546,16 @@ var mainMap
|
|||
}
|
||||
$('.radar-content').fadeIn(500);
|
||||
mainMap = new Radar("radar-1", 3, 8, maincitycoords.lat, maincitycoords.lon, false);
|
||||
$('.radar-color-legend').fadeIn(500);
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeIn(500)} else {$('.radar-color-legend').fadeIn(500)}
|
||||
wait(60500)
|
||||
}
|
||||
}
|
||||
};
|
||||
keys = Object.keys(displays);
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
currentDisplay();
|
||||
|
|
@ -494,8 +563,8 @@ var mainMap
|
|||
idx = 0
|
||||
if (weatherInfo.bulletin.severeweathermode == true) {
|
||||
//fade out radar if going back to bulletin. Don't fade if exiting.
|
||||
$('.radar-content').fadeOut(500);
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
currentDisplay = displays[keys[0]];
|
||||
currentDisplay();
|
||||
|
|
@ -512,11 +581,11 @@ var mainMap
|
|||
displayAtmospheric(0);
|
||||
buildHeader();
|
||||
setTimeout(function() {
|
||||
$('.radar-content').fadeOut(500);
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
if (weatherInfo.radarTempUnavialable == true) {
|
||||
$('.radar-slide .tempunavailable').fadeOut(500);
|
||||
}
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
nextCity()
|
||||
});
|
||||
|
|
@ -541,13 +610,13 @@ var mainMap
|
|||
}
|
||||
$('.radar-content').fadeIn(500);
|
||||
mainMap = new Radar("radar-1", 3, zoom, lat, long, withsat);
|
||||
$('.radar-color-legend').fadeIn(500);
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeIn(500)} else {$('.radar-color-legend').fadeIn(500)}
|
||||
setTimeout(function() {
|
||||
$('.radar-content').fadeOut(500);
|
||||
if (weatherInfo.radarWinterLegend == true) {$('.radar-color-legend-winter').fadeOut(500)} else {$('.radar-color-legend').fadeOut(500)}
|
||||
if (weatherInfo.radarTempUnavialable == true) {
|
||||
$('.radar-slide .tempunavailable').fadeOut(500);
|
||||
}
|
||||
$('.radar-color-legend').fadeOut(500, function() {
|
||||
$('.radar-content').fadeOut(500, function() {
|
||||
$('.radar-slide').fadeOut(0);
|
||||
});
|
||||
}, time);
|
||||
|
|
@ -573,19 +642,112 @@ var mainMap
|
|||
});
|
||||
}, 5000);
|
||||
}
|
||||
,airportconditions() {
|
||||
,airportconditions(aidx) {
|
||||
$('.airport-slide').fadeIn(0);
|
||||
$('.airportpanel').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.airportpanel').fadeOut(500, function(){
|
||||
$('.airport-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
var pages = weatherInfo.airport.mainairports.length
|
||||
if (weatherInfo.airport.noReport == true) {
|
||||
$('.info-slide-content.airportpanel').fadeIn(500);
|
||||
$('.airport-slide .nodata').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
$('.airport-slide .nodata').fadeOut(500);
|
||||
$('.info-slide-content.airportpanel').fadeOut(500, function(){
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
function fillinfo() {
|
||||
aidx = (aidx===undefined ? 0 : aidx);
|
||||
$('.info-slide-content.airportpanel .leftpanel .thing').text(weatherInfo.airport.mainairports[aidx].displayname)
|
||||
$('.info-slide-content.airportpanel .top .delayfill').text(weatherInfo.airport.mainairports[aidx].arrivals.delay)
|
||||
$('.info-slide-content.airportpanel .top .reasonfill').text(weatherInfo.airport.mainairports[aidx].arrivals.reason)
|
||||
$('.info-slide-content.airportpanel .bottom .delayfill').text(weatherInfo.airport.mainairports[aidx].departures.delay)
|
||||
$('.info-slide-content.airportpanel .bottom .reasonfill').text(weatherInfo.airport.mainairports[aidx].departures.reason)
|
||||
$('.info-slide-content.airportpanel .temp').text(weatherInfo.airport.mainairports[aidx].temp)
|
||||
$('.info-slide-content.airportpanel .conditions').text(weatherInfo.airport.mainairports[aidx].cond)
|
||||
$('.info-slide-content.airportpanel .icon').css('background-image', 'url("' + getCCicon(weatherInfo.airport.mainairports[aidx].icon, weatherInfo.airport.mainairports[aidx].windspeed) + '")');
|
||||
}
|
||||
fillinfo();
|
||||
$('.info-slide-content.airportpanel').fadeIn(500);
|
||||
|
||||
setTimeout( function() {
|
||||
|
||||
if ((aidx+1)<pages) {
|
||||
$('.info-slide-content.airportpanel').fadeOut(500, function() {
|
||||
currentDisplay(aidx+1);
|
||||
});
|
||||
} else {
|
||||
$('.info-slide-content.airportpanel').fadeOut(500, function() {
|
||||
wait(0);
|
||||
});
|
||||
}
|
||||
|
||||
}, slideDelay)
|
||||
}
|
||||
}
|
||||
,otherairportconds(aidx) {
|
||||
var pages = Math.ceil(weatherInfo.airport.otherairports.length/4);
|
||||
if (weatherInfo.airport.noReport == true) {
|
||||
$('.info-slide-content.otherairports').fadeIn(500);
|
||||
$('.airport-slide .nodata').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
$('.airport-slide .nodata').fadeOut(500);
|
||||
$('.info-slide-content.otherairports').fadeOut(500, function(){
|
||||
$('.airport-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
$('.city-info-slide #subhead-city').fadeOut(0);
|
||||
function fillinfo() {
|
||||
|
||||
aidx = (aidx===undefined ? 1 : aidx);
|
||||
|
||||
//replace tomorrow
|
||||
var di = 0;
|
||||
for (var i = 4*aidx - 4; i < 4*aidx || i < weatherInfo.airport.otherairports.length; i++) {
|
||||
var divnumbers = ['i','ii','iii','iv']
|
||||
if (weatherInfo.airport.otherairports[i]) {
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .airportname').text(weatherInfo.airport.otherairports[i].displayname);
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .temp').text(weatherInfo.airport.otherairports[i].temp);
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + getCCicon(+weatherInfo.airport.otherairports[i].icon, weatherInfo.airport.otherairports[i].windspeed) + '")');
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .delay').text(weatherInfo.airport.otherairports[i].delay);
|
||||
} else {
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .airportname').text("");
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .temp').text("");
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + "" + '")');
|
||||
$('.info-slide-content.otherairports .airport.' + divnumbers[di] + ' .delay').text("")
|
||||
}
|
||||
di = di + 1
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
fillinfo();
|
||||
$('.info-slide-content.otherairports').fadeIn(500);
|
||||
|
||||
setTimeout( function() {
|
||||
|
||||
if (aidx<pages) {
|
||||
$('.info-slide-content.otherairports').fadeOut(500, function() {
|
||||
currentDisplay(aidx+1);
|
||||
//fillinfo();
|
||||
});
|
||||
} else {
|
||||
$('.info-slide-content.otherairports').fadeOut(500, function() {
|
||||
$('.airport-slide').fadeOut(0)
|
||||
wait(0);
|
||||
});
|
||||
}
|
||||
|
||||
}, slideDelay)
|
||||
}
|
||||
}
|
||||
},
|
||||
keys = Object.keys(displays);
|
||||
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
var daypart;
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
|
|
@ -743,7 +905,10 @@ var mainMap
|
|||
}
|
||||
},
|
||||
keys = Object.keys(displays);
|
||||
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
var daypart;
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
|
|
@ -780,11 +945,22 @@ var mainMap
|
|||
}, 5000);
|
||||
}
|
||||
,healthforecast() {
|
||||
$('.info-slide.health .subhead-title').text('Outdoor Activity');
|
||||
$('.info-slide.health #subhead-city').text(weatherInfo.healthforecast.displayname);
|
||||
if (weatherInfo.healthforecast.noReport == true) {
|
||||
$('.info-slide.health').fadeIn(0);
|
||||
$('.info-slide.health .tempunavailable').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide.health .tempunavailable').fadeOut(500, function(){
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
if (weatherInfo.healthforecast.dayidx == 0 && dateFns.getHours(new Date()) >= 4) {
|
||||
$('.info-slide-content.health-forecast .mainforecast .hightext').css("right","85px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .hightext').css("top","220px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .high').css("left","91px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .high').css("top","265px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .hightext').css("top","226.5");
|
||||
$('.info-slide-content.health-forecast .mainforecast .high').css("left","95px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .high').css("top","239px");
|
||||
$('.info-slide-content.health-forecast .mainforecast .lowtext').fadeOut(0)
|
||||
$('.info-slide-content.health-forecast .mainforecast .low').fadeOut(0)
|
||||
}
|
||||
|
|
@ -795,8 +971,7 @@ var mainMap
|
|||
$('.info-slide-content.health-forecast .forecastdetails .humidtext').text(weatherInfo.healthforecast.humid)
|
||||
$('.info-slide-content.health-forecast .forecastdetails .windtext').text(weatherInfo.healthforecast.wind)
|
||||
$('.info-slide-content.health-forecast .mainforecast .icon').css('background-image', 'url("' + getCCicon(weatherInfo.healthforecast.icon, weatherInfo.healthforecast.windspeed) + '")');
|
||||
$('.info-slide.health #subhead-title').text('Outdoor Activity');
|
||||
$('.info-slide.health #subhead-city').text(weatherInfo.healthforecast.displayname);
|
||||
|
||||
$('.info-slide.health').fadeIn(0);
|
||||
$('.info-slide-content.health-forecast').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
|
|
@ -804,14 +979,15 @@ var mainMap
|
|||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
}
|
||||
,pollen() {
|
||||
if (weatherInfo.healthPollen.totalcat) {
|
||||
if (weatherInfo.healthPollen.totalcat && weatherInfo.healthforecast.noReport == false) {
|
||||
$('.info-slide-content.allergy .totalpollen .desc').text(weatherInfo.healthPollen.totalcat)
|
||||
$('.info-slide-content.allergy .pollen .pollenbar.tree .type').html(weatherInfo.healthPollen.types[0].treetype)
|
||||
$('.info-slide-content.allergy .pollen .thing').text("As of " + weatherInfo.healthPollen.date)
|
||||
$('.info-slide-content.allergy .totalpollen .cat').text(weatherInfo.healthPollen.total)
|
||||
$('.info-slide.health #subhead-title').text('Allergy Report');
|
||||
$('.info-slide.health .subhead-title').text('Allergy Report');
|
||||
$('.info-slide-content.allergy').fadeIn(500);
|
||||
setTimeout(function () {
|
||||
i = 0
|
||||
|
|
@ -830,12 +1006,25 @@ var mainMap
|
|||
} else {wait(0)}
|
||||
}
|
||||
,achesbreath() {
|
||||
$('.info-slide.health .subhead-title').text('Health Forecast');
|
||||
if (weatherInfo.healthAcheBreath.noReport == true) {
|
||||
$('.info-slide.health .tempunavailable').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide.health .tempunavailable').fadeOut(500, function(){
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
var alength = {"0":"-10", "1":"22", "2":"55", "3":"88", "4":"121", "5":"154", "6":"187", "7":"220", "8":"253", "9":"286", "10":"300"}[weatherInfo.healthAcheBreath.achesindex]
|
||||
var atime = {"0":0, "1":250, "2":500, "3":750, "4":1000, "5":1250, "6":1500, "7":1750, "8":2000, "9":2250, "10":2500}[weatherInfo.healthAcheBreath.achesindex]
|
||||
var blength = {"10":"-10", "9":"22", "8":"55", "7":"88", "6":"121", "5":"154", "5":"187", "4":"220", "3":"253", "2":"286", "1":"300"}[weatherInfo.healthAcheBreath.breathindex]
|
||||
var btime = {"10":0, "9":250, "8":500, "7":750, "6":1000, "5":1250, "4":1500, "3":1750, "2":2000, "1":2250, "0":2500}[weatherInfo.healthAcheBreath.breathindex]
|
||||
$('.info-slide-content.Aches-Breath .thing').text(weatherInfo.healthAcheBreath.breathindex.date)
|
||||
$('.info-slide.health #subhead-title').text('Health Forecast');
|
||||
|
||||
$('.info-slide-content.Aches-Breath .aches .bar .bararrow').css('left','-10px')
|
||||
$('.info-slide-content.Aches-Breath .breath .bar .bararrow').css('left','-10px')
|
||||
$('.info-slide-content.Aches-Breath .aches .bar .bararrow .bararrowtext').fadeOut(0);
|
||||
$('.info-slide-content.Aches-Breath .breath .bar .bararrow .bararrowtext').fadeOut(0);
|
||||
$('.info-slide-content.Aches-Breath').fadeIn(500);
|
||||
setTimeout(function () {
|
||||
$('.info-slide-content.Aches-Breath .aches .bar .bararrow').animate({left: alength + "px"}, atime, 'linear', function() {
|
||||
|
|
@ -854,8 +1043,18 @@ var mainMap
|
|||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
}
|
||||
,airquality() {
|
||||
$('.info-slide.health .subhead-title').text('Air Quality Forecast');
|
||||
if (weatherInfo.airquality.noReport == true) {
|
||||
$('.info-slide.health .tempunavailable').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide.health .tempunavailable').fadeOut(500, function(){
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
var ozone = false;
|
||||
|
||||
/*if (foreDataAlert !== undefined){
|
||||
|
|
@ -872,9 +1071,11 @@ var mainMap
|
|||
var aqlength = {1:"35", 2:"107.5", 3:"185", 4:"260", 5:"340"}[weatherInfo.airquality.airqualityindex]
|
||||
var aqcat = {1:"green", 2:"yellow", 3:"orange", 4:"deep orange", 5:"red"}[weatherInfo.airquality.airqualityindex]
|
||||
var aqtime = {1:0, 2:500, 3:1000, 4:1500, 5:2000}[weatherInfo.airquality.airqualityindex]
|
||||
$('.info-slide-content.airquality .airforecast .bar .arrow').css('bottom','35px');
|
||||
$('.info-slide-content.airquality .airforecast .bar .forecast').fadeOut(0);
|
||||
$('.info-slide-content.airquality .primarypolute .pollutant').text(weatherInfo.airquality.primarypolute)
|
||||
|
||||
$('.info-slide.health #subhead-title').text('Air Quality Forecast');
|
||||
|
||||
$('.info-slide-content.airquality .airforecast .thing').text(weatherInfo.airquality.date)
|
||||
|
||||
$('.info-slide-content.airquality').fadeIn(500);
|
||||
|
|
@ -889,14 +1090,36 @@ var mainMap
|
|||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
}
|
||||
,uvindex() {
|
||||
$('.info-slide.health .subhead-title').text('Ultraviolet Index');
|
||||
if (weatherInfo.uvindex.noReport == true) {
|
||||
$('.info-slide.health .tempunavailable').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide.health .tempunavailable').fadeOut(500, function(){
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
$('.info-slide-content.uvindex .uvtime.i .uvtime').text(weatherInfo.uvindex.forecast[0].time);
|
||||
$('.info-slide-content.uvindex .uvtime.ii .uvtime').text(weatherInfo.uvindex.forecast[1].time);
|
||||
$('.info-slide-content.uvindex .uvtime.iii .uvtime').text(weatherInfo.uvindex.forecast[2].time);
|
||||
$('.info-slide-content.uvindex .uvtime.i .uvday').text(weatherInfo.uvindex.forecast[0].day);
|
||||
$('.info-slide-content.uvindex .uvtime.ii .uvday').text(weatherInfo.uvindex.forecast[1].day);
|
||||
$('.info-slide-content.uvindex .uvtime.iii .uvday').text(weatherInfo.uvindex.forecast[2].day);
|
||||
$('.info-slide.health #subhead-title').text('Ultraviolet Index');
|
||||
//reset animation
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'i' + ' .cat').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'ii' + ' .cat').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'iii' + ' .cat').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .currentuv .bar .cat').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'i' + ' .num').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'ii' + ' .num').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'iii' + ' .num').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .currentuv .bar .num').fadeOut(0)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'i').css('height','0px')
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'ii').css('height','0px')
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + 'iii').css('height','0px')
|
||||
$('.info-slide-content.uvindex .currentuv .bar').css('height','0px')
|
||||
$('.info-slide-content.uvindex').fadeIn(500);
|
||||
var hourlable = ['i', 'ii', 'iii'],
|
||||
uvi, value, i = 0;
|
||||
|
|
@ -912,7 +1135,7 @@ var mainMap
|
|||
$('.info-slide-content.uvindex .currentuv .bar .num').fadeTo('slow', 1);
|
||||
});
|
||||
$('.info-slide-content.uvindex .forecastuv .bar').each(function(){
|
||||
var ulength = {"-2":0, "-1":0, 0:"25", 1:"25", 2:"40", 3:"55", 4:"70", 5:"85", 6:"100", 7:"115", 8:"130", 9:"145", 10:"160", 11:"175"}[weatherInfo.uvindex.forecast[i].index]
|
||||
var ulength = {"-2":"25", "-1":"25", 0:"25", 1:"25", 2:"40", 3:"55", 4:"70", 5:"85", 6:"100", 7:"115", 8:"130", 9:"145", 10:"160", 11:"175"}[weatherInfo.uvindex.forecast[i].index]
|
||||
var utime = {"-2":0, "-1":0, 0:0, 1:125, 2:250, 3:375, 4:500, 5:625, 6:750, 7:1000, 8:1250, 9:1325, 10:1500, 11:1625}[weatherInfo.uvindex.forecast[i].index]
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + hourlable[i] + ' .cat').text(weatherInfo.uvindex.forecast[i].desc)
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + hourlable[i] + ' .num').text(weatherInfo.uvindex.forecast[i].index)
|
||||
|
|
@ -920,8 +1143,10 @@ var mainMap
|
|||
$('.info-slide-content.uvindex .forecastuv .bar.' + hourlable[i]).css("background", "rgba(0,0,0,0)")
|
||||
}
|
||||
$('.info-slide-content.uvindex .forecastuv .bar.' + hourlable[i]).animate({height:ulength+"px"}, utime,function(){
|
||||
$('.info-slide-content.uvindex .forecastuv .bar .cat').fadeTo('slow', 1);
|
||||
$('.info-slide-content.uvindex .forecastuv .bar .num').fadeTo('slow', 1);
|
||||
//this = the
|
||||
|
||||
$(this).find(".cat").fadeTo('slow', 1);
|
||||
$(this).find(".num").fadeTo('slow', 1);
|
||||
});
|
||||
i = i + 1
|
||||
})
|
||||
|
|
@ -931,8 +1156,9 @@ var mainMap
|
|||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
}
|
||||
,healthtip() {
|
||||
$('.info-slide.health #subhead-title').text('Weather Safety Tips');
|
||||
$('.info-slide.health .subhead-title').text('Weather Safety Tips');
|
||||
$('.info-slide-content.healthtip').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide-content.healthtip').fadeOut(500, function(){
|
||||
|
|
@ -941,7 +1167,7 @@ var mainMap
|
|||
}, slideDelay);
|
||||
}
|
||||
,moreinfoimage() {
|
||||
$('.info-slide.health #subhead-title').text('');
|
||||
$('.info-slide.health .subhead-title').text('');
|
||||
$('.info-slide-content.moreinfoimage').fadeIn(500);
|
||||
setTimeout(function() {
|
||||
$('.info-slide-content.moreinfoimage').fadeOut(500, function(){
|
||||
|
|
@ -952,7 +1178,10 @@ var mainMap
|
|||
}
|
||||
},
|
||||
keys = Object.keys(displays);
|
||||
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
var daypart;
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
|
|
@ -1043,7 +1272,7 @@ var mainMap
|
|||
|
||||
// Currently (10 sec)
|
||||
,currentConditions() {
|
||||
$('.city-info-slide #subhead-title').text('Currently');
|
||||
$('.city-info-slide .subhead-title').text('Currently');
|
||||
$('.city-info-slide #subhead-city').text(weatherInfo.currentCond.weatherLocs[location].displayname);
|
||||
if (weatherInfo.currentCond.weatherLocs[location].noReport == true) {
|
||||
$('.city-info-slide .noreport').fadeIn(500)
|
||||
|
|
@ -1081,12 +1310,77 @@ var mainMap
|
|||
|
||||
setTimeout(function() {
|
||||
$('.city-info').fadeOut(500, function(){
|
||||
$('.city-info-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
});
|
||||
}, slideDelay);
|
||||
}
|
||||
|
||||
}
|
||||
,city8Slides(pidx){
|
||||
if (location == 0) {
|
||||
var pages = Math.ceil(citySlideList.length/4);
|
||||
if (weatherInfo.currentCond.city8slides.noReport == true) {
|
||||
$('.city-info-slide #subhead-city').fadeOut(0);
|
||||
$('.city-info-slide .subhead-title').text('Currently');
|
||||
$('.city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
$('.info-slide-content.aroundcityinfo').fadeOut(500);
|
||||
$('.city-info-slide .tempunavailable').fadeOut(500, function(){
|
||||
$('.city-info-slide').fadeOut(0)
|
||||
$('.city-info-slide #subhead-city').fadeIn(0);
|
||||
wait(0);
|
||||
});
|
||||
}, slideDelay);
|
||||
} else {
|
||||
$('.city-info-slide #subhead-city').fadeOut(0);
|
||||
function fillinfo() {
|
||||
|
||||
pidx = (pidx===undefined ? 1 : pidx);
|
||||
|
||||
//replace tomorrow
|
||||
var di = 0;
|
||||
for (var i = (pidx == 1) ? 0 : 4; i < 4*pidx || i < citySlideList.length; i++) {
|
||||
if (weatherInfo.currentCond.city8slides.cities[i]) {
|
||||
var divnumbers = ['i','ii','iii','iv']
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .cityname').text(weatherInfo.currentCond.city8slides.cities[i].displayname);
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .temp').text(weatherInfo.currentCond.city8slides.cities[i].temp);
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + getCCicon(+weatherInfo.currentCond.city8slides.cities[i].icon, weatherInfo.currentCond.city8slides.cities[i].windspeed) + '")');
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .wind').text(weatherInfo.currentCond.city8slides.cities[i].wind);
|
||||
} else {
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .cityname').text("");
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .temp').text("");
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .icon').css('background-image', 'url("' + "" + '")');
|
||||
$('.info-slide-content.aroundcityinfo .city.' + divnumbers[di] + ' .wind').text("")
|
||||
}
|
||||
di = di + 1
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
fillinfo();
|
||||
$('.info-slide-content.aroundcityinfo').fadeIn(500);
|
||||
|
||||
setTimeout( function() {
|
||||
|
||||
if (pidx<pages) {
|
||||
$('.info-slide-content.aroundcityinfo').fadeOut(500, function() {
|
||||
currentDisplay(pidx+1);
|
||||
//fillinfo();
|
||||
});
|
||||
} else {
|
||||
$('.info-slide-content.aroundcityinfo').fadeOut(500, function() {
|
||||
$('.city-info-slide #subhead-city').fadeIn(0);
|
||||
$('.city-info-slide').fadeOut(0);
|
||||
wait(0);
|
||||
});
|
||||
}
|
||||
|
||||
}, slideDelay)
|
||||
}
|
||||
} else {
|
||||
$('.city-info-slide').fadeOut(0);
|
||||
wait(0)
|
||||
}
|
||||
}
|
||||
// Local Doppler Radar or Radar/Satellite (15 sec, zoomed out with cloud cover)
|
||||
,localDoppler(){
|
||||
|
|
@ -1106,7 +1400,7 @@ var mainMap
|
|||
if (selectval === 2 || selectval === 3) {
|
||||
// reset tempbar animation
|
||||
if (weatherInfo.dayPart.weatherLocs[location].noReport == true) {
|
||||
$('.city-info-slide #subhead-title').text(weatherInfo.dayPart.weatherLocs[location].daytitle);
|
||||
$('.city-info-slide .subhead-title').text(weatherInfo.dayPart.weatherLocs[location].daytitle);
|
||||
$('.city-info-slide').fadeIn(0);
|
||||
$('.city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
|
|
@ -1151,7 +1445,7 @@ var mainMap
|
|||
$('.info-slide-content.daypart .hour.iv .icon').css('background-image', 'url("' + getCCicon(+weatherInfo.dayPart.weatherLocs[location].hour[3].icon, weatherInfo.dayPart.weatherLocs[location].hour[3].windspeed) + '")');
|
||||
|
||||
// calculate height of tempbars
|
||||
$('.city-info-slide #subhead-title').text(weatherInfo.dayPart.weatherLocs[location].daytitle);
|
||||
$('.city-info-slide .subhead-title').text(weatherInfo.dayPart.weatherLocs[location].daytitle);
|
||||
var temps = [];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
temps.push(weatherInfo.dayPart.weatherLocs[location].hour[i].temp);
|
||||
|
|
@ -1190,7 +1484,7 @@ var mainMap
|
|||
// Local Forecast -Today (10 sec)
|
||||
var div = '.info-slide-content.forecast '
|
||||
if (weatherInfo.dayDesc.weatherLocs[location].noReport == true) {
|
||||
$('.city-info-slide #subhead-title').text('Local Forecast');
|
||||
$('.city-info-slide .subhead-title').text('Local Forecast');
|
||||
$('.city-info-slide').fadeIn(0);
|
||||
$('.city-info-slide .tempunavailable').fadeIn(500)
|
||||
$('.info-slide-content.forecast').fadeIn(500);
|
||||
|
|
@ -1207,7 +1501,7 @@ var mainMap
|
|||
|
||||
fidx = (fidx===undefined ? 0 : fidx);
|
||||
|
||||
$('.city-info-slide #subhead-title').text('Local Forecast');
|
||||
$('.city-info-slide .subhead-title').text('Local Forecast');
|
||||
//replace tomorrow
|
||||
|
||||
$(div + '.title').text(weatherInfo.dayDesc.weatherLocs[location].day[fidx].name);
|
||||
|
|
@ -1249,7 +1543,7 @@ var mainMap
|
|||
|
||||
// Extended Forecast(5 day columns)
|
||||
,extendedForecast() {
|
||||
$('.city-info-slide #subhead-title').text('Extended Forecast');
|
||||
$('.city-info-slide .subhead-title').text('Extended Forecast');
|
||||
if (weatherInfo.fiveDay.weatherLocs[location].noReport == true) {
|
||||
$('.city-info-slide .tempunavailable').fadeIn(500)
|
||||
setTimeout(function() {
|
||||
|
|
@ -1318,7 +1612,7 @@ var mainMap
|
|||
$('.info-slide-content.almanac .frost-pane.half .rlowyear').text(weatherInfo.alamanac.reclowyear);
|
||||
$('.info-slide-content.almanac .frost-pane.purple .sunrisetext').text(weatherInfo.alamanac.sunrise);
|
||||
$('.info-slide-content.almanac .frost-pane.purple .sunsettext').text(weatherInfo.alamanac.sunset);
|
||||
$('.city-info-slide #subhead-title').text('Almanac');
|
||||
$('.city-info-slide .subhead-title').text('Almanac');
|
||||
$('.city-info-slide #subhead-city').text(weatherInfo.alamanac.displayname);
|
||||
$('.city-info-slide').fadeIn(0);
|
||||
$('.info-slide-content.almanac').fadeIn(500);
|
||||
|
|
@ -1336,6 +1630,10 @@ var mainMap
|
|||
keys = Object.keys(displays);
|
||||
|
||||
var daypart;
|
||||
if (weatherInfo.reboot == true) {
|
||||
$('#info-slide-container').hide()
|
||||
return;
|
||||
}
|
||||
if (idx<keys.length) {
|
||||
currentDisplay = displays[keys[idx]];
|
||||
currentDisplay();
|
||||
|
|
@ -1452,15 +1750,16 @@ var mainMap
|
|||
}
|
||||
|
||||
function buildHeader(){
|
||||
$('#info-slides-header .hscroller').empty();
|
||||
var city, first, dname,
|
||||
cities='',
|
||||
arrow='<span class="divider-arrow" style="font-family: ZemestroStd "><</span>',
|
||||
arrow='<span class="divider-arrow" style="font-family: Zemestro Std "><</span>',
|
||||
radar='<span class="city radar">LOCAL RADAR</span>',
|
||||
firstradar='<span class="city radar current">LOCAL RADAR</span>',
|
||||
golf='<span class="city golf">GOLF</span>',
|
||||
beach='<span class="city beach">BOAT & BEACH</span>',
|
||||
health='<span class="city healthh loopcomplete">HEALTH</span>',
|
||||
airport='<span class="city airport">AIRPORTS</span>';
|
||||
airport='<span class="city airport ">AIRPORTS</span>';
|
||||
|
||||
cities += arrow + '<span class="city" data-dname="' + '0' + '">' + maincitycoords.displayname + '</span>';
|
||||
var li = 1
|
||||
|
|
@ -1472,10 +1771,9 @@ var mainMap
|
|||
li = li + 1
|
||||
}
|
||||
|
||||
$('#info-slides-header .hscroller').append(firstradar + cities + arrow + (radar + arrow + airport + arrow + health + cities + arrow).repeat(4));
|
||||
$('#info-slides-header .hscroller').append(firstradar + arrow + airport + cities + arrow + (radar + arrow + airport + arrow + health + cities + arrow).repeat(4));
|
||||
}
|
||||
|
||||
|
||||
|
||||
buildHeaderGlobal = buildHeader
|
||||
|
||||
} // end function
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue