playing with some geocoding

.github/workflows/frontend-gh-pages.yml

@@ -46,7 +46,7 @@ jobs:
           echo VITE_APP_FULL_URL=${{ secrets.VITE_APP_FULL_URL }} >> .env
           echo VITE_OAUTH2_REDIRECT_URL=${{ secrets.VITE_OAUTH2_REDIRECT_URL }} >> .env
           echo VITE_APP_BASE=${{ secrets.VITE_APP_BASE }} >> .env
-          echo VITE_HYDROCRON_URL=${{ secrets.VITE_HYDROCRON_URL }} >> .env
+          echo VITE_ARCGIS_API_KEY=${{ secrets.VITE_ARCGIS_API_KEY }} >> .env
           cp .env ../.env
       - name: Install dependencies
         run: npm install

env.template

@@ -4,7 +4,7 @@ MONGO_DATABASE=swotvis
 OAUTH2_CLIENT_ID=swotvis
 OAUTH2_CLIENT_SECRET="Get From Keycloak"
 
-VITE_APP_NAME=swotvis
+VITE_APP_NAME=hydroprocess-db
 
 # if using npm run dev, set VITE_APP_ORIGIN=http://localhost:5173
 VITE_APP_ORIGIN=https://localhost
@@ -32,4 +32,4 @@ VITE_OAUTH2_REDIRECT_URL="https://localhost/#/auth-redirect"
 
 OIDC_BASE_URL=https://auth.cuahsi.org/realms/CUAHSI/protocol/openid-connect/
 
-VITE_HYDROCRON_URL=https://soto.podaac.uat.earthdatacloud.nasa.gov/hydrocron
+VITE_ARCGIS_API_KEY=asdfasdf

frontend/docker-entrypoint.sh

@@ -8,7 +8,7 @@ do
     sed -i 's|VITE_APP_API_URL_PLACEHOLDER|'${VITE_APP_API_URL}'|g' $file
     sed -i 's|VITE_APP_FULL_URL_PLACEHOLDER|'${VITE_APP_FULL_URL}'|g' $file
     sed -i 's|VITE_APP_BASE_PLACEHOLDER|'${VITE_APP_BASE}'|g' $file
-    sed -i 's|VITE_HYDROCRON_URL_PLACEHOLDER|'${VITE_HYDROCRON_URL}'|g' $file
+    sed -i 's|VITE_ARCGIS_API_KEY_PLACEHOLDER|'${VITE_ARCGIS_API_KEY}'|g' $file
 done
 
 exec "$@"

frontend/package.json

@@ -20,6 +20,7 @@
     "chartjs-adapter-date-fns": "^3.0.0",
     "date-fns": "^3.6.0",
     "esri-leaflet": "^3.0.12",
+    "esri-leaflet-geocoder": "^3.1.4",
     "esri-leaflet-vector": "^4.2.3",
     "leaflet": "^1.9.4",
     "leaflet-easybutton": "^2.4.0",

frontend/src/components/TheAppBar.vue

@@ -26,7 +26,7 @@
 <script setup>
 import { RouterLink } from 'vue-router'
 import { useDisplay } from 'vuetify'
-// import UserLogin from "@/components/UserLogin.vue";
+import UserLogin from "@/components/UserLogin.vue";
 import { useAuthStore } from '../stores/auth';
 defineProps(['paths'])
 defineEmits(['toggleMobileNav'])

frontend/src/components/TheBottomSheet.vue

@@ -12,8 +12,6 @@
       </v-card-item>
 
       <v-card-text>
-        <!-- TODO this linechart should only show single plot -->
-        <LineChart id="chart" :data="chartStore.chartData" />
         <v-expansion-panels>
           <v-expansion-panel>
             <v-expansion-panel-title>
@@ -59,14 +57,11 @@
   </v-bottom-sheet>
 </template>
 <script setup>
-import LineChart from "@/components/LineChart.vue";
 import { ref } from 'vue'
 import { useFeaturesStore } from '@/stores/features'
-import { useChartsStore } from '@/stores/charts'
 import { mdiSword, mdiTimelineClockOutline, mdiSatelliteVariant } from '@mdi/js'
 
 const featureStore = useFeaturesStore()
-const chartStore = useChartsStore()
 
 let showSheet = ref(false)