You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
263 lines
7.9 KiB
263 lines
7.9 KiB
<template>
|
|
<div class="bottom-info">
|
|
<div class="computer hidden-sm-and-down">
|
|
<v-card
|
|
class="d-flex justify-center mb-15 mt-10"
|
|
flat
|
|
color="transparent"
|
|
>
|
|
<v-card
|
|
width="1366"
|
|
class="px-13 d-flex flex-column"
|
|
flat
|
|
color="transparent"
|
|
>
|
|
<v-card
|
|
class="d-flex flex-column"
|
|
flat
|
|
color="transparent"
|
|
v-if="countries.length>0"
|
|
>
|
|
<v-card
|
|
flat
|
|
color="transparent"
|
|
class="font-weight-bold mt-4 mb-2 text-size-14"
|
|
>
|
|
{{ $t("userProfile.companyCountry") }}
|
|
</v-card>
|
|
<v-card class="d-flex flex-row flex-wrap" flat color="transparent">
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
style="line-height: 18px"
|
|
v-for="(item, idx) in countries"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(item.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ item.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-card>
|
|
</v-card>
|
|
|
|
<v-card
|
|
class="d-flex flex-column"
|
|
flat
|
|
color="transparent"
|
|
v-if="cards.length>0"
|
|
>
|
|
<v-card
|
|
flat
|
|
color="transparent"
|
|
class="font-weight-bold mt-4 mb-2 text-size-14"
|
|
>
|
|
{{ $t("Hot Exhibitions") }}
|
|
</v-card>
|
|
<v-card class="d-flex flex-row flex-wrap" flat color="transparent">
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
style="line-height: 18px"
|
|
v-for="(item, idx) in cards"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(item.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ item.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-card>
|
|
</v-card>
|
|
|
|
<v-card
|
|
class="d-flex flex-column"
|
|
flat
|
|
color="transparent"
|
|
v-if="categories.length>0"
|
|
>
|
|
<v-card
|
|
flat
|
|
color="transparent"
|
|
class="font-weight-bold mt-4 mb-2 text-size-14"
|
|
>
|
|
{{ $t("Exhibition Categories") }}
|
|
</v-card>
|
|
<v-card class="d-flex flex-row flex-wrap" flat color="transparent">
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
style="line-height: 18px"
|
|
v-for="(item, idx) in categories"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(item.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ item.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-card>
|
|
</v-card>
|
|
|
|
</v-card>
|
|
</v-card>
|
|
</div>
|
|
|
|
<div class="tablet d-none d-sm-flex d-md-none">
|
|
<v-container v-if="countries.length>0 || cards.length>0 || categories.length>0" class="main-container mb-15 mt-15 mx-12">
|
|
<v-row v-if="countries.length>0">
|
|
<v-container>
|
|
<v-row class="font-weight-bold mt-4 text-size-14">
|
|
{{ $t("userProfile.companyCountry") }}
|
|
</v-row>
|
|
<v-row>
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
v-for="(subcollection, idx) in countries"
|
|
:key="idx"
|
|
style="font-size: 14px"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-row>
|
|
</v-container>
|
|
</v-row>
|
|
<v-row v-if="cards.length>0">
|
|
<v-container>
|
|
<v-row class="font-weight-bold mt-4 text-size-14">
|
|
{{ $t("Hot Exhibitions") }}
|
|
</v-row>
|
|
<v-row>
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
v-for="(subcollection, idx) in cards"
|
|
:key="idx"
|
|
style="font-size: 14px"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-row>
|
|
</v-container>
|
|
</v-row>
|
|
<v-row v-if="categories.length>0">
|
|
<v-container>
|
|
<v-row class="font-weight-bold mt-4 text-size-14">
|
|
{{ $t("Exhibition Categories") }}
|
|
</v-row>
|
|
<v-row>
|
|
<p
|
|
class="grey--text text--lighten-1 me-5"
|
|
v-for="(subcollection, idx) in categories"
|
|
:key="idx"
|
|
style="font-size: 14px"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-14"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</p>
|
|
</v-row>
|
|
</v-container>
|
|
</v-row>
|
|
</v-container>
|
|
</div>
|
|
|
|
<div class="phone hidden-sm-and-up">
|
|
<v-spacer v-if="countries.length>0 || cards.length>0 || categories.length>0" class="mb-15 mt-10 ms-6 pe-0">
|
|
<v-spacer v-if="countries.length>0">
|
|
<div class="font-weight-bold mt-4 text-size-14 mb-2">
|
|
{{ $t("userProfile.companyCountry") }}
|
|
</div>
|
|
<div>
|
|
<span
|
|
class="grey--text text--lighten-1 me-5 d-inline-block text-size-12"
|
|
v-for="(subcollection, idx) in countries"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-12"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</span>
|
|
</div>
|
|
</v-spacer>
|
|
<v-spacer v-if="cards.length>0">
|
|
<div class="font-weight-bold mt-4 text-size-14 mb-2">
|
|
{{ $t("Hot Exhibitions") }}
|
|
</div>
|
|
<div>
|
|
<span
|
|
class="grey--text text--lighten-1 me-5 d-inline-block text-size-12"
|
|
v-for="(subcollection, idx) in cards"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-12"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</span>
|
|
</div>
|
|
</v-spacer>
|
|
<v-spacer v-if="categories.length>0">
|
|
<div class="font-weight-bold mt-4 text-size-14 mb-2">
|
|
{{ $t("Exhibition Categories") }}
|
|
</div>
|
|
<div>
|
|
<span
|
|
class="grey--text text--lighten-1 me-5 d-inline-block text-size-12"
|
|
v-for="(subcollection, idx) in categories"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link
|
|
:to="localePath(subcollection.url)"
|
|
class="remove-underline text-size-12"
|
|
>
|
|
{{ subcollection.name }}
|
|
</nuxt-link>
|
|
</span>
|
|
</div>
|
|
</v-spacer>
|
|
</v-spacer>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
collections: {
|
|
type: Array,
|
|
},
|
|
countries: {
|
|
type: Array,
|
|
},
|
|
cards: {
|
|
type: Array,
|
|
},
|
|
categories: {
|
|
type: Array,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|