- Griglia Orizzontale a Carosello
- Aggiornato Tabella Eventi - Lista Ultimi Movimenti - Ultime strette di mano - Ultimi Invitanti alla App
This commit is contained in:
Surya Paolo
@@ -267,12 +267,17 @@
|
||||
dense
|
||||
type="search"
|
||||
debounce="500"
|
||||
:hint="!hintinbtnsearch ? hint: ''"
|
||||
:hint="!hintinbtnsearch ? hint : ''"
|
||||
:error-message="noresultLabel"
|
||||
:error="(getNumRecFromQuery() === 0 && !startsearch) && myfilter !== ''"
|
||||
:error="
|
||||
getNumRecFromQuery() === 0 && !startsearch && myfilter !== ''
|
||||
"
|
||||
:label="hintinbtnsearch ? hint : $t('grid.search')"
|
||||
@keyup.enter="doSearch"
|
||||
@clear="myfilter = ''; doSearch()"
|
||||
@clear="
|
||||
myfilter = '';
|
||||
doSearch();
|
||||
"
|
||||
@update:model-value="findByDebounce ? doSearch() : null"
|
||||
:clearable="!!myfilter"
|
||||
class="col q-mx-xs"
|
||||
@@ -284,10 +289,10 @@
|
||||
</q-input>
|
||||
|
||||
<q-btn
|
||||
v-if="prop_search && myfilter || search"
|
||||
v-if="(prop_search && myfilter) || search"
|
||||
color="primary"
|
||||
icon="fas fa-search"
|
||||
@click="showSearchOnTop ? showSearchDialog = true : doSearch()"
|
||||
@click="showSearchOnTop ? (showSearchDialog = true) : doSearch()"
|
||||
/>
|
||||
|
||||
<q-btn-toggle
|
||||
@@ -400,181 +405,192 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-for="(row, indexrow) in serverData" :key="indexrow">
|
||||
<div
|
||||
v-if="
|
||||
showType === costanti.SHOW_MYCARD ||
|
||||
(myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
|
||||
myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT &&
|
||||
myvertical === costanti.VISUTABLE_LISTA &&
|
||||
shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel))
|
||||
"
|
||||
<div v-if="myvertical === costanti.VISUTABLE_GRID_ORIZ">
|
||||
<q-carousel
|
||||
swipeable
|
||||
animated
|
||||
:autoplay="autoplay"
|
||||
v-model="slideGridOriz"
|
||||
navigation
|
||||
control-color="blue-4"
|
||||
control-text-color="white"
|
||||
arrows
|
||||
ref="carousel"
|
||||
transition-next="slide-left"
|
||||
transition-prev="slide-right"
|
||||
height="500px"
|
||||
width="100%"
|
||||
control-type="push"
|
||||
class="bg-grey-2 shadow-2 rounded-borders"
|
||||
@mouseenter="autoplay = false"
|
||||
@mouseleave="autoplay = true"
|
||||
>
|
||||
<div v-if="row && withdate">
|
||||
<div v-if="setShowMonth(row, indexrow)">
|
||||
<div>
|
||||
<div v-if="row.dateTimeStart">
|
||||
<strong>{{ tools.getstrMonth(row.dateTimeStart) }}</strong>
|
||||
</div>
|
||||
<q-carousel-slide
|
||||
v-for="(rec, indexrow) in serverData"
|
||||
:key="indexrow"
|
||||
:name="indexrow"
|
||||
>
|
||||
<CMyRecCard
|
||||
:table="tablesel"
|
||||
:prop_myrec="rec"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
|
||||
<div v-if="false">
|
||||
<div class="card-carousel-container">
|
||||
<div class="card-carousel" ref="carouselTabRef">
|
||||
<q-card
|
||||
v-for="(rec, indexrow) in serverData"
|
||||
:key="indexrow"
|
||||
:class="`my-card-elem center_img bordered ` + ' titolo_card'"
|
||||
:style="`height: auto; !important; width: 350px !important;`"
|
||||
>
|
||||
<CMyRecCard
|
||||
:table="tablesel"
|
||||
:prop_myrec="rec"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</q-card>
|
||||
</div>
|
||||
<div
|
||||
class="swipe-indicator left"
|
||||
v-if="!isAtStart"
|
||||
@click="scroll(-1)"
|
||||
>
|
||||
<q-icon name="chevron_left" size="2rem" color="white" />
|
||||
</div>
|
||||
<div
|
||||
class="swipe-indicator right"
|
||||
v-if="!isAtEnd"
|
||||
@click="scroll(1)"
|
||||
>
|
||||
<q-icon name="chevron_right" size="2rem" color="white" />
|
||||
</div>
|
||||
<div class="scroll-indicator">
|
||||
<div
|
||||
v-for="(_, index) in serverData"
|
||||
:key="index"
|
||||
:class="['dot', { active: index === activeIndex }]"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else>
|
||||
<div v-for="(row, indexrow) in serverData" :key="indexrow">
|
||||
<div
|
||||
v-if="
|
||||
showType === costanti.SHOW_MYCARD ||
|
||||
(myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
|
||||
myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT &&
|
||||
myvertical === costanti.VISUTABLE_LISTA &&
|
||||
shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel))
|
||||
"
|
||||
>
|
||||
<div v-if="row && withdate">
|
||||
<div v-if="setShowMonth(row, indexrow)">
|
||||
<div>
|
||||
<q-separator />
|
||||
<div v-if="row.dateTimeStart">
|
||||
<strong>{{
|
||||
tools.getstrMonth(row.dateTimeStart)
|
||||
}}</strong>
|
||||
</div>
|
||||
<div>
|
||||
<q-separator />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<CMyRecGrpCard
|
||||
v-if="tablesel === shared_consts.TABLES_MYGROUPS"
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
>
|
||||
</CMyRecGrpCard>
|
||||
<CMyRecCircuitCard
|
||||
v-else-if="tablesel === shared_consts.TABLES_CIRCUITS"
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
>
|
||||
</CMyRecCircuitCard>
|
||||
<CMyRecCard
|
||||
v-else
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
(showType === costanti.SHOW_USERINFO &&
|
||||
myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
|
||||
(myvertical === 2 &&
|
||||
shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel))
|
||||
"
|
||||
class="fill-all-width"
|
||||
>
|
||||
<div>
|
||||
<CMyUser
|
||||
:notsetcmd="true"
|
||||
:mycontact="row"
|
||||
:visu="visufind"
|
||||
:groupname="extrafield"
|
||||
:circuitname="circuitname"
|
||||
:actionType="actionType"
|
||||
:labelextra="col_title ? row[col_title] : ''"
|
||||
:labelFooter="
|
||||
col_footer
|
||||
? tools.getLabelFooterByRow(row, col_footer, tablesel)
|
||||
: ''
|
||||
"
|
||||
@showInnerDialog="showInnerDialog"
|
||||
<CMyRecGrpCard
|
||||
v-if="tablesel === shared_consts.TABLES_MYGROUPS"
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
>
|
||||
</CMyUser>
|
||||
|
||||
<q-separator></q-separator>
|
||||
</CMyRecGrpCard>
|
||||
<CMyRecCircuitCard
|
||||
v-else-if="tablesel === shared_consts.TABLES_CIRCUITS"
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
>
|
||||
</CMyRecCircuitCard>
|
||||
<CMyRecCard
|
||||
v-else
|
||||
:table="tablesel"
|
||||
:prop_myrec="row"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
(showType === costanti.SHOW_GROUPINFO &&
|
||||
myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) ||
|
||||
(myvertical === 2 && tablesel === 'mygroups') ||
|
||||
myvertical === costanti.VISUTABLE_GROUP_CIRCUIT
|
||||
"
|
||||
class="fill-all-width"
|
||||
>
|
||||
<div>
|
||||
<CMyGroups
|
||||
v-model="filtergrp"
|
||||
:circuitname="circuitname"
|
||||
:finder="false"
|
||||
:mygrp="row"
|
||||
:visu="visufind ? visufind : costanti.FIND_GROUP"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
showType === costanti.SHOW_MOVEMENTS && tablesel === 'movements'
|
||||
"
|
||||
>
|
||||
<CSingleMovement :mov="row" />
|
||||
<!--<div v-if="false" class="q-pa-xs row items-start q-gutter-xs">
|
||||
<q-card class="my-card text-black">
|
||||
<q-toolbar
|
||||
class="bg-primary text-white"
|
||||
style="min-height: 30px"
|
||||
<div
|
||||
v-else-if="
|
||||
(showType === costanti.SHOW_USERINFO &&
|
||||
myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
|
||||
(myvertical === 2 &&
|
||||
shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel))
|
||||
"
|
||||
class="fill-all-width"
|
||||
>
|
||||
<div>
|
||||
<CMyUser
|
||||
:notsetcmd="true"
|
||||
:mycontact="row"
|
||||
:visu="visufind"
|
||||
:groupname="extrafield"
|
||||
:circuitname="circuitname"
|
||||
:actionType="actionType"
|
||||
:labelextra="col_title ? row[col_title] : ''"
|
||||
:labelFooter="
|
||||
col_footer
|
||||
? tools.getLabelFooterByRow(row, col_footer, tablesel)
|
||||
: ''
|
||||
"
|
||||
@showInnerDialog="showInnerDialog"
|
||||
>
|
||||
<q-toolbar-title>
|
||||
<span class="q-ma-sm">
|
||||
<q-icon
|
||||
v-if="tools.isEntrataByRecMov(row)"
|
||||
name="fas fa-box-tissue"
|
||||
color="green"
|
||||
></q-icon>
|
||||
<q-icon
|
||||
v-else-if="tools.isUscitaByRecMov(row)"
|
||||
name="fas fa-share-square"
|
||||
color="red"
|
||||
></q-icon>
|
||||
</span>
|
||||
{{
|
||||
tools.isEntrataByRecMov(row)
|
||||
? t('movement.movin')
|
||||
: tools.isUscitaByRecMov(row)
|
||||
? t('movement.movout')
|
||||
: ''
|
||||
}}
|
||||
</q-toolbar-title>
|
||||
</q-toolbar>
|
||||
<q-card-section>
|
||||
<div v-for="col in mycolumns" :key="col.name">
|
||||
<div
|
||||
v-if="
|
||||
showColCheck(
|
||||
col,
|
||||
tools.TIPOVIS_SHOW_RECORD,
|
||||
true,
|
||||
1,
|
||||
row
|
||||
)
|
||||
"
|
||||
:class="
|
||||
!col.extrafield ||
|
||||
(col.extrafield &&
|
||||
(col.tipovisu !== costanti.TipoVisu.LINK ||
|
||||
(col.tipovisu === costanti.TipoVisu.LINK &&
|
||||
userStore.getImgByProfile(row, true, col))))
|
||||
? `tdclass`
|
||||
: ``
|
||||
"
|
||||
>
|
||||
<div :class="getclrow(row)">
|
||||
<CMyPopupEdit
|
||||
:table="mytable"
|
||||
:canEdit="false"
|
||||
:canModify="false"
|
||||
:disable="false"
|
||||
:mycol="col"
|
||||
:row="row"
|
||||
:field="col.field"
|
||||
:visulabel="true"
|
||||
:subfield="col.subfield"
|
||||
minuteinterval="1"
|
||||
@save="SaveValue"
|
||||
@show="selItem(row, col)"
|
||||
@showandsave="showandsave"
|
||||
>
|
||||
</CMyPopupEdit>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>-->
|
||||
</CMyUser>
|
||||
|
||||
<q-separator></q-separator>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
(showType === costanti.SHOW_GROUPINFO &&
|
||||
myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) ||
|
||||
(myvertical === 2 && tablesel === 'mygroups') ||
|
||||
myvertical === costanti.VISUTABLE_GROUP_CIRCUIT
|
||||
"
|
||||
class="fill-all-width"
|
||||
>
|
||||
<div>
|
||||
<CMyGroups
|
||||
v-model="filtergrp"
|
||||
:circuitname="circuitname"
|
||||
:finder="false"
|
||||
:mygrp="row"
|
||||
:visu="visufind ? visufind : costanti.FIND_GROUP"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="
|
||||
showType === costanti.SHOW_MOVEMENTS && tablesel === 'movements'
|
||||
"
|
||||
>
|
||||
<CSingleMovement :mov="row" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<template v-slot:loading>
|
||||
|
||||
Reference in New Issue
Block a user