@dative-gpi/foundation-shared-components 0.0.229 → 0.1.68

package/components/map/FSMapEditPointAddressOverlay.vue

@@ -1,164 +0,0 @@
-<template>
-  <FSCard
-    padding="16px"
-    height="100%"
-    width="100%"
-    :elevation="true"
-  >
-    <FSCol
-      gap="24px"
-    >
-      <FSRow>
-        <FSText
-          font="text-h3"
-        >
-          {{ $tr('ui.map.modify-location', 'Modify location') }}
-        </FSText>
-        <v-spacer />
-        <FSButton
-          v-if="menuLocationCoordinates"
-          icon="mdi-arrow-collapse"
-          variant="icon"
-          @click="menuLocationCoordinates = !menuLocationCoordinates"
-        />
-        <FSButton
-          v-else
-          icon="mdi-arrow-expand"
-          variant="icon"
-          @click="menuLocationCoordinates = !menuLocationCoordinates"
-        />
-      </FSRow>
-      <FSCol
-        v-if="menuLocationCoordinates"
-      >
-        <FSAutoCompleteAddress
-          :modelValue="$props.modelValue"
-          @update:modelValue="onAddressFieldSubmit($event)"
-        />
-        <FSForm
-          variant="standard"
-          @submit="onCoordinatesChange()"
-        >
-          <FSRow>
-            <FSNumberField
-              :label="$tr('ui.map.latitude', 'Latitude')"
-              v-model="latitude"
-            />
-            <FSNumberField
-              :label="$tr('ui.map.longitude', 'Longitude')"
-              v-model="longitude"
-            />
-          </FSRow>
-          <FSButton
-            prependIcon="mdi-content-save"
-            style="display: none;"
-            color="primary"
-            type="submit"
-            :label="$tr('ui.map.save', 'Save')"
-          />
-        </FSForm>
-      </FSCol>
-      <FSRow
-        align="center-right"
-      >
-        <FSButton
-          :label="$tr('ui.map.cancel', 'Cancel')"
-          @click="onCancel"
-        />
-        <FSButton
-          prependIcon="mdi-content-save"
-          color="primary"
-          :label="$tr('ui.map.save', 'Save')"
-          @click="onSubmit"
-        />
-      </FSRow>
-    </FSCol>
-  </FSCard>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType, ref, watch } from "vue";
-
-import { Address } from "@dative-gpi/foundation-shared-domain/models";
-
-import FSAutoCompleteAddress from "../autocompletes/FSAutoCompleteAddress.vue";
-import FSNumberField from "../fields/FSNumberField.vue";
-import FSButton from "../FSButton.vue";
-import FSCard from "../FSCard.vue";
-import FSForm from "../FSForm.vue";
-import FSText from "../FSText.vue";
-import FSCol from "../FSCol.vue";
-import FSRow from "../FSRow.vue";
-
-export default defineComponent({
-  name: "FSMapEditPointAddressOverlay.vue",
-  components: {
-    FSAutoCompleteAddress,
-    FSNumberField,
-    FSButton,
-    FSCard,
-    FSForm,
-    FSText,
-    FSCol,
-    FSRow
-  },
-  props: {
-    modelValue: {
-      type: Object as PropType<Address | null>,
-      default: null
-    }
-  },
-  emits: ["update:modelValue", "update:locationCoordinates", "submit", "cancel"],
-  setup(props, { emit }) {
-    const menuLocationCoordinates = ref(false);
-
-    const latitude = ref(0);
-    const longitude = ref(0);
-
-    const onCoordinatesChange = () => {
-      const newModelValue = new Address({
-        country: "",
-        formattedAddress: "",
-        locality: "",
-        placeId: "",
-        placeLabel: "",
-        latitude: latitude.value,
-        longitude: longitude.value,
-      });
-      emit("update:locationCoordinates", newModelValue);
-    };
-
-    const onAddressFieldSubmit = (address: Address|null) => {
-      if(!address) {
-        return;
-      }
-      emit('update:modelValue', address);
-    };
-
-    const onSubmit = () => {
-      emit('submit');
-    };
-
-    const onCancel = () => {
-      emit('cancel');
-    };
-
-    watch(() => props.modelValue, () => {
-      if (props.modelValue) {
-        latitude.value = props.modelValue.latitude;
-        longitude.value = props.modelValue.longitude;
-      }
-    }, { immediate: true });
-
-    return {
-      menuLocationCoordinates,
-      longitude,
-      latitude,
-      onAddressFieldSubmit,
-      onCoordinatesChange,
-      onCancel,
-      onSubmit
-    };
-  }
-});
-</script>

package/styles/components/fs_map_overlay.scss

@@ -1,38 +0,0 @@
-.fs-map-overlay-left {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 950;
-  margin: 4px;
-
-  .fs-map-overlay-left-content {
-    max-height: var(--fs-map-overlay-max-height);
-  }
-}
-
-.fs-map-overlay-left-mobile {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  z-index: 1050;
-  margin: 0;
-  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
-  background-color: rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
-
-  >* {
-    width: 100%;
-    height: var(--fs-map-overlay-card-height);
-    margin: 0;
-    transition: none;
-  }
-
-  .fs-map-overlay-left-mobile-content {
-    max-height: calc(100% - 20px);
-  }
-
-  .fs-fade-out {
-    transition: none;
-  }
-}