Add radar panel for Weather view
This commit is contained in:
parent
32cfafc88a
commit
866742130d
1 changed files with 18 additions and 0 deletions
|
@ -25,6 +25,14 @@ export default {
|
||||||
generated = generated.toLocaleTimeString('en-US', {timeStyle: 'short'})
|
generated = generated.toLocaleTimeString('en-US', {timeStyle: 'short'})
|
||||||
return `Forecast @ ${generated}`
|
return `Forecast @ ${generated}`
|
||||||
},
|
},
|
||||||
|
|
||||||
|
radarURL() {
|
||||||
|
if (this.weatherStore.weather) {
|
||||||
|
const station = this.weatherStore.weather.properties.radarStation
|
||||||
|
return `https://radar.weather.gov/ridge/standard/${station}_loop.gif`
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
activated() {
|
activated() {
|
||||||
|
@ -114,6 +122,16 @@ export default {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
<nav class="panel weather-panel">
|
||||||
|
<p class="panel-heading">
|
||||||
|
Radar
|
||||||
|
</p>
|
||||||
|
<div class="panel-block">
|
||||||
|
<img :src="radarURL" />
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue