diff --git a/package.json b/package.json index 78356b9..8d09294 100644 --- a/package.json +++ b/package.json @@ -42,6 +42,7 @@ "vue-final-modal": "3", "vue-grid-responsive": "1.3.0", "vue-nav-tabs": "0.5.7", + "vue-router": "4.1.6", "vue-simple-maps": "1.1.3", "vue3-popper": "1.5.0", "yaml-loader": "^0.6.0", diff --git a/src/App.vue b/src/App.vue index ca9fbf4..2696255 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,15 +1,12 @@ diff --git a/src/components/LeafletComponent.vue b/src/components/LeafletComponent.vue index 919888c..4c4cc8e 100644 --- a/src/components/LeafletComponent.vue +++ b/src/components/LeafletComponent.vue @@ -51,29 +51,23 @@ export default { }, methods: { getLatLng(geo){ - console.log('meow', [geo.lat, geo.lon]) return [geo.lat, geo.lon] }, getCircleColor(relay){ if(this.result[relay]?.aggregate == 'public') { - console.log('woof', relay, this.result[relay]?.aggregate) return '#00AA00' } else if(this.result[relay]?.aggregate == 'restricted') { - console.log('woof', relay, this.result[relay]?.aggregate) return '#FFA500' } else if(this.result[relay]?.aggregate == 'offline') { - console.log('woof', relay, this.result[relay]?.aggregate) return '#FF0000' } return 'transparent' } }, - async mounted() { - console.log('GEO', Object.entries(this.geo)) - }, + async mounted() {}, props: { geo: { type: Object, diff --git a/src/components/LeafletSingleComponent.vue b/src/components/LeafletSingleComponent.vue new file mode 100644 index 0000000..fb44e0e --- /dev/null +++ b/src/components/LeafletSingleComponent.vue @@ -0,0 +1,101 @@ + + + + diff --git a/src/components/RelaySingleComponent.vue b/src/components/RelaySingleComponent.vue index d3ddffd..70b14e7 100644 --- a/src/components/RelaySingleComponent.vue +++ b/src/components/RelaySingleComponent.vue @@ -55,14 +55,14 @@ Public Key: {{ result.info?.pubkey }}
Contact: - +

Relay Info