134 lines
4.6 KiB
Vue
134 lines
4.6 KiB
Vue
<template>
|
|
|
|
<q-card class="dialog_card q-mb-lg" v-if="myrec._id">
|
|
|
|
<q-footer
|
|
v-if="!nopopup"
|
|
:class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only text-center`"
|
|
bordered
|
|
>
|
|
<q-btn push rounded color="primary" icon="close" label="Chiudi" v-close-popup></q-btn>
|
|
|
|
</q-footer>
|
|
<q-bar v-if="!nopopup" dense class="bg-primary text-white">
|
|
{{ myrec.username }}
|
|
<q-space/>
|
|
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
|
</q-bar>
|
|
<q-card-section class="inset-shadow">
|
|
<!-- Per ora visualizzo solo la Prima Immagine -->
|
|
<div class="text-center">
|
|
|
|
<q-img
|
|
v-if="tools.getValue(myrec, 'photos', '')"
|
|
:src="tools.getFullFileName(tools.getValue(myrec, 'photos', ''), table, myrec.username, myrec.groupname)" class="img"
|
|
alt="immagine bene"></q-img>
|
|
</div>
|
|
|
|
<div v-if="showBadge()" class="text-center">
|
|
<q-chip :icon="fieldsTable.getIconByAdType(myrec.adType)"
|
|
:color="fieldsTable.getColByAdType(myrec.adType)"
|
|
text-color="white">{{
|
|
fieldsTable.getValByTabAndId(table, 'adType', myrec.adType)
|
|
}}
|
|
</q-chip>
|
|
</div>
|
|
|
|
<!--:title="t(mycol.label_trans)"-->
|
|
<div v-for="(mycol, index) of col" :key="index">
|
|
<div
|
|
v-if="(mycol.visible && (tools.checkIfShowField(mycol, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(myrec, mycol.field, mycol.subfield))))">
|
|
<div v-if="mycol.fieldtype === costanti.FieldType.html">
|
|
<div class="note-bacheca"
|
|
v-html="tools.getValue(myrec, mycol.field, mycol.subfield)">
|
|
|
|
</div>
|
|
</div>
|
|
<div v-else-if="mycol.name === 'descr'">
|
|
<div class="text-bacheca">
|
|
{{ tools.getValue(myrec, mycol.field, mycol.subfield) }}
|
|
</div>
|
|
</div>
|
|
<div v-else-if="mycol.name === 'numMaxPeopleHosp'">
|
|
<div class="text-bacheca">
|
|
<span class="accom_maxosp">{{ tools.getValue(myrec, mycol.field, mycol.subfield) }}</span>{{ t('hosps.numMaxPeopleHosp') }}
|
|
</div>
|
|
</div>
|
|
<div v-else-if="mycol.name === 'dateTimeStart'" class="text-center cal">
|
|
|
|
<div v-if="myrec.dateTimeStart" class="cal__when">
|
|
<span class="cal__where-title">{{ $t('cal.when') }}:</span>
|
|
<span v-html="tools.getstrDateTimeEvent(t, myrec, true)"></span>
|
|
</div>
|
|
<!--
|
|
<span class="dateevent" v-if="myrec.dateTimeStart">dal <span class="datainizio">{{
|
|
tools.getstrVeryShortDate(myrec.dateTimeStart)
|
|
}}</span> al <span class="datafine">{{ tools.getstrVeryShortDate(myrec.dateTimeEnd) }}</span>
|
|
</span>--->
|
|
</div>
|
|
<div v-else-if="mycol.name === 'accomodation'">
|
|
<CAccomodation
|
|
v-if="!!myrec.accomodation"
|
|
:mylist="myrec.accomodation"
|
|
:isInModif="false"
|
|
:edit="false"
|
|
:canModify="false">
|
|
</CAccomodation>
|
|
</div>
|
|
<div v-else-if="mycol.name === 'dateTimeEnd'">
|
|
|
|
</div>
|
|
<CMyFieldRec
|
|
v-else
|
|
:table="table"
|
|
:id="myrec._id"
|
|
:rec="myrec"
|
|
:field="mycol.field"
|
|
:canEdit="false"
|
|
:canModify="false">
|
|
</CMyFieldRec>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<div v-if="myrec.date_created" class="row justify-center">
|
|
<span class="cal__where-title"> {{ $t('reg.pub_created') }}:</span>
|
|
<span v-html="tools.getstrDate(myrec.date_created)"></span>
|
|
</div>
|
|
<div v-if="tools.getstrDate(myrec.date_updated) !== tools.getstrDate(myrec.date_created)" class="row justify-center">
|
|
<span class="cal__where-title"> {{ $t('reg.pub_updated') }}:</span>
|
|
<span v-html="tools.getstrDate(myrec.date_updated)"></span>
|
|
</div>
|
|
|
|
|
|
<div v-if="!nopopup"
|
|
class="row q-ma-sm q-pa-sm justify-center">
|
|
<div class="q-ma-sm">
|
|
<q-btn
|
|
icon="far fa-file-alt" label="Apri" color="primary" text-color="white"
|
|
:to="tools.getToByCol(col, table, myrec)"
|
|
/>
|
|
</div>
|
|
<div class="q-ma-sm">
|
|
<q-btn
|
|
v-if="myrec._id"
|
|
text-color="black" icon="fas fa-share-alt"
|
|
label="Condividi"
|
|
@click="condividipag"></q-btn>
|
|
</div>
|
|
</div>
|
|
|
|
<br><br>
|
|
</q-card-section>
|
|
|
|
</q-card>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CMyCardPopup.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CMyCardPopup.scss';
|
|
</style>
|
|
|