Grosse Modifiche Completate !
This commit is contained in:
Paolo Arena
@@ -34,6 +34,7 @@ export default class Listadoninavi extends MixinBase {
|
||||
public msg_tosend: string = ''
|
||||
public msg_tosend_user: string = ''
|
||||
public showtesto: boolean = false
|
||||
public showall: boolean = false
|
||||
public seltesto: string = ''
|
||||
public pagination = {
|
||||
sortBy: 'desc',
|
||||
@@ -69,10 +70,10 @@ export default class Listadoninavi extends MixinBase {
|
||||
sortable: true
|
||||
},
|
||||
{ name: 'date_start', align: 'center', label: '⏰ Partenza', field: 'date_start', sortable: true },
|
||||
{ name: 'sognatore', align: 'center', label: 'Sognatore', field: '', sortable: true },
|
||||
{ name: 'provvisoria', align: 'center', label: 'Temp.', field: 'provvisoria', sortable: true },
|
||||
{ name: 'tutor', align: 'left', label: 'Tutor', field: 'tutor', sortable: true },
|
||||
{ name: 'mediatore', align: 'center', label: '🌀 Mediatore', field: '', sortable: true },
|
||||
{ name: 'sognatore', align: 'center', label: 'Sognatore', field: '', sortable: true },
|
||||
{ name: 'donatori', align: 'center', label: 'Donatori', field: '', sortable: true },
|
||||
{ name: 'DoniConfermati', align: 'center', label: '🎁 OK', field: 'DoniConfermati', sortable: true },
|
||||
{ name: 'DoniAttesaDiConferma', align: 'center', label: '🎁 Wait', field: 'DoniAttesaDiConferma', sortable: true },
|
||||
@@ -106,7 +107,7 @@ export default class Listadoninavi extends MixinBase {
|
||||
this.loading = true
|
||||
// this.$q.loading.show({ message: this.$t('otherpages.update') })
|
||||
|
||||
const ris = await GlobalStore.actions.GetArrDoniNavi({ ricalcola })
|
||||
const ris = await GlobalStore.actions.GetArrDoniNavi({ ricalcola, showall: this.showall })
|
||||
console.log('ris', ris)
|
||||
this.arrdoninavi = ris.arrnavi
|
||||
|
||||
|
||||
@@ -1,357 +1,365 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="q-my-xs q-gutter-xs q-py-xs text-center">
|
||||
<CTitleBanner class="q-pa-xs"
|
||||
title="Navi"
|
||||
bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
mystyle="" myclass="myshad" canopen="true">
|
||||
<div>
|
||||
<div class="q-my-xs q-gutter-xs q-py-xs text-center">
|
||||
<CTitleBanner class="q-pa-xs"
|
||||
title="Navi"
|
||||
bgcolor="bg-primary"
|
||||
clcolor="text-white"
|
||||
mystyle="" myclass="myshad" canopen="true">
|
||||
|
||||
<q-btn rounded color="primary"
|
||||
label="Ricalcola"
|
||||
@click="Ricalcola(true)"></q-btn>
|
||||
<br>
|
||||
<q-btn rounded color="primary"
|
||||
label="Ricalcola"
|
||||
@click="Ricalcola(true)"></q-btn>
|
||||
<br>
|
||||
|
||||
<q-toggle v-model="showall"
|
||||
label="Mostra Tutte le Navi" @input="Ricalcola(false)">
|
||||
|
||||
</q-toggle>
|
||||
|
||||
<q-table
|
||||
class="my-sticky-header-table"
|
||||
dense
|
||||
color="primary"
|
||||
title="Doni Navi"
|
||||
:data="arrdoninavi"
|
||||
:columns="coldoninavi"
|
||||
:loading="loading"
|
||||
:Pagination.sync="pagination"
|
||||
row-key="index">
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
|
||||
<q-td key="index" :props="props">
|
||||
{{ props.row.index }}
|
||||
</q-td>
|
||||
<q-td key="rigacol" :props="props">
|
||||
|
||||
<q-btn flat
|
||||
rounded color="blue"
|
||||
:label="props.row.riga + `.` + props.row.col"
|
||||
@click="Mostraplacca(props.row.riga, props.row.col)">
|
||||
</q-btn>
|
||||
|
||||
</q-td>
|
||||
<q-td key="date_gift_chat_open" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore">
|
||||
<div class="text-center cursor-pointer">
|
||||
<a v-if="!!props.row.rec.donatore.navepersistente.link_chat"
|
||||
:href="props.row.rec.donatore.navepersistente.link_chat"
|
||||
target="_blank">Link</a>
|
||||
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.link_chat"
|
||||
title="Link della Chat Telegram" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'link_chat')">
|
||||
<q-field>
|
||||
<q-input
|
||||
v-model="props.row.rec.donatore.navepersistente.link_chat"/>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
<div v-if="!props.row.rec.donatore.navepersistente.link_chat">---</div>
|
||||
</div>
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
{{
|
||||
tools.getstrshortDate(props.row.rec.donatore.navepersistente.date_gift_chat_open)
|
||||
}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div v-if="!!props.row.rec.donatore.recmediatore">
|
||||
<div v-if="props.row.rec.donatore.recmediatore.sent_msg_howto_make_gift">(Link
|
||||
Inviato)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="date_start" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
DA {{ tools.getstrshortDate(props.row.rec.donatore.navepersistente.date_gift_chat_open) }} - A {{
|
||||
tools.getstrshortDate(props.row.rec.donatore.navepersistente.date_start) }}
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="sognatore" :props="props">
|
||||
<div v-if="props.row.rec.donatore.recsognatori">
|
||||
<q-btn v-if="!!props.row.rec.donatore.recsognatori[0]" flat rounded color="blue"
|
||||
:label="props.row.rec.donatore.recsognatori[0].name + ` ` + props.row.rec.donatore.recsognatori[0].surname"
|
||||
@click="clickseluser(props.row.rec.donatore.recsognatori[0])">
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="provvisoria" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
<q-toggle dark color="green"
|
||||
v-model="props.row.rec.donatore.navepersistente.provvisoria"
|
||||
@input="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'provvisoria')"></q-toggle>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="tutor" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div class="text-center">
|
||||
<div class="text-center cursor-pointer">
|
||||
{{ props.row.tutor }}
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.tutor"
|
||||
title="Username del Tutor" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'tutor')">
|
||||
<q-field>
|
||||
<q-input v-model="props.row.rec.donatore.navepersistente.tutor"/>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
<div v-if="!props.row.tutor">---</div>
|
||||
</div>
|
||||
<div v-if="props.row.rec.donatore.navepersistente.tutor_namesurname">
|
||||
<q-btn v-if="!!props.row.rec.donatore.navepersistente.tutor_namesurname"
|
||||
flat
|
||||
rounded color="blue"
|
||||
:label="props.row.rec.donatore.navepersistente.tutor_namesurname"
|
||||
@click="clickseluser({ username: props.row.rec.donatore.navepersistente.tutor, name: props.row.rec.donatore.navepersistente.tutor_namesurname })">
|
||||
</q-btn>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="mediatore" :props="props">
|
||||
<div v-if="props.row.rec">
|
||||
<q-btn v-if="!!props.row.rec.donatore.recmediatore" flat rounded color="blue"
|
||||
:label="props.row.rec.donatore.recmediatore.name + ` ` + props.row.rec.donatore.recmediatore.surname"
|
||||
@click="clickseluser(props.row.rec.donatore.recmediatore)">
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="donatori" :props="props">
|
||||
<div v-if="props.row.rec">
|
||||
|
||||
<q-btn v-if="EsistonoDonatori(props.row.rec)" flat rounded color="blue"
|
||||
:label="$t('dashboard.donatori')"
|
||||
@click="clickdonatori(props.row.rec)">
|
||||
</q-btn>
|
||||
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
<q-td key="DoniConfermati" :props="props">
|
||||
<div v-if="props.row.DoniConfermati > 0" class="DoniConfermati">
|
||||
{{props.row.DoniConfermati }}
|
||||
({{props.row.DoniTotali }})
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="DoniAttesaDiConferma" :props="props">
|
||||
<div v-if="props.row.DoniAttesaDiConferma > 0" class="DoniAttesaDiConferma">{{
|
||||
props.row.DoniAttesaDiConferma }}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="DoniMancanti" :props="props">
|
||||
<div v-if="props.row.DoniMancanti > 0" class="DoniMancanti">{{
|
||||
props.row.DoniMancanti
|
||||
}}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="note_bot" :props="props">
|
||||
<div v-if="!!props.row.rec.donatore" class="Note cursor-pointer">
|
||||
<div v-if="props.row.rec.donatore.navepersistente.note_bot">{{
|
||||
props.row.rec.donatore.navepersistente.note_bot }}
|
||||
</div>
|
||||
<div v-else>---</div>
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.note_bot"
|
||||
title="Note che compariranno sulla Placca dell'Utente" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'note_bot')">
|
||||
<q-field>
|
||||
<q-input type="textarea" autogrow
|
||||
v-model="props.row.rec.donatore.navepersistente.note_bot">
|
||||
</q-input>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="note_interne" :props="props">
|
||||
<div v-if="!!props.row.rec.donatore" class="Note cursor-pointer">
|
||||
<div v-if="props.row.rec.donatore.navepersistente.note_interne">{{
|
||||
props.row.rec.donatore.navepersistente.note_interne }}
|
||||
</div>
|
||||
<div v-else>---</div>
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.note_interne"
|
||||
title="Note uso interno Staff"
|
||||
buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'note_interne')">
|
||||
<q-field>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="props.row.rec.donatore.navepersistente.note_interne">
|
||||
</q-input>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
|
||||
</CTitleBanner>
|
||||
|
||||
<q-dialog v-model="showdonatori">
|
||||
<q-card v-if="selrec" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
{{$t('dashboard.donatori')}}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="row justify-center q-gutter-md">
|
||||
<div v-if="!!selrec.donatore">
|
||||
<q-table
|
||||
class="my-sticky-header-table"
|
||||
dense
|
||||
color="primary"
|
||||
title="Doni Navi"
|
||||
:data="arrdoninavi"
|
||||
:columns="coldoninavi"
|
||||
:loading="loading"
|
||||
:Pagination.sync="pagination"
|
||||
row-key="index">
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
class="my-sticky-header-table"
|
||||
dense
|
||||
color="primary"
|
||||
title="Donatori"
|
||||
:data="selrec.donatore.arrdonatori"
|
||||
:columns="coldonatori"
|
||||
:Pagination="pagination2"
|
||||
:nodataLabel="$t('grid.nodata')"
|
||||
row-key="index">
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="index" :props="props">
|
||||
D{{ props.row.index }}
|
||||
</q-td>
|
||||
<q-td key="rigacol" :props="props">
|
||||
{{ props.row.riga }}.{{ props.row.col }}
|
||||
</q-td>
|
||||
<q-td key="name" :props="props">
|
||||
<q-btn flat rounded color="blue"
|
||||
:label="props.row.name + ` ` + props.row.surname"
|
||||
@click="clickseluser(props.row)">
|
||||
</q-btn>
|
||||
</q-td>
|
||||
<q-td key="num_tess" :props="props">
|
||||
{{ props.row.num_tess }}
|
||||
</q-td>
|
||||
<q-td key="date_made_gift" :props="props">
|
||||
{{ tools.getstrshortDateTime(props.row.date_made_gift) }}
|
||||
</q-td>
|
||||
<q-td key="made_gift" :props="props">
|
||||
|
||||
<q-td key="index" :props="props">
|
||||
{{ props.row.index }}
|
||||
</q-td>
|
||||
<q-td key="rigacol" :props="props">
|
||||
<div v-if="deveDonare(props.row)">
|
||||
<div class="row justify-center">
|
||||
<q-btn v-if="!props.row.made_gift"
|
||||
push
|
||||
rounded
|
||||
color="primary"
|
||||
size="md"
|
||||
:label="$t('dashboard.dono_ricevuto_3', {donatore: props.row.name })"
|
||||
|
||||
<q-btn flat
|
||||
rounded color="blue"
|
||||
:label="props.row.riga + `.` + props.row.col"
|
||||
@click="Mostraplacca(props.row.riga, props.row.col)">
|
||||
</q-btn>
|
||||
@click="HoRicevutoIlDono(props.row)">
|
||||
</q-btn>
|
||||
</div>
|
||||
<q-icon v-if="props.row.made_gift" color="green" inverted size="sm"
|
||||
name="fas fa-gift" class="gift"></q-icon>
|
||||
</div>
|
||||
<div v-else>
|
||||
--------
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-td>
|
||||
<q-td key="date_gift_chat_open" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore">
|
||||
<div class="text-center cursor-pointer">
|
||||
<a v-if="!!props.row.rec.donatore.navepersistente.link_chat"
|
||||
:href="props.row.rec.donatore.navepersistente.link_chat"
|
||||
target="_blank">Link</a>
|
||||
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.link_chat"
|
||||
title="Link della Chat Telegram" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'link_chat')">
|
||||
<q-field>
|
||||
<q-input
|
||||
v-model="props.row.rec.donatore.navepersistente.link_chat"/>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
<div v-if="!props.row.rec.donatore.navepersistente.link_chat">---</div>
|
||||
</div>
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
{{
|
||||
tools.getstrshortDate(props.row.rec.donatore.navepersistente.date_gift_chat_open)
|
||||
}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div v-if="!!props.row.rec.donatore.recmediatore">
|
||||
<div v-if="props.row.rec.donatore.recmediatore.sent_msg_howto_make_gift">(Link
|
||||
Inviato)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="date_start" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
{{ tools.getstrshortDate(props.row.rec.donatore.navepersistente.date_start) }}
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="provvisoria" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div v-if="!!props.row.rec.donatore.navepersistente">
|
||||
<q-toggle dark color="green"
|
||||
v-model="props.row.rec.donatore.navepersistente.provvisoria"
|
||||
@input="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'provvisoria')"></q-toggle>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="tutor" :props="props">
|
||||
<div v-if="!!props.row.rec">
|
||||
<div class="text-center">
|
||||
<div class="text-center cursor-pointer">
|
||||
{{ props.row.tutor }}
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.tutor"
|
||||
title="Username del Tutor" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'tutor')">
|
||||
<q-field>
|
||||
<q-input v-model="props.row.rec.donatore.navepersistente.tutor"/>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
<div v-if="!props.row.tutor">---</div>
|
||||
</div>
|
||||
<div v-if="props.row.rec.donatore.navepersistente.tutor_namesurname">
|
||||
<q-btn v-if="!!props.row.rec.donatore.navepersistente.tutor_namesurname"
|
||||
flat
|
||||
rounded color="blue"
|
||||
:label="props.row.rec.donatore.navepersistente.tutor_namesurname"
|
||||
@click="clickseluser({ username: props.row.rec.donatore.navepersistente.tutor, name: props.row.rec.donatore.navepersistente.tutor_namesurname })">
|
||||
</q-btn>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="mediatore" :props="props">
|
||||
<div v-if="props.row.rec">
|
||||
<q-btn v-if="!!props.row.rec.donatore.recmediatore" flat rounded color="blue"
|
||||
:label="props.row.rec.donatore.recmediatore.name + ` ` + props.row.rec.donatore.recmediatore.surname"
|
||||
@click="clickseluser(props.row.rec.donatore.recmediatore)">
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="sognatore" :props="props">
|
||||
<div v-if="props.row.rec.donatore.recsognatori">
|
||||
<q-btn v-if="!!props.row.rec.donatore.recsognatori[0]" flat rounded color="blue"
|
||||
:label="props.row.rec.donatore.recsognatori[0].name + ` ` + props.row.rec.donatore.recsognatori[0].surname"
|
||||
@click="clickseluser(props.row.rec.donatore.recsognatori[0])">
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="donatori" :props="props">
|
||||
<div v-if="props.row.rec">
|
||||
|
||||
<q-btn v-if="EsistonoDonatori(props.row.rec)" flat rounded color="blue"
|
||||
:label="$t('dashboard.donatori')"
|
||||
@click="clickdonatori(props.row.rec)">
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
<q-td key="DoniConfermati" :props="props">
|
||||
<div v-if="props.row.DoniConfermati > 0" class="DoniConfermati">
|
||||
{{props.row.DoniConfermati }}
|
||||
({{props.row.DoniTotali }})
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="DoniAttesaDiConferma" :props="props">
|
||||
<div v-if="props.row.DoniAttesaDiConferma > 0" class="DoniAttesaDiConferma">{{
|
||||
props.row.DoniAttesaDiConferma }}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="DoniMancanti" :props="props">
|
||||
<div v-if="props.row.DoniMancanti > 0" class="DoniMancanti">{{
|
||||
props.row.DoniMancanti
|
||||
}}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="note_bot" :props="props">
|
||||
<div v-if="!!props.row.rec.donatore" class="Note cursor-pointer">
|
||||
<div v-if="props.row.rec.donatore.navepersistente.note_bot">{{
|
||||
props.row.rec.donatore.navepersistente.note_bot }}
|
||||
</div>
|
||||
<div v-else>---</div>
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.note_bot"
|
||||
title="Note che compariranno sulla Placca dell'Utente" buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'note_bot')">
|
||||
<q-field>
|
||||
<q-input type="textarea" autogrow
|
||||
v-model="props.row.rec.donatore.navepersistente.note_bot">
|
||||
</q-input>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="note_interne" :props="props">
|
||||
<div v-if="!!props.row.rec.donatore" class="Note cursor-pointer">
|
||||
<div v-if="props.row.rec.donatore.navepersistente.note_interne">{{
|
||||
props.row.rec.donatore.navepersistente.note_interne }}
|
||||
</div>
|
||||
<div v-else>---</div>
|
||||
<q-popup-edit v-model="props.row.rec.donatore.navepersistente.note_interne"
|
||||
title="Note uso interno Staff"
|
||||
buttons
|
||||
@save="SaveField(props.row.rec.donatore.navepersistente, 'navepersistente', 'note_interne')">
|
||||
<q-field>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="props.row.rec.donatore.navepersistente.note_interne">
|
||||
</q-input>
|
||||
</q-field>
|
||||
</q-popup-edit>
|
||||
</div>
|
||||
</q-td>
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
|
||||
</CTitleBanner>
|
||||
<div class="q-ma-sm text-center">
|
||||
<div>Invia un Messaggio a tutti questi Donatori:</div>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="msg_tosend" :label="$t('cal.msgbooking')"
|
||||
input-class="myinput-area">
|
||||
|
||||
<q-dialog v-model="showdonatori">
|
||||
<q-card v-if="selrec" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
{{$t('dashboard.donatori')}}
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="row justify-center q-gutter-md">
|
||||
<div v-if="!!selrec.donatore">
|
||||
<q-table
|
||||
class="my-sticky-header-table"
|
||||
dense
|
||||
color="primary"
|
||||
title="Donatori"
|
||||
:data="selrec.donatore.arrdonatori"
|
||||
:columns="coldonatori"
|
||||
:Pagination="pagination2"
|
||||
:nodataLabel="$t('grid.nodata')"
|
||||
row-key="index">
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="index" :props="props">
|
||||
D{{ props.row.index }}
|
||||
</q-td>
|
||||
<q-td key="rigacol" :props="props">
|
||||
{{ props.row.riga }}.{{ props.row.col }}
|
||||
</q-td>
|
||||
<q-td key="name" :props="props">
|
||||
<q-btn flat rounded color="blue"
|
||||
:label="props.row.name + ` ` + props.row.surname"
|
||||
@click="clickseluser(props.row)">
|
||||
</q-btn>
|
||||
</q-td>
|
||||
<q-td key="num_tess" :props="props">
|
||||
{{ props.row.num_tess }}
|
||||
</q-td>
|
||||
<q-td key="date_made_gift" :props="props">
|
||||
{{ tools.getstrshortDateTime(props.row.date_made_gift) }}
|
||||
</q-td>
|
||||
<q-td key="made_gift" :props="props">
|
||||
</q-input>
|
||||
|
||||
<div v-if="deveDonare(props.row)">
|
||||
<div class="row justify-center">
|
||||
<q-btn v-if="!props.row.made_gift"
|
||||
push
|
||||
rounded
|
||||
color="primary"
|
||||
size="md"
|
||||
:label="$t('dashboard.dono_ricevuto_3', {donatore: props.row.name })"
|
||||
<div class="row justify-center centermydiv q-gutter-sm" style="max-width: 420px;">
|
||||
<q-btn rounded text-color="secondary" icon="fab fa-telegram"
|
||||
:label="$t('dialog.sendmsg')"
|
||||
@click="InviaMsgADonatori()"></q-btn>
|
||||
|
||||
@click="HoRicevutoIlDono(props.row)">
|
||||
</q-btn>
|
||||
</div>
|
||||
<q-icon v-if="props.row.made_gift" color="green" inverted size="sm"
|
||||
name="fas fa-gift" class="gift"></q-icon>
|
||||
</div>
|
||||
<div v-else>
|
||||
--------
|
||||
</div>
|
||||
</q-td>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="showmsguser">
|
||||
<q-card v-if="seluser" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
<div v-if="!!seluser">
|
||||
{{ seluser.name }} {{ seluser.surname }}
|
||||
</div>
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="row justify-center q-gutter-md">
|
||||
<div>
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="!!seluser.profile.cell"
|
||||
fab-mini
|
||||
icon="fab fa-whatsapp"
|
||||
color="white" text-color="green" type="a"
|
||||
size="sm"
|
||||
:href="tools.getHttpForWhatsapp(seluser.profile.cell)" target="__blank">
|
||||
</q-btn>
|
||||
</div>
|
||||
<div class="q-ma-sm text-center">
|
||||
<div>{{$t('dialog.sendmsg')}} -> {{seluser.name }} {{ seluser.surname }}:</div>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="msg_tosend_user" :label="$t('cal.msgbooking')"
|
||||
input-class="myinput-area">
|
||||
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</q-input>
|
||||
|
||||
<div class="q-ma-sm text-center">
|
||||
<div>Invia un Messaggio a tutti questi Donatori:</div>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="msg_tosend" :label="$t('cal.msgbooking')"
|
||||
input-class="myinput-area">
|
||||
<div class="row justify-center centermydiv q-gutter-sm" style="max-width: 420px;">
|
||||
<q-btn rounded text-color="secondary" icon="fab fa-telegram"
|
||||
:label="$t('dialog.sendmsg') + ` -> ` + seluser.name + ` ` + seluser.surname"
|
||||
@click="InviaMsgAUser()"></q-btn>
|
||||
|
||||
</q-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="showtesto">
|
||||
<q-card v-if="seltesto" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
Testo:
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="">
|
||||
<div>
|
||||
<pre>{{ seltesto }}</pre>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
|
||||
<div class="row justify-center centermydiv q-gutter-sm" style="max-width: 420px;">
|
||||
<q-btn rounded text-color="secondary" icon="fab fa-telegram"
|
||||
:label="$t('dialog.sendmsg')"
|
||||
@click="InviaMsgADonatori()"></q-btn>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="showmsguser">
|
||||
<q-card v-if="seluser" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
<div v-if="!!seluser">
|
||||
{{ seluser.name }} {{ seluser.surname }}
|
||||
</div>
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="row justify-center q-gutter-md">
|
||||
<div>
|
||||
<div>
|
||||
<q-btn
|
||||
fab-mini
|
||||
icon="fab fa-whatsapp"
|
||||
color="white" text-color="green" type="a"
|
||||
size="sm"
|
||||
:href="tools.getHttpForWhatsapp(seluser.profile.cell)" target="__blank">
|
||||
</q-btn>
|
||||
</div>
|
||||
<div class="q-ma-sm text-center">
|
||||
<div>{{$t('dialog.sendmsg')}} -> {{seluser.name }} {{ seluser.surname }}:</div>
|
||||
<q-input type="textarea"
|
||||
autogrow
|
||||
v-model="msg_tosend_user" :label="$t('cal.msgbooking')"
|
||||
input-class="myinput-area">
|
||||
|
||||
</q-input>
|
||||
|
||||
<div class="row justify-center centermydiv q-gutter-sm" style="max-width: 420px;">
|
||||
<q-btn rounded text-color="secondary" icon="fab fa-telegram"
|
||||
:label="$t('dialog.sendmsg') + ` -> ` + seluser.name + ` ` + seluser.surname"
|
||||
@click="InviaMsgAUser()"></q-btn>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog v-model="showtesto">
|
||||
<q-card v-if="seltesto" :style="`min-width: `+ tools.myheight_dialog() + `px;` ">
|
||||
<q-toolbar class="bg-primary text-white" style="min-height: 30px;">
|
||||
<q-toolbar-title>
|
||||
Testo:
|
||||
</q-toolbar-title>
|
||||
<q-btn flat round color="white" icon="close" v-close-popup clickable @click="Chiudi"></q-btn>
|
||||
</q-toolbar>
|
||||
<q-card-section class="inset-shadow" style="padding: 4px !important;">
|
||||
<div class="">
|
||||
<div>
|
||||
<pre>{{ seltesto }}</pre>
|
||||
</div>
|
||||
</div>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" src="./listadoninavi.ts">
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import './listadoninavi.scss';
|
||||
@import './listadoninavi.scss';
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user