Aurora update
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { AirTrafficLayer } from '@/services/airtraffic.ts'
|
||||
import {api} from '@/services/api.ts';
|
||||
import {AuroraLayer} from '@/services/aurora.ts';
|
||||
import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||
import Map from 'ol/Map'
|
||||
import View from 'ol/View'
|
||||
@@ -191,6 +192,9 @@ onMounted(async () => {
|
||||
controls: [],
|
||||
})
|
||||
|
||||
const aurora = new AuroraLayer(map)
|
||||
aurora.show();
|
||||
|
||||
airTraffic = new AirTrafficLayer(map)
|
||||
airTraffic.show()
|
||||
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import {formatDate} from '@ztimson/utils';
|
||||
import {ref, onMounted, computed, watchEffect} from 'vue';
|
||||
import {api} from '../services/api';
|
||||
import MetricRow from './MetricRow.vue';
|
||||
@@ -92,7 +93,7 @@ watchEffect(() => {
|
||||
|
||||
<div class="divider" />
|
||||
|
||||
<MetricRow label="Next Full Moon" :value="new Date(d.moon_full).toLocaleDateString()" />
|
||||
<MetricRow label="Next New Moon" :value="new Date(d.moon_new).toLocaleDateString()" />
|
||||
<MetricRow label="Next Full Moon" :value="formatDate('MMM D', d.moon_full)" />
|
||||
<MetricRow label="Next New Moon" :value="formatDate('MMM D', d.moon_new)" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user