Surya Paolo
@@ -1,177 +1,77 @@
|
||||
<!--suppress ALL -->
|
||||
<template>
|
||||
<div
|
||||
class="q-py-xs centermydiv cardrec"
|
||||
:style="
|
||||
`max-width: ` +
|
||||
(tools.getwidth($q) - 20) +
|
||||
`px; ` +
|
||||
($q.screen.lt.sm
|
||||
? `min-width: ` + (tools.getwidth($q) - (20 + margin_right)) + `px;`
|
||||
: ``)
|
||||
"
|
||||
>
|
||||
<q-item v-if="myrec" clickable v-ripple :class="`shadow-2 butt_rounded `">
|
||||
<q-item-section
|
||||
v-if="
|
||||
shared_consts.TABLES_VISU_IMG.includes(table) &&
|
||||
myrec.photos &&
|
||||
myrec.photos.length > 0
|
||||
"
|
||||
avatar
|
||||
@click="cmdExt(costanti.CMD_SHOW_PAGE, myrec)"
|
||||
>
|
||||
<q-badge
|
||||
v-if="showBadge()"
|
||||
class="q-my-xs self-center"
|
||||
:color="fieldsTable.getColByAdType(myrec.adType)"
|
||||
>
|
||||
<div class="q-py-xs centermydiv cardrec"
|
||||
:style="`max-width: `+ (tools.getwidth($q) - 20) +`px; ` + ($q.screen.lt.sm ? (`min-width: `+ (tools.getwidth($q) - (20 + margin_right)) +`px;`) : ``)">
|
||||
<q-item v-if="myrec" clickable v-ripple :class="`shadow-2 q-btn--rounded ` + ($q.dark.isActive ? `bg-black`: `bg-teal-1`)">
|
||||
|
||||
|
||||
|
||||
<q-item-section v-if="(shared_consts.TABLES_VISU_IMG.includes(table)) && (myrec.photos && myrec.photos.length > 0)" avatar
|
||||
@click="cmdExt(costanti.CMD_SHOW_PAGE, myrec)">
|
||||
<q-badge v-if="showBadge()" class="q-my-xs self-center" :color="fieldsTable.getColByAdType(myrec.adType)">
|
||||
{{ fieldsTable.getValByTabAndId(table, 'adType', myrec.adType) }}
|
||||
<q-icon
|
||||
:name="fieldsTable.getIconByAdType(myrec.adType)"
|
||||
color="white"
|
||||
class="q-ml-xs"
|
||||
/>
|
||||
<q-icon :name="fieldsTable.getIconByAdType(myrec.adType)" color="white"
|
||||
class="q-ml-xs"/>
|
||||
</q-badge>
|
||||
|
||||
<q-avatar size="60px">
|
||||
<q-img
|
||||
:src="
|
||||
tools.getFullFileName(myrec.photos, table, myrec.username, '')
|
||||
"
|
||||
:alt="myrec.descr"
|
||||
img-class="imgprofile"
|
||||
height="60px"
|
||||
/>
|
||||
<q-img :src="tools.getFullFileName(myrec.photos, table, myrec.username, '')" :alt="myrec.descr"
|
||||
img-class="imgprofile" height="60px"/>
|
||||
</q-avatar>
|
||||
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section v-else avatar @click="naviga(`/my/` + myrec.username)">
|
||||
<q-badge
|
||||
v-if="showBadge()"
|
||||
class="q-my-xs self-center"
|
||||
:color="fieldsTable.getColByAdType(myrec.adType)"
|
||||
>
|
||||
|
||||
<q-badge v-if="showBadge()" class="q-my-xs self-center" :color="fieldsTable.getColByAdType(myrec.adType)">
|
||||
{{ fieldsTable.getValByTabAndId(table, 'adType', myrec.adType) }}
|
||||
<q-icon
|
||||
:name="fieldsTable.getIconByAdType(myrec.adType)"
|
||||
color="white"
|
||||
class="q-ml-xs"
|
||||
/>
|
||||
<q-icon :name="fieldsTable.getIconByAdType(myrec.adType)" color="white"
|
||||
class="q-ml-xs"/>
|
||||
</q-badge>
|
||||
<q-avatar size="60px">
|
||||
<q-img
|
||||
:src="getImgUser(myrec)"
|
||||
:alt="myrec.username"
|
||||
img-class="imgprofile"
|
||||
height="60px"
|
||||
/>
|
||||
<q-img :src="getImgUser(myrec)" :alt="myrec.username" img-class="imgprofile" height="60px"/>
|
||||
</q-avatar>
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section @click="navigaExt(myrec)">
|
||||
<q-item-label lines="2" class="full-width">
|
||||
<span
|
||||
v-for="(rec, ind) of tools.getArrSubSector(table, myrec)"
|
||||
:key="ind"
|
||||
>
|
||||
<q-chip
|
||||
dense
|
||||
class="text-center shadow-5 glossy text-white bg-green"
|
||||
>{{ rec.descr }}</q-chip
|
||||
>
|
||||
<q-item-label lines="2" class="full-width" >
|
||||
<span v-for="(rec, ind) of tools.getArrSubSector(table, myrec)" :key="ind">
|
||||
<q-chip dense class="text-center shadow-5 glossy text-white bg-green">{{ rec.descr }}</q-chip>
|
||||
</span>
|
||||
<span>
|
||||
<span
|
||||
v-for="(rec, ind) of tools.getArrSector(table, myrec)"
|
||||
:key="ind"
|
||||
>
|
||||
<q-chip
|
||||
dense
|
||||
class="text-center shadow-5 glossy text-white bg-blue"
|
||||
>{{ rec.descr }}</q-chip
|
||||
></span
|
||||
>
|
||||
<span v-for="(rec, ind) of tools.getArrSector(table, myrec)" :key="ind">
|
||||
<q-chip dense class="text-center shadow-5 glossy text-white bg-blue">{{ rec.descr }}</q-chip></span>
|
||||
</span>
|
||||
|
||||
|
||||
<!--<span class="dateevent" v-if="myrec.dateTimeStart">dal <span class="datainizio">{{tools.getstrVeryShortDate(myrec.dateStart) }}</span> al <span class="datafine">{{ tools.getstrVeryShortDate(myrec.dateEnd) }}</span>
|
||||
</span>-->
|
||||
</q-item-label>
|
||||
<q-item-label lines="4" v-if="myrec.descr"
|
||||
>{{ myrec.descr }}<br />
|
||||
<q-item-label lines="4" v-if="myrec.descr">{{ myrec.descr }}<br>
|
||||
</q-item-label>
|
||||
<q-item-label lines="1" style="" class="text_user_city">
|
||||
<div class="row justify-between">
|
||||
<div class="text-weight-bold text-italic">
|
||||
{{ tools.getNameToShow(myrec) }}
|
||||
</div>
|
||||
<div class="q-mx-sm">
|
||||
(<span class="">{{ myrec.myfav.length }}</span>
|
||||
<span class="q-mx-xxs"
|
||||
><q-icon
|
||||
dense
|
||||
color="red"
|
||||
:name="
|
||||
userStore.isFavorite(myrec._id, table)
|
||||
? 'favorite'
|
||||
: 'far fa-heart'
|
||||
"
|
||||
/>
|
||||
</span>
|
||||
<span class="q-mx-xxs"> </span
|
||||
><span class="">{{ myrec.mybook.length }}</span>
|
||||
<span class="q-mx-xxs"
|
||||
><q-icon
|
||||
dense
|
||||
color="teal"
|
||||
:name="
|
||||
userStore.isBookmarked(myrec._id, table)
|
||||
? 'bookmark'
|
||||
: 'far fa-bookmark'
|
||||
"
|
||||
/>
|
||||
</span>
|
||||
)
|
||||
</div>
|
||||
</div>
|
||||
<q-item-label lines="2" style="text-align: right" class="text_user_city">
|
||||
<span class="text-weight-bold">{{ tools.getNameToShow(myrec) }}</span> -
|
||||
<span v-for="(rec, ind) of myrec.mycities" :key="ind"><span v-if="ind > 0">, </span>{{ rec.comune }} ({{ rec.prov }})</span>
|
||||
</q-item-label>
|
||||
|
||||
<q-item-label
|
||||
lines="1"
|
||||
style="text-align: right"
|
||||
class="text_user_city"
|
||||
>
|
||||
<span v-for="(rec, ind) of myrec.mycities" :key="ind"
|
||||
><span v-if="ind > 0">, </span>{{ rec.comune }} ({{
|
||||
rec.prov
|
||||
}})</span
|
||||
>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side v-if="tools.canModifyThisRec(myrec) || editOn">
|
||||
<q-item-label>
|
||||
<q-btn rounded dense icon="fas fa-pencil-alt">
|
||||
<q-menu>
|
||||
<q-list style="min-width: 150px">
|
||||
<q-item
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="cmdExt(costanti.CMD_MODIFY, myrec._id)"
|
||||
>
|
||||
<q-item clickable v-close-popup
|
||||
@click="cmdExt(costanti.CMD_MODIFY, myrec._id)">
|
||||
<q-item-section side>
|
||||
<q-icon name="fas fa-pencil-alt" />
|
||||
<q-icon name="fas fa-pencil-alt"/>
|
||||
</q-item-section>
|
||||
<q-item-section>{{ $t('reg.edit') }}</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
<q-list style="min-width: 150px">
|
||||
<q-item
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="cmdExt(costanti.CMD_DELETE, myrec._id)"
|
||||
>
|
||||
<q-item clickable v-close-popup @click="cmdExt(costanti.CMD_DELETE, myrec._id)">
|
||||
<q-item-section side>
|
||||
<q-icon name="fas fa-trash-alt" />
|
||||
<q-icon name="fas fa-trash-alt"/>
|
||||
</q-item-section>
|
||||
<q-item-section>{{ $t('reg.elimina') }}</q-item-section>
|
||||
</q-item>
|
||||
@@ -180,9 +80,11 @@
|
||||
</q-btn>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
|
||||
</q-item>
|
||||
<q-separator inset="item" />
|
||||
<q-separator inset="item"/>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CMyRecCard.ts">
|
||||
|
||||
Reference in New Issue
Block a user