mpa/langs/currency
This commit is contained in:
@ -42,16 +42,16 @@
|
||||
|
||||
<!-- Map block with same layout rules -->
|
||||
<div class="w-full xl:max-w-[48%] md:mx-10 xl:m-0 flex flex-col gap-4 items-center">
|
||||
<h1>Jsme tu pro vás napříč Evropou</h1>
|
||||
<h1 class="text-sm sm:text-xl uppercase">Jsme tu pro vás napříč Evropou</h1>
|
||||
<MapBlock />
|
||||
<div class="flex items-center gap-4 w-full justify-end">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-2 h-2 rounded-[2px] bg-accent-green"></div>
|
||||
<p>Partners</p>
|
||||
<div class="w-3 h-3 rounded-[2.8px] bg-button"></div>
|
||||
<p class="text-sm sm:text-lg">Partners</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-2 h-2 rounded-[2px] bg-accent-green"></div>
|
||||
<p>Customers</p>
|
||||
<div class="w-3 h-3 rounded-[2.8px] bg-bg-block"></div>
|
||||
<p class="text-sm sm:text-lg">Customers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -72,32 +72,9 @@ type Component = {
|
||||
];
|
||||
};
|
||||
|
||||
interface Partner {
|
||||
code: string;
|
||||
country_iso: string;
|
||||
region_iso: string;
|
||||
first_name: string;
|
||||
last_name: string;
|
||||
job_position: string;
|
||||
commissioning_entity_name: string;
|
||||
}
|
||||
|
||||
const props = defineProps<{
|
||||
component: Component;
|
||||
data: Object;
|
||||
infoData: Object;
|
||||
}>();
|
||||
|
||||
const countryISOs = ref("");
|
||||
const isDefault = ref<boolean>(true);
|
||||
const activeCountry = ref<string>("");
|
||||
|
||||
let partnersList = ref([] as Partner[]);
|
||||
let partnersCountries = ref([] as any[]);
|
||||
|
||||
const backToEurope = () => {
|
||||
isDefault.value = true;
|
||||
activeCountry.value = "";
|
||||
partnersList.value = [];
|
||||
};
|
||||
</script>
|
||||
|
@ -58,7 +58,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { ref, onMounted, onBeforeUnmount } from "vue";
|
||||
|
||||
const props = defineProps<{ component: Component }>();
|
||||
defineProps<{ component: Component }>();
|
||||
type Component = {
|
||||
image_collection: string;
|
||||
section_id: string;
|
||||
@ -84,15 +84,13 @@ async function updateItemCount() {
|
||||
else itemCount.value = 1;
|
||||
}
|
||||
|
||||
watch(itemCount, async() => {
|
||||
watch(itemCount, async () => {
|
||||
await productStore.getList(itemCount.value);
|
||||
});
|
||||
|
||||
onMounted(async () => {
|
||||
await updateItemCount();
|
||||
window.addEventListener("resize", updateItemCount);
|
||||
|
||||
await productStore.getList(itemCount.value);
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
|
Reference in New Issue
Block a user