++ aggiunta la prenotazione negli eventi. con la lista degli utenti.
This commit is contained in:
Surya Paolo
@@ -10,13 +10,35 @@
|
||||
</CGalleryImages>
|
||||
|
||||
<q-card-actions align="right">
|
||||
<div class="">
|
||||
<div v-if="table === shared_consts.TABLES_MYBACHECAS" class="">
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
icon="far fa-eye"
|
||||
color="green"
|
||||
:icon="
|
||||
calendarStore.isPartecipero(myrec._id, table)
|
||||
? 'fas fa-user-check'
|
||||
: 'far fa-check-circle'
|
||||
"
|
||||
@click="EditBookEvent(true)"
|
||||
>
|
||||
<q-badge
|
||||
v-if="myrec.mybookings"
|
||||
color="primary"
|
||||
:label="
|
||||
calendarStore.getNumParticipants(
|
||||
myrec,
|
||||
true,
|
||||
tools.peopleWhere.participants
|
||||
)
|
||||
"
|
||||
floating
|
||||
transparent
|
||||
/>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div class="">
|
||||
<q-btn flat round color="blue" icon="far fa-eye">
|
||||
<q-badge
|
||||
v-if="myrec.myseen"
|
||||
color="primary"
|
||||
@@ -31,7 +53,11 @@
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
:icon="userStore.isFavorite(myrec._id, table) ? 'favorite' : 'far fa-heart'"
|
||||
:icon="
|
||||
userStore.isFavorite(myrec._id, table)
|
||||
? 'favorite'
|
||||
: 'far fa-heart'
|
||||
"
|
||||
@click="clicca(costanti.TIPOFAVBOOK.FAVORITE, true, '')"
|
||||
>
|
||||
<q-badge
|
||||
@@ -48,7 +74,11 @@
|
||||
flat
|
||||
round
|
||||
color="teal"
|
||||
:icon="userStore.isBookmarked(myrec._id, table) ? 'bookmark' : 'far fa-bookmark'"
|
||||
:icon="
|
||||
userStore.isBookmarked(myrec._id, table)
|
||||
? 'bookmark'
|
||||
: 'far fa-bookmark'
|
||||
"
|
||||
@click="clicca(costanti.TIPOFAVBOOK.BOOKMARK, true, '')"
|
||||
>
|
||||
<q-badge
|
||||
@@ -82,7 +112,16 @@
|
||||
<q-icon color="blue" name="far fa-comment" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<a :href="tools.getHttpForTelegram(myrec.profile.username_telegram)" target="_blank">{{ $t('dialog.contact') }} - {{tools.getNomeUtenteByRecUser(myrec)}}</a>
|
||||
<a
|
||||
:href="
|
||||
tools.getHttpForTelegram(
|
||||
myrec.profile.username_telegram
|
||||
)
|
||||
"
|
||||
target="_blank"
|
||||
>{{ $t('dialog.contact') }} -
|
||||
{{ tools.getNomeUtenteByRecUser(myrec) }}</a
|
||||
>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
@@ -106,15 +145,21 @@
|
||||
clicca(
|
||||
costanti.TIPOFAVBOOK.SEEN,
|
||||
false,
|
||||
$t('cmd.seen', {num: myrec.myseen ? myrec.myseen.length : 0})
|
||||
$t('cmd.seen', {
|
||||
num: myrec.myseen ? myrec.myseen.length : 0,
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fas fa-eye" />
|
||||
<q-icon color="blue" name="far fa-eye" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{ $t('cmd.seen', {num: myrec.myseen ? myrec.myseen.length : 0}) }}
|
||||
{{
|
||||
$t('cmd.seen', {
|
||||
num: myrec.myseen ? myrec.myseen.length : 0,
|
||||
})
|
||||
}}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
@@ -124,7 +169,9 @@
|
||||
clicca(
|
||||
costanti.TIPOFAVBOOK.FAVORITE,
|
||||
false,
|
||||
$t('cmd.favorite', {num: myrec.myfav ? myrec.myfav.length : 0})
|
||||
$t('cmd.favorite', {
|
||||
num: myrec.myfav ? myrec.myfav.length : 0,
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
@@ -132,7 +179,43 @@
|
||||
<q-icon color="red" name="favorite" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{ $t('cmd.favorite', {num: myrec.myfav ? myrec.myfav.length : 0}) }}
|
||||
{{
|
||||
$t('cmd.favorite', {
|
||||
num: myrec.myfav ? myrec.myfav.length : 0,
|
||||
})
|
||||
}}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="
|
||||
clicca(
|
||||
costanti.TIPOFAVBOOK.ATTEND,
|
||||
false,
|
||||
$t('cmd.attend', {
|
||||
num: calendarStore.getNumParticipants(
|
||||
myrec,
|
||||
true,
|
||||
tools.peopleWhere.participants
|
||||
),
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="green" name="fas fa-user-check" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{
|
||||
$t('cmd.attend', {
|
||||
num: calendarStore.getNumParticipants(
|
||||
myrec,
|
||||
true,
|
||||
tools.peopleWhere.participants
|
||||
),
|
||||
})
|
||||
}}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
@@ -142,7 +225,9 @@
|
||||
clicca(
|
||||
costanti.TIPOFAVBOOK.BOOKMARK,
|
||||
false,
|
||||
$t('cmd.bookmark', {num: myrec.mybook ? myrec.mybook.length : 0})
|
||||
$t('cmd.bookmark', {
|
||||
num: myrec.mybook ? myrec.mybook.length : 0,
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
@@ -150,7 +235,11 @@
|
||||
<q-icon color="teal" name="bookmark" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
{{ $t('cmd.bookmark', {num: myrec.mybook ? myrec.mybook.length : 0}) }}
|
||||
{{
|
||||
$t('cmd.bookmark', {
|
||||
num: myrec.mybook ? myrec.mybook.length : 0,
|
||||
})
|
||||
}}
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
@@ -195,7 +284,9 @@
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label>
|
||||
<span>{{tools.getstrDateMonthTimeLong(myrec.dateTimeStart)}}</span>
|
||||
<span>{{
|
||||
tools.getstrDateMonthTimeLong(myrec.dateTimeStart)
|
||||
}}</span>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
@@ -206,7 +297,9 @@
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label>
|
||||
<span>{{tools.getstrDateMonthTimeLong(myrec.dateTimeEnd)}}</span>
|
||||
<span>{{
|
||||
tools.getstrDateMonthTimeLong(myrec.dateTimeEnd)
|
||||
}}</span>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
@@ -305,7 +398,35 @@
|
||||
><div v-html="myrec.note" class="clBorderService"></div
|
||||
></q-item-label>
|
||||
|
||||
<q-card class="my-card clBorderUser" bordered>
|
||||
<q-item clickable v-if="table === 'mybachecas'">
|
||||
<q-item-section avatar>
|
||||
<q-icon color="green" name="fas fa-house-user" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1">
|
||||
{{ $t('event.organisedBy') }}: {{ myrec.organisedBy }}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-card
|
||||
v-if="
|
||||
table === 'mybachecas' && myrec.mygrp && myrec.mygrp.groupname
|
||||
"
|
||||
class="my-card clBorderUser"
|
||||
bordered
|
||||
@click="
|
||||
naviga(tools.getPathByGroup(myrec.mygrp, toolsext.TABMYGROUPS))
|
||||
"
|
||||
>
|
||||
<CMyGroup
|
||||
:mygrp="myrec.mygrp"
|
||||
:visu="costanti.USER_GROUPS"
|
||||
:noaut="true"
|
||||
>
|
||||
</CMyGroup>
|
||||
</q-card>
|
||||
<q-card v-else class="my-card clBorderUser" bordered>
|
||||
<CMyUser
|
||||
:mycontact="myrec"
|
||||
:visu="costanti.FIND_PEOPLE"
|
||||
@@ -313,12 +434,52 @@
|
||||
>
|
||||
</CMyUser>
|
||||
</q-card>
|
||||
<q-item
|
||||
clickable
|
||||
v-if="table === 'mybachecas' && myrec.contact_phone"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="green" name="fas fa-phone" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1">
|
||||
<CLabel
|
||||
v-bind="$attrs"
|
||||
:copy="true"
|
||||
:value="myrec.contact_phone"
|
||||
:label="$t('event.contact_phone')"
|
||||
/>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
clickable
|
||||
v-if="table === 'mybachecas' && myrec.contact_telegram"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fab fa-telegram" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1">
|
||||
<a
|
||||
:href="tools.getHttpForTelegram(myrec.contact_telegram)"
|
||||
target="_blank"
|
||||
>{{ $t('msgs.telegrammsg') }}: @{{ myrec.contact_telegram }}
|
||||
</a>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-if="myrec.mycities[0].comune">
|
||||
<q-item-section avatar>
|
||||
<q-icon color="amber" name="fas fa-map-marker-alt" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>
|
||||
<div v-if="myrec.address">
|
||||
{{ myrec.address }}
|
||||
</div>
|
||||
<span v-for="(city, index) in myrec.mycities" :key="index">
|
||||
<span v-if="city.comune">
|
||||
{{ city.comune }} ({{ city.prov }})</span
|
||||
@@ -330,6 +491,20 @@
|
||||
}}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-if="myrec.link_maplocation">
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fas fa-map-marker-alt" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1">
|
||||
<span
|
||||
v-html="
|
||||
tools.getlinkhref(myrec.link_maplocation, 'Apri Mappa')
|
||||
"
|
||||
/></q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-if="myrec.website">
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fas fa-globe" />
|
||||
@@ -344,18 +519,66 @@
|
||||
/></q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-if="myrec.link_maplocation">
|
||||
<q-item clickable v-if="table === 'mybachecas'">
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fas fa-map-marker-alt" />
|
||||
<q-icon color="blue" name="fas fa-user-check" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1" v-if="myrec.myattend">
|
||||
<q-btn
|
||||
v-if="table === shared_consts.TABLES_MYBACHECAS"
|
||||
rounded
|
||||
color="primary"
|
||||
:label="
|
||||
$t('cmd.attend', {
|
||||
num: calendarStore.getNumParticipants(
|
||||
myrec,
|
||||
true,
|
||||
tools.peopleWhere.participants
|
||||
),
|
||||
})
|
||||
"
|
||||
@click="
|
||||
clicca(
|
||||
costanti.TIPOFAVBOOK.ATTEND,
|
||||
false,
|
||||
$t('cmd.attend', {
|
||||
num: calendarStore.getNumParticipants(
|
||||
myrec,
|
||||
true,
|
||||
tools.peopleWhere.participants
|
||||
),
|
||||
})
|
||||
)
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
clickable
|
||||
v-if="
|
||||
table === 'mybachecas' &&
|
||||
(myrec.min_partecip || myrec.max_partecip)
|
||||
"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-icon color="blue" name="fas fa-users" />
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label lines="1">
|
||||
<span
|
||||
v-html="
|
||||
tools.getlinkhref(myrec.link_maplocation, 'Apri Mappa')
|
||||
"
|
||||
/></q-item-label>
|
||||
<span v-if="myrec.min_partecip"
|
||||
>{{ $t('event.min_partecip') }}:
|
||||
{{ myrec.min_partecip }}</span
|
||||
><br />
|
||||
<span v-if="myrec.max_partecip"
|
||||
>{{ $t('event.max_partecip') }}:
|
||||
{{ myrec.max_partecip }}</span
|
||||
>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item v-if="myrec.idContribType && myrec.idContribType.length > 0">
|
||||
@@ -377,6 +600,9 @@
|
||||
{{ calendarStore.getContribtypeById(reccontr) }}
|
||||
</q-chip>
|
||||
</span>
|
||||
<span v-if="myrec.contribstr"
|
||||
><br />{{ myrec.contribstr }}</span
|
||||
>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
@@ -386,14 +612,23 @@
|
||||
</q-item-section>
|
||||
|
||||
<q-item-section>
|
||||
<q-item-label
|
||||
><span v-if="myrec.date_updated">{{
|
||||
<q-item-label>
|
||||
{{ $t('reg.pub_updated') }}
|
||||
<span v-if="myrec.date_updated">{{
|
||||
tools.getstrDateMonthLong(myrec.date_updated)
|
||||
}}</span
|
||||
><span v-else>{{
|
||||
tools.getstrDateMonthLong(myrec.date_created)
|
||||
}}</span></q-item-label
|
||||
>
|
||||
}}</span>
|
||||
<span v-if="myrec.organisedBy"
|
||||
><br />{{ $t('reg.who_updated') }}
|
||||
<span class="text-bold"
|
||||
><a :href="'my/' + myrec.username">{{
|
||||
tools.getNomeUtenteByRecUser(myrec)
|
||||
}}</a></span
|
||||
></span
|
||||
>
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-if="false">
|
||||
@@ -409,42 +644,16 @@
|
||||
</q-list>
|
||||
<q-separator />
|
||||
<div class="q-mb-xl"></div>
|
||||
<q-card-actions
|
||||
v-if="$q.screen.gt.sm || nopopup"
|
||||
class="text-center justify-center"
|
||||
>
|
||||
<q-btn
|
||||
v-if="myrec.profile.username_telegram"
|
||||
:label="$t('dialog.contact')"
|
||||
color="primary"
|
||||
icon="far fa-comment"
|
||||
target="_blank"
|
||||
:type="tools.isUserOk() ? 'a' : 'btn'"
|
||||
size="md"
|
||||
rounded
|
||||
:href="
|
||||
tools.isUserOk()
|
||||
? tools.getHttpForTelegram(myrec.profile.username_telegram)
|
||||
: null
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="!nopopup"
|
||||
rounded
|
||||
outline
|
||||
:label="$t('dialog.close')"
|
||||
color="primary"
|
||||
icon="close"
|
||||
v-close-popup
|
||||
/>
|
||||
</q-card-actions>
|
||||
<div v-if="table === shared_consts.TABLES_MYBACHECAS" class="q-mb-sm">
|
||||
|
||||
</div>
|
||||
</q-card>
|
||||
<div
|
||||
v-if="!$q.screen.gt.sm && !nopopup"
|
||||
v-if="(!$q.screen.gt.sm && !nopopup) || true"
|
||||
class="row absolute-bottom text-shadow custom-caption q-px-md buttons_bottom"
|
||||
>
|
||||
<q-btn
|
||||
v-if="myrec.profile.username_telegram"
|
||||
v-if="myrec.profile.username_telegram || myrec.contact_telegram"
|
||||
:label="$t('dialog.contact')"
|
||||
color="primary"
|
||||
icon="far fa-comment"
|
||||
@@ -453,13 +662,37 @@
|
||||
size="md"
|
||||
rounded
|
||||
:href="
|
||||
tools.isUserOk()
|
||||
? tools.getHttpForTelegram(myrec.profile.username_telegram)
|
||||
: null
|
||||
myrec.contact_telegram
|
||||
? tools.getHttpForTelegram(myrec.contact_telegram)
|
||||
: tools.getHttpForTelegram(myrec.profile.username_telegram)
|
||||
"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="!nopopup"
|
||||
v-if="table === shared_consts.TABLES_MYBACHECAS"
|
||||
rounded
|
||||
:color="
|
||||
calendarStore.isPartecipero(myrec._id, table) ? 'green' : 'grey'
|
||||
"
|
||||
:label="$t('event.attend')"
|
||||
:icon="
|
||||
calendarStore.isPartecipero(myrec._id, table)
|
||||
? 'fas fa-user-check'
|
||||
: 'far fa-check-circle'
|
||||
"
|
||||
@click="EditBookEvent(true)"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded
|
||||
outline
|
||||
class="q-ma-sm"
|
||||
v-if="isAlreadyBooked() && site.confpages.bookingEvents"
|
||||
text-color="red"
|
||||
@click="EditBookEvent(true)"
|
||||
:label="$t('cal.modifybooking')"
|
||||
>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
rounded
|
||||
outline
|
||||
:label="$t('dialog.close')"
|
||||
@@ -468,6 +701,12 @@
|
||||
v-close-popup
|
||||
/>
|
||||
</div>
|
||||
<q-inner-loading
|
||||
:showing="loading"
|
||||
label="attendere..."
|
||||
label-class="text-teal"
|
||||
label-style="font-size: 1.1em"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<q-dialog v-model="usersList.show">
|
||||
@@ -491,6 +730,212 @@
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="bookedList.show">
|
||||
<q-card v-if="bookedList" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title>
|
||||
{{ bookedList.title }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="q-pa-xs inset-shadow">
|
||||
<div v-for="(eventbook, index) in bookedList.list" :key="index">
|
||||
<CMyUser
|
||||
:mycontact="{ username: eventbook.username }"
|
||||
:visu="costanti.FIND_PEOPLE"
|
||||
@setCmd="tools.setCmd"
|
||||
>
|
||||
</CMyUser>
|
||||
<div>
|
||||
{{ tools.getstrshortDateTime(eventbook.datebooked) }}
|
||||
<span v-if="eventbook.msgbooking">{{ $t('sendmsg.write') }}: </span>
|
||||
<q-separator />
|
||||
</div>
|
||||
|
||||
{{ eventbook.msgbooking }}
|
||||
<div>
|
||||
<span v-if="eventbook.numpeople > 0"
|
||||
>Partecipanti: {{ eventbook.numpeople }}<br
|
||||
/></span>
|
||||
<span v-if="eventbook.numpeopleLunch > 0"
|
||||
>Pranzo: {{ eventbook.numpeopleLunch }}<br
|
||||
/></span>
|
||||
<span v-if="eventbook.numpeopleDinner > 0"
|
||||
>Cena: {{ eventbook.numpeopleDinner }}<br
|
||||
/></span>
|
||||
<span v-if="eventbook.numpeopleDinnerShared > 0"
|
||||
>C.Cond: {{ eventbook.numpeopleDinnerShared }}<br
|
||||
/></span>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-center">
|
||||
<q-btn
|
||||
v-if="myrec.userId === userStore.my._id"
|
||||
rounded
|
||||
color="red"
|
||||
label="Elimina"
|
||||
icon="fas fa-trash-alt"
|
||||
@click="
|
||||
tools.CancelBookingEvent($q, myrec, eventbook._id, false)
|
||||
"
|
||||
></q-btn>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="text-center">
|
||||
<q-btn
|
||||
outlined
|
||||
rounded
|
||||
:label="$t('dialog.close')"
|
||||
color="primary"
|
||||
icon="close"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="askInfopage.show" no-backdrop-dismiss>
|
||||
<q-card v-if="askInfopage.show" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title>
|
||||
{{ $t('cal.booking') }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
|
||||
<q-card-section class="inset-shadow">
|
||||
<div style="margin-top: 150px">
|
||||
<q-chip class="shadow-5 q-mb-md" dense>
|
||||
{{ myrec.descr }}
|
||||
</q-chip>
|
||||
<div v-if="myrec.dateTimeStart" class="cal__when">
|
||||
<span class="cal__where-title"
|
||||
>{{ $t('cal.when') }}:
|
||||
<span v-html="tools.getstrDateTimeEvent($t, myrec, true)"></span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="q-pa-xs">
|
||||
<q-card class="text-white windowcol">
|
||||
<q-card-section>
|
||||
<q-input
|
||||
v-model="askInfoForm.message"
|
||||
:label="$t('cal.writemsg') + ':'"
|
||||
autofocus
|
||||
debounce="500"
|
||||
type="textarea"
|
||||
input-class="myinput-area"
|
||||
>
|
||||
</q-input>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
flat
|
||||
:label="$t('dialog.sendmsg')"
|
||||
color="primary"
|
||||
@click="sendMsg(true)"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
flat
|
||||
:label="$t('dialog.cancel')"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="bookEventpage.show" no-backdrop-dismiss>
|
||||
<q-card v-if="bookEventpage.show" class="dialog_card">
|
||||
<q-toolbar class="bg-primary text-white">
|
||||
<q-toolbar-title>
|
||||
{{ $t('cal.booking') }}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup></q-btn>
|
||||
</q-toolbar>
|
||||
|
||||
<div class="q-pa-xs">
|
||||
<q-card class="text-white windowcol" style="display: block">
|
||||
<q-card-section class="q-pa-xs">
|
||||
<div style="display: inline-flex" class="q-px-xs centermydiv">
|
||||
<q-checkbox
|
||||
style="color: black"
|
||||
v-model="bookEventForm.booked"
|
||||
:label="$t('cal.bookingtextdefault')"
|
||||
color="green"
|
||||
>
|
||||
</q-checkbox>
|
||||
|
||||
<div
|
||||
v-if="bookEventForm.booked"
|
||||
class="q-gutter-xs q-mx-xs"
|
||||
style="min-width: 140px"
|
||||
>
|
||||
<q-select
|
||||
v-if="table === shared_consts.TABLES_MYBACHECAS"
|
||||
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
|
||||
rounded
|
||||
style="max-width: 150px"
|
||||
outlined
|
||||
v-model="bookEventForm.numpeople"
|
||||
:options="tools.SelectListNumPeople"
|
||||
:label="$t('statusreg.reg')"
|
||||
emit-value
|
||||
map-options
|
||||
>
|
||||
</q-select>
|
||||
</div>
|
||||
</div>
|
||||
<q-input
|
||||
v-model="bookEventForm.msgbooking"
|
||||
:label="$t('cal.writemsg') + ':'"
|
||||
type="textarea"
|
||||
debounce="500"
|
||||
input-class="myinput-area"
|
||||
>
|
||||
</q-input>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</div>
|
||||
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
v-if="bookEventpage.state === EState.Modifying"
|
||||
flat
|
||||
:label="$t('cal.cancelbooking')"
|
||||
color="negative"
|
||||
@click="CancelBookingEvent($q, bookEventForm._id, true)"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
v-if="checkseinviaMsg()"
|
||||
flat
|
||||
:label="$t('dialog.sendonlymsg')"
|
||||
color="primary"
|
||||
@click="sendMsg(false)"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
v-else-if="bookEventForm.booked"
|
||||
:label="getTitleBtnBooking()"
|
||||
color="primary"
|
||||
@click="saveBookEvent()"
|
||||
:disable="
|
||||
!(bookEventpage.state === EState.Creating || hasModifiedBooking)
|
||||
"
|
||||
></q-btn>
|
||||
|
||||
<q-btn
|
||||
flat
|
||||
:label="$t('dialog.cancel')"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
></q-btn>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
<script lang="ts" src="./CMyCardService.ts">
|
||||
|
||||
Reference in New Issue
Block a user