Bootstrap na planovac

2024-03-14 06:27:01 +01:00
parent c0cfd7115c
commit 691bd4c7c5
2 changed files with 36 additions and 0 deletions
@@ -0,0 +1,34 @@
+<script setup>
+import MapWithMarkers from "components/map/MapWithMarkers.vue";
+import {onMounted, ref, watch} from "vue";
+import {usePointsOfInterestStore} from "stores/PointsOfInterest";
+import ComboboxInput from "components/inputs/ComboboxInput.vue";
+import {storeToRefs} from "pinia";
+import {debounce} from "quasar";
+import {commonProps} from "src/composables/inputs";
+
+const markers = ref([]);
+
+const place = ref("");
+
+const {pointsOfInterest} = storeToRefs(usePointsOfInterestStore());
+// onMounted(() => {
+//   usePointsOfInterestStore().fetch({});
+// })
+
+watch(() => place.value, (newVal) => {
+  usePointsOfInterestStore().fetch({search: newVal});
+})
+
+const searchPosition = () => {
+
+}
+</script>
+
+<template>
+
+  <ComboboxInput :options="pointsOfInterest" v-bind="commonProps" :v-model="place" label="Misto" />
+  <q-btn @click="searchPosition">Najit</q-btn>
+
+  <MapWithMarkers :markers="markers" />
+</template>