- newsletter: prende la lista utenti (flag news_on)
- Abilita a Tutti la Newsletter news_on - isCommerciale - JobsInProgress - PCB: Corretto Totali che era a zero
This commit is contained in:
Surya Paolo
@@ -7,7 +7,8 @@ import {
|
||||
coltemplemail,
|
||||
colopzemail,
|
||||
colmailinglist,
|
||||
colmsg_templates, fieldsTable
|
||||
colmsg_templates, fieldsTable,
|
||||
coldestnewsletter
|
||||
} from '@src/store/Modules/fieldsTable'
|
||||
import type { INewsState } from '@src/model/index';
|
||||
import { DefaultNewsState } from '@src/model/index'
|
||||
@@ -92,7 +93,8 @@ export default defineComponent({
|
||||
label: 'Newsletter creata il ' + tools.getstrDateTimeAll(tools.getDateNow()),
|
||||
activate: true,
|
||||
datetoSent: tools.addMinutes(tools.getDateNow(), minuti),
|
||||
templemail_str: globalStore.gettemplemailbyId(getValDb('TEMPLEMAIL_ID', true))
|
||||
templemail_str: globalStore.gettemplemailbyId(getValDb('TEMPLEMAIL_ID', true)),
|
||||
destnewsletter_str: globalStore.getdestnewsletterbyId(getValDb('TEMPLEMAIL_DEST', true)),
|
||||
}
|
||||
await tools.createNewRecord($q, 'newstosent', mynews).then((myrecris) => {
|
||||
// reload data
|
||||
@@ -110,23 +112,25 @@ export default defineComponent({
|
||||
console.log('Newsletter load')
|
||||
myloadingload.value = true
|
||||
const myris = await userStore.newsletterload(true)
|
||||
newsstate.value = myris.newsstate
|
||||
if (myris) {
|
||||
newsstate.value = myris.newsstate
|
||||
|
||||
// console.log('newsstate')
|
||||
// console.table('globalStore.serv_settings', globalStore.serv_settings)
|
||||
// console.log('newsstate')
|
||||
// console.table('globalStore.serv_settings', globalStore.serv_settings)
|
||||
|
||||
percsubscribed.value = newsstate.value.totsubscribed / newsstate.value.totemail
|
||||
percsubscribed.value = newsstate.value.totsubscribed / newsstate.value.totemail
|
||||
|
||||
if (newsstate.value.lastnewstosent)
|
||||
eseguipolling.value = (eseguipolling.value || newsstate.value.lastnewstosent.starting_job! && !newsstate.value.lastnewstosent.finish_job!)
|
||||
if (newsstate.value.lastnewstosent)
|
||||
eseguipolling.value = (eseguipolling.value || newsstate.value.lastnewstosent.starting_job! && !newsstate.value.lastnewstosent.finish_job!)
|
||||
|
||||
if (newsstate.value.nextnewstosent)
|
||||
eseguipolling.value = eseguipolling.value || true
|
||||
if (newsstate.value.nextnewstosent)
|
||||
eseguipolling.value = eseguipolling.value || true
|
||||
|
||||
// console.log('eseguipolling', eseguipolling)
|
||||
myloadingload.value = false
|
||||
// console.log('eseguipolling', eseguipolling)
|
||||
myloadingload.value = false
|
||||
|
||||
checkifpolling()
|
||||
checkifpolling()
|
||||
}
|
||||
}
|
||||
|
||||
function DisableNewsletter() {
|
||||
@@ -202,6 +206,10 @@ export default defineComponent({
|
||||
return colnewstosent
|
||||
}
|
||||
|
||||
function getcoldestnewsletter() {
|
||||
return coldestnewsletter
|
||||
}
|
||||
|
||||
function getcolmailinglist() {
|
||||
return colmailinglist
|
||||
}
|
||||
@@ -302,6 +310,7 @@ export default defineComponent({
|
||||
fieldsTable,
|
||||
globalStore,
|
||||
idparam,
|
||||
getcoldestnewsletter,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -1,61 +1,163 @@
|
||||
<template>
|
||||
<CMyPage title="Newsletter" keywords="" description="" imgbackground="/images/calendario_eventi.jpg"
|
||||
sizes="max-height: 120px">
|
||||
<q-toggle v-model="globalStore.editOn" color="green" icon="fas fa-pencil-alt" dense>
|
||||
<CMyPage
|
||||
title="Newsletter"
|
||||
keywords=""
|
||||
description=""
|
||||
imgbackground="/images/calendario_eventi.jpg"
|
||||
sizes="max-height: 120px"
|
||||
>
|
||||
<q-toggle
|
||||
v-model="globalStore.editOn"
|
||||
color="green"
|
||||
icon="fas fa-pencil-alt"
|
||||
dense
|
||||
>
|
||||
</q-toggle>
|
||||
|
||||
<q-card>
|
||||
<div v-show="false">
|
||||
<q-tabs v-model="tab" dense class="text-grey" active-color="primary" indicator-color="primary" align="justify"
|
||||
narrow-indicator>
|
||||
<q-tab name="settings" label="Impostazioni"></q-tab>
|
||||
<q-tab name="main_settings" label="Impostaz. Primarie"></q-tab>
|
||||
<q-tab name="templemail" label="Template Email"></q-tab>
|
||||
<q-tab name="newnewsletter" label="Invia"></q-tab>
|
||||
<q-tab name="check" label="Controlla"></q-tab>
|
||||
<q-tab name="newslist" label="Già Inviate"></q-tab>
|
||||
<q-tab name="mailinglist" label="Lista Contatti (MailingList)"></q-tab>
|
||||
<q-tab name="events" label="Altre"></q-tab>
|
||||
<q-tabs
|
||||
v-model="tab"
|
||||
dense
|
||||
class="text-grey"
|
||||
active-color="primary"
|
||||
indicator-color="primary"
|
||||
align="justify"
|
||||
narrow-indicator
|
||||
>
|
||||
<q-tab
|
||||
name="settings"
|
||||
label="Impostazioni"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="main_settings"
|
||||
label="Impostaz. Primarie"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="templemail"
|
||||
label="Template Email"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="destnewsletter"
|
||||
label="Destinatari"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="newnewsletter"
|
||||
label="Invia"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="check"
|
||||
label="Controlla"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="newslist"
|
||||
label="Già Inviate"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="mailinglist"
|
||||
label="Lista Contatti (MailingList)"
|
||||
></q-tab>
|
||||
<q-tab
|
||||
name="events"
|
||||
label="Altre"
|
||||
></q-tab>
|
||||
</q-tabs>
|
||||
</div>
|
||||
<q-tab-panels v-model="tab" animated @transition="changetabnews">
|
||||
<q-tab-panels
|
||||
v-model="tab"
|
||||
animated
|
||||
@transition="changetabnews"
|
||||
>
|
||||
<q-tab-panel name="settings">
|
||||
<div class="q-ma-xs q-pa-xs text-center rounded-borders q-list--bordered">
|
||||
<CTitleBanner title="Impostazioni:"></CTitleBanner>
|
||||
|
||||
<div class="row">
|
||||
<CMyFieldDb title="Altezza Logo" mykey="HEIGHT_LOGO" :serv="true" :type="costanti.FieldType.number">
|
||||
<CMyFieldDb
|
||||
title="Altezza Logo"
|
||||
mykey="HEIGHT_LOGO"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.number"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Titolo Discipline" mykey="DISC_TITLE" :serv="true" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Titolo Discipline"
|
||||
mykey="DISC_TITLE"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</div>
|
||||
<CMyFieldDb title="Testo Promozione" mykey="TEXT_PROMO" :serv="true" :type="costanti.FieldType.html">
|
||||
<CMyFieldDb
|
||||
title="Testo Promozione"
|
||||
mykey="TEXT_PROMO"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.html"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
|
||||
<div class="row">
|
||||
<CMyFieldDb title="Numero di Eventi da mostrare" mykey="SHOW_LAST_N_EV" :serv="true"
|
||||
:type="costanti.FieldType.number">
|
||||
<CMyFieldDb
|
||||
title="Numero di Eventi da mostrare"
|
||||
mykey="SHOW_LAST_N_EV"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.number"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Testo dopo gli Eventi" mykey="TEXT_AFTER_EV" :serv="true"
|
||||
:type="costanti.FieldType.html">
|
||||
<CMyFieldDb
|
||||
title="Testo dopo gli Eventi"
|
||||
mykey="TEXT_AFTER_EV"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.html"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</div>
|
||||
<div class="row">
|
||||
<CMyFieldDb title="Pagina Twitter" mykey="URL_TWITTER" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Pagina Twitter"
|
||||
mykey="URL_TWITTER"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Pagina Facebook" mykey="URL_FACEBOOK" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Pagina Facebook"
|
||||
mykey="URL_FACEBOOK"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Pagina YouTube" mykey="URL_YOUTUBE" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Pagina YouTube"
|
||||
mykey="URL_YOUTUBE"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Pagina Instagram" mykey="URL_INSTAGRAM" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Pagina Instagram"
|
||||
mykey="URL_INSTAGRAM"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</div>
|
||||
<CMyFieldDb title="Firma" mykey="TEXT_SIGN" :serv="true" :type="costanti.FieldType.html">
|
||||
<CMyFieldDb
|
||||
title="Firma"
|
||||
mykey="TEXT_SIGN"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Testo Disclaimer" mykey="TEXT_DISCLAIMER" :serv="true" :type="costanti.FieldType.html">
|
||||
<CMyFieldDb
|
||||
title="Testo Disclaimer"
|
||||
mykey="TEXT_DISCLAIMER"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Testo a piè pagina" mykey="TEXT_DISC_BOTTOM" :serv="true"
|
||||
:type="costanti.FieldType.html">
|
||||
<CMyFieldDb
|
||||
title="Testo a piè pagina"
|
||||
mykey="TEXT_DISC_BOTTOM"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</div>
|
||||
</q-tab-panel>
|
||||
@@ -63,44 +165,100 @@
|
||||
<div class="q-ma-xs q-pa-xs text-center rounded-borders q-list--bordered">
|
||||
<CTitleBanner title="Impostazioni Server:"></CTitleBanner>
|
||||
|
||||
<CMyFieldDb title="Email da cui Inviare la Newsletter" mykey="EMAIL_FROM" :serv="true"
|
||||
:type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Email da cui Inviare la Newsletter"
|
||||
mykey="EMAIL_FROM"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Email di Reply" mykey="EMAIL_REPLY" :serv="true" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Email di Reply"
|
||||
mykey="EMAIL_REPLY"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Password email" mykey="PWD_FROM" :serv="true" :type="costanti.FieldType.password">
|
||||
<CMyFieldDb
|
||||
title="Password email"
|
||||
mykey="PWD_FROM"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.password"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Servizio SMTP Email ('gmail' per inviare email da Gmail)" mykey="EMAIL_SERVICE_SEND"
|
||||
:serv="true" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Servizio SMTP Email ('gmail' per inviare email da Gmail)"
|
||||
mykey="EMAIL_SERVICE_SEND"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Porta SMTP" mykey="EMAIL_PORT" :serv="true" :type="costanti.FieldType.number">
|
||||
<CMyFieldDb
|
||||
title="Porta SMTP"
|
||||
mykey="EMAIL_PORT"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.number"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<CMyFieldDb title="Millisecondi di pausa tra una email e l'altra" mykey="MSEC_PAUSE_SEND" :serv="true"
|
||||
:type="costanti.FieldType.number">
|
||||
<CMyFieldDb
|
||||
title="Millisecondi di pausa tra una email e l'altra"
|
||||
mykey="MSEC_PAUSE_SEND"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.number"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</div>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="events">
|
||||
<CTitleBanner title="Altre Impostazioni:"></CTitleBanner>
|
||||
|
||||
<CMyFieldDb title="Messaggio dopo che l'utente ha Prenotato un Evento" mykey="MSG_REPLY_AFTER_BOOKING"
|
||||
:serv="true" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Messaggio dopo che l'utente ha Prenotato un Evento"
|
||||
mykey="MSG_REPLY_AFTER_BOOKING"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="templemail">
|
||||
<CTitleBanner title="Modelli Email:"></CTitleBanner>
|
||||
<CGridTableRec prop_mytitle="" prop_mytable="templemail" :prop_mycolumns="getcoltemplemail()"
|
||||
<CGridTableRec
|
||||
prop_mytitle=""
|
||||
prop_mytable="templemail"
|
||||
:prop_mycolumns="getcoltemplemail()"
|
||||
:prop_colkey="fieldsTable.getKeyByTable('templemail')"
|
||||
nodataLabel="Nessuna Email Template attualmente creata"
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato">
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
|
||||
>
|
||||
</CGridTableRec>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="destnewsletter">
|
||||
<CTitleBanner title="Destinatari:"></CTitleBanner>
|
||||
<CGridTableRec
|
||||
prop_mytitle=""
|
||||
prop_mytable="destnewsletter"
|
||||
:prop_mycolumns="getcoldestnewsletter()"
|
||||
:prop_colkey="fieldsTable.getKeyByTable('destnewsletter')"
|
||||
nodataLabel="Nessun Destinatario attualmente creato"
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
|
||||
>
|
||||
</CGridTableRec>
|
||||
|
||||
</q-tab-panel>
|
||||
|
||||
<q-tab-panel name="newnewsletter">
|
||||
<div class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
|
||||
<CTitleBanner title="Test Invio Newsletter:"></CTitleBanner>
|
||||
<div class="q-pa-xs q-ma-md q-gutter-md">
|
||||
<q-btn v-if="tools.isDebug()" :loading="myloadingprew" rounded outline @click="sendNewsletterTest(true)"
|
||||
color="primary" icon="fas fa-desktop">
|
||||
<q-btn
|
||||
v-if="tools.isDebug()"
|
||||
:loading="myloadingprew"
|
||||
rounded
|
||||
outline
|
||||
@click="sendNewsletterTest(true)"
|
||||
color="primary"
|
||||
icon="fas fa-desktop"
|
||||
>
|
||||
<span class="q-px-sm">Anteprima</span>
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -108,10 +266,21 @@
|
||||
</template>
|
||||
</q-btn>
|
||||
<div class="text-center">
|
||||
<CMyFieldDb title="Email di Test" mykey="EMAIL_TEST" :serv="true" :type="costanti.FieldType.string">
|
||||
<CMyFieldDb
|
||||
title="Email di Test"
|
||||
mykey="EMAIL_TEST"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
<q-btn :loading="myloading" rounded outline @click="sendNewsletterTest(false)" color="primary"
|
||||
icon="email">
|
||||
<q-btn
|
||||
:loading="myloading"
|
||||
rounded
|
||||
outline
|
||||
@click="sendNewsletterTest(false)"
|
||||
color="primary"
|
||||
icon="email"
|
||||
>
|
||||
<span class="q-px-sm">Invia Email di Test</span>
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -124,12 +293,32 @@
|
||||
<CTitleBanner title="Invia Newsletter:"></CTitleBanner>
|
||||
|
||||
<div class="q-pa-xs q-ma-md q-gutter-md">
|
||||
<CMyFieldDb title="Template Email da Inviare" mykey="TEMPLEMAIL_ID" :serv="true"
|
||||
:type="costanti.FieldType.select" jointable="templemail">
|
||||
<CMyFieldDb
|
||||
title="Template Email da Inviare"
|
||||
mykey="TEMPLEMAIL_ID"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.select"
|
||||
jointable="templemail"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
|
||||
<q-btn :loading="myloading2" rounded outline @click="createNewsletter(3, myloading2)" color="primary"
|
||||
icon="fas fa-file-alt">
|
||||
<CMyFieldDb
|
||||
title="Lista Destinatari"
|
||||
mykey="TEMPLEMAIL_DEST"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.select"
|
||||
jointable="destnewsletter"
|
||||
>
|
||||
</CMyFieldDb>
|
||||
|
||||
<q-btn
|
||||
:loading="myloading2"
|
||||
rounded
|
||||
outline
|
||||
@click="createNewsletter(3, myloading2)"
|
||||
color="primary"
|
||||
icon="fas fa-file-alt"
|
||||
>
|
||||
<span class="q-px-sm">Crea Nuovo Invio Newsletter Schedulato tra 3 minuti</span>
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -137,8 +326,14 @@
|
||||
</template>
|
||||
</q-btn>
|
||||
<br />
|
||||
<q-btn :loading="myloading3" rounded outline @click="createNewsletter(10, myloading3)" color="primary"
|
||||
icon="fas fa-clock">
|
||||
<q-btn
|
||||
:loading="myloading3"
|
||||
rounded
|
||||
outline
|
||||
@click="createNewsletter(10, myloading3)"
|
||||
color="primary"
|
||||
icon="fas fa-clock"
|
||||
>
|
||||
<span class="q-px-sm">Crea Nuovo Invio Newsletter Schedulato tra 10 minuti</span>
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -146,8 +341,14 @@
|
||||
</template>
|
||||
</q-btn>
|
||||
<br />
|
||||
<q-btn :loading="myloading4" rounded outline @click="createNewsletter(60 * 60 * 24, myloading4)"
|
||||
color="primary" icon="fas fa-calendar-day">
|
||||
<q-btn
|
||||
:loading="myloading4"
|
||||
rounded
|
||||
outline
|
||||
@click="createNewsletter(60 * 60 * 24, myloading4)"
|
||||
color="primary"
|
||||
icon="fas fa-calendar-day"
|
||||
>
|
||||
<span class="q-px-sm">Crea Nuovo Invio Newsletter Schedulato tra 1 giorno</span>
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -161,85 +362,151 @@
|
||||
<CTitleBanner title="Prossima Newsletter da Inviare:"></CTitleBanner>
|
||||
</div>
|
||||
|
||||
<div v-if="newsstate.nextnewstosent" class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
|
||||
<div
|
||||
v-if="newsstate.nextnewstosent"
|
||||
class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered"
|
||||
>
|
||||
<q-card class="bg-grey-3 relative-position card-example">
|
||||
<q-card-section>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="orange" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Modello Email da Inviare:
|
||||
<span class="mlvalue">{{
|
||||
newsstate.nextnewstosent.templemail_str
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ newsstate.nextnewstosent.templemail_str }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Destinatari:
|
||||
<span class="mlvalue">{{ newsstate.nextnewstosent.destnewsletter_str }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Data Schedulato:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.nextnewstosent.datetoSent
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.nextnewstosent.datetoSent) }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Inizio Invio:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.nextnewstosent.datestartJob
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.nextnewstosent.datestartJob) }}</span>
|
||||
</q-chip>
|
||||
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Fine Invio:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.nextnewstosent.datefinishJob
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.nextnewstosent.datefinishJob) }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<div v-if="
|
||||
newsstate.nextnewstosent.starting_job &&
|
||||
!newsstate.nextnewstosent.finish_job
|
||||
">
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="orange" text-color="white" icon="email">
|
||||
<div v-if="newsstate.nextnewstosent.starting_job && !newsstate.nextnewstosent.finish_job">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
<span class="mlvalue">Invio Newsletter in Corso...</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
</div>
|
||||
<div>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Ultima Email inviata:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrTimeAll(
|
||||
newsstate.nextnewstosent.lastemailsent_Job
|
||||
)
|
||||
tools.getstrTimeAll(newsstate.nextnewstosent.lastemailsent_Job)
|
||||
}}</span>
|
||||
</q-chip>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="email">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
Inviate:
|
||||
<span class="mlvalue">{{ newsstate.nextnewstosent.numemail_sent }} /
|
||||
{{ newsstate.nextnewstosent.numemail_tot }}</span>
|
||||
<span class="mlvalue"
|
||||
>{{ newsstate.nextnewstosent.numemail_sent }} /
|
||||
{{ newsstate.nextnewstosent.numemail_tot }}</span
|
||||
>
|
||||
</q-chip>
|
||||
<q-circular-progress show-value font-size="12px" :value="percsent(true)" size="60px"
|
||||
:thickness="0.22" color="green" track-color="grey-3" class="q-ma-md">
|
||||
<q-circular-progress
|
||||
show-value
|
||||
font-size="12px"
|
||||
:value="percsent(true)"
|
||||
size="60px"
|
||||
:thickness="0.22"
|
||||
color="green"
|
||||
track-color="grey-3"
|
||||
class="q-ma-md"
|
||||
>
|
||||
<span class="mlvalue"> {{ percsent(true) }} % </span>
|
||||
</q-circular-progress>
|
||||
<div class="text-center">
|
||||
<q-slider v-model="newsstate.nextnewstosent.numemail_sent" :min="0" readonly
|
||||
:max="newsstate.nextnewstosent.numemail_tot" :step="1" label label-always
|
||||
color="light-green"></q-slider>
|
||||
<q-slider
|
||||
v-model="newsstate.nextnewstosent.numemail_sent"
|
||||
:min="0"
|
||||
readonly
|
||||
:max="newsstate.nextnewstosent.numemail_tot"
|
||||
:step="1"
|
||||
label
|
||||
label-always
|
||||
color="light-green"
|
||||
></q-slider>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="newsstate.nextnewstosent.finish_job">
|
||||
<br />
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="green" text-color="white" icon="email">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="green"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
<span class="mlvalue">Invio Newsletter Completato</span>
|
||||
</q-chip>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-inner-loading id="spinner3" :showing="myloadingload">
|
||||
<q-spinner-tail color="primary" size="4em">
|
||||
<q-inner-loading
|
||||
id="spinner3"
|
||||
:showing="myloadingload"
|
||||
>
|
||||
<q-spinner-tail
|
||||
color="primary"
|
||||
size="4em"
|
||||
>
|
||||
</q-spinner-tail>
|
||||
</q-inner-loading>
|
||||
</q-card>
|
||||
@@ -256,104 +523,175 @@
|
||||
<CTitleBanner title="Ultima Newsletter Inviata:"></CTitleBanner>
|
||||
</div>
|
||||
|
||||
<div v-if="newsstate.lastnewstosent" class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
|
||||
<div
|
||||
v-if="newsstate.lastnewstosent"
|
||||
class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered"
|
||||
>
|
||||
<q-card class="bg-grey-3 relative-position card-example">
|
||||
<q-card-section>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="orange" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Modello Email:
|
||||
<span class="mlvalue">{{
|
||||
newsstate.lastnewstosent.templemail_str
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ newsstate.lastnewstosent.templemail_str }}</span>
|
||||
</q-chip>
|
||||
<div class="text-center"></div>
|
||||
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Data Schedulato:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.lastnewstosent.datetoSent
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.lastnewstosent.datetoSent) }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Inizio Invio:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.lastnewstosent.datestartJob
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.lastnewstosent.datestartJob) }}</span>
|
||||
</q-chip>
|
||||
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Fine Invio:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrDateTimeAll(
|
||||
newsstate.lastnewstosent.datefinishJob
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrDateTimeAll(newsstate.lastnewstosent.datefinishJob) }}</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
<div v-if="
|
||||
newsstate.lastnewstosent.activate &&
|
||||
newsstate.lastnewstosent.starting_job &&
|
||||
!newsstate.lastnewstosent.finish_job
|
||||
">
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="orange" text-color="white" icon="email">
|
||||
<div
|
||||
v-if="
|
||||
newsstate.lastnewstosent.activate &&
|
||||
newsstate.lastnewstosent.starting_job &&
|
||||
!newsstate.lastnewstosent.finish_job
|
||||
"
|
||||
>
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
<span class="mlvalue">Invio Newsletter in Corso...</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
</div>
|
||||
<div v-if="!newsstate.lastnewstosent.activate">
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="red" text-color="white" icon="email">
|
||||
<span class="mlvalue">L'invio della Newsletter è stato fermato
|
||||
dall'Utente.</span>
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="red"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
<span class="mlvalue">L'invio della Newsletter è stato fermato dall'Utente.</span>
|
||||
</q-chip>
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="schedule">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="schedule"
|
||||
>
|
||||
Ultima Email inviata:
|
||||
<span class="mlvalue">{{
|
||||
tools.getstrTimeAll(
|
||||
newsstate.lastnewstosent.lastemailsent_Job
|
||||
)
|
||||
}}</span>
|
||||
<span class="mlvalue">{{ tools.getstrTimeAll(newsstate.lastnewstosent.lastemailsent_Job) }}</span>
|
||||
</q-chip>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="email">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
Inviate:
|
||||
<span class="mlvalue">{{ newsstate.lastnewstosent.numemail_sent }} /
|
||||
{{ newsstate.lastnewstosent.numemail_tot }}</span>
|
||||
<span class="mlvalue"
|
||||
>{{ newsstate.lastnewstosent.numemail_sent }} /
|
||||
{{ newsstate.lastnewstosent.numemail_tot }}</span
|
||||
>
|
||||
</q-chip>
|
||||
<q-circular-progress show-value font-size="12px" :value="percsent(false)" size="60px"
|
||||
:thickness="0.5" color="green" track-color="grey-3" class="q-ma-md">
|
||||
<q-circular-progress
|
||||
show-value
|
||||
font-size="12px"
|
||||
:value="percsent(false)"
|
||||
size="60px"
|
||||
:thickness="0.5"
|
||||
color="green"
|
||||
track-color="grey-3"
|
||||
class="q-ma-md"
|
||||
>
|
||||
<span class="mlvalue"> {{ percsent(false) }} % </span>
|
||||
</q-circular-progress>
|
||||
<div class="text-center">
|
||||
<q-slider v-model="newsstate.lastnewstosent.numemail_sent" :min="0" readonly
|
||||
:max="newsstate.lastnewstosent.numemail_tot" :step="1" label label-always
|
||||
color="light-green"></q-slider>
|
||||
<q-slider
|
||||
v-model="newsstate.lastnewstosent.numemail_sent"
|
||||
:min="0"
|
||||
readonly
|
||||
:max="newsstate.lastnewstosent.numemail_tot"
|
||||
:step="1"
|
||||
label
|
||||
label-always
|
||||
color="light-green"
|
||||
></q-slider>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="newsstate.lastnewstosent.finish_job">
|
||||
<br />
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="green" text-color="white" icon="email">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="green"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
<span class="mlvalue">Invio Newsletter Completato</span>
|
||||
</q-chip>
|
||||
</div>
|
||||
|
||||
<div v-if="!newsstate.lastnewstosent.finish_job">
|
||||
<q-btn v-if="newsstate.lastnewstosent.activate" :loading="myloadingState" rounded outline
|
||||
@click="DisableNewsletter()" color="negative" icon="">
|
||||
<q-btn
|
||||
v-if="newsstate.lastnewstosent.activate"
|
||||
:loading="myloadingState"
|
||||
rounded
|
||||
outline
|
||||
@click="DisableNewsletter()"
|
||||
color="negative"
|
||||
icon=""
|
||||
>
|
||||
Ferma l'Invio della Newsletter
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
Disattivazione Invio Newsletter ...
|
||||
</template>
|
||||
</q-btn>
|
||||
<q-btn v-if="!newsstate.lastnewstosent.activate" :loading="myloadingState" rounded outline
|
||||
@click="EnableNewsletter()" color="positive" icon="">
|
||||
<q-btn
|
||||
v-if="!newsstate.lastnewstosent.activate"
|
||||
:loading="myloadingState"
|
||||
rounded
|
||||
outline
|
||||
@click="EnableNewsletter()"
|
||||
color="positive"
|
||||
icon=""
|
||||
>
|
||||
Riattiva l'Invio della Newsletter
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -362,8 +700,15 @@
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-card-section>
|
||||
<q-inner-loading id="spinner2" :showing="myloading">
|
||||
<q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
|
||||
<q-inner-loading
|
||||
id="spinner2"
|
||||
:showing="myloading"
|
||||
>
|
||||
<q-spinner-tail
|
||||
color="primary"
|
||||
size="4em"
|
||||
>
|
||||
</q-spinner-tail>
|
||||
</q-inner-loading>
|
||||
</q-card>
|
||||
</div>
|
||||
@@ -371,51 +716,106 @@
|
||||
</q-tab-panel>
|
||||
|
||||
<q-tab-panel name="newslist">
|
||||
<CTitleBanner bgcolor="bg-accent" title="Lista Newsletter Inviate:"></CTitleBanner>
|
||||
<CTitleBanner
|
||||
bgcolor="bg-accent"
|
||||
title="Lista Newsletter Inviate:"
|
||||
></CTitleBanner>
|
||||
|
||||
<CGridTableRec prop_mytitle="Newsletter" prop_mytable="newstosent" :prop_mycolumns="getcolnewstosent()"
|
||||
:prop_colkey="fieldsTable.getKeyByTable('newstosent')" nodataLabel="Nessuna Newsletter attualmente creata"
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato">
|
||||
<CGridTableRec
|
||||
prop_mytitle="Newsletter"
|
||||
prop_mytable="newstosent"
|
||||
:prop_mycolumns="getcolnewstosent()"
|
||||
:prop_colkey="fieldsTable.getKeyByTable('newstosent')"
|
||||
nodataLabel="Nessuna Newsletter attualmente creata"
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
|
||||
>
|
||||
</CGridTableRec>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="mailinglist">
|
||||
<div class="q-ma-md rounded-borders q-list--bordered">
|
||||
<CTitleBanner title="Lista Contatti:" bgcolor="bg-positive"></CTitleBanner>
|
||||
<CTitleBanner
|
||||
title="Lista Contatti:"
|
||||
bgcolor="bg-positive"
|
||||
></CTitleBanner>
|
||||
|
||||
<div class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="blue" text-color="white" icon="email">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="blue"
|
||||
text-color="white"
|
||||
icon="email"
|
||||
>
|
||||
Email Totali:
|
||||
<span class="mlvalue">{{ newsstate.totemail }}</span>
|
||||
</q-chip>
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="green" text-color="white" icon="event_available">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="green"
|
||||
text-color="white"
|
||||
icon="event_available"
|
||||
>
|
||||
Email Sottoscritte:
|
||||
<span class="mlvalue">{{ newsstate.totsubscribed }}</span>
|
||||
</q-chip>
|
||||
<q-circular-progress show-value font-size="12px" :value="percsubscribed * 100" size="60px"
|
||||
:thickness="0.22" color="green" track-color="grey-3" class="q-ma-md">
|
||||
<q-circular-progress
|
||||
show-value
|
||||
font-size="12px"
|
||||
:value="percsubscribed * 100"
|
||||
size="60px"
|
||||
:thickness="0.22"
|
||||
color="green"
|
||||
track-color="grey-3"
|
||||
class="q-ma-md"
|
||||
>
|
||||
<span class="mlvalue"> {{ progresslabsubscribed() }} </span>
|
||||
</q-circular-progress>
|
||||
|
||||
<q-chip dense class="shadow-5 q-mb-md" color="orange" text-color="white" icon="">
|
||||
<q-chip
|
||||
dense
|
||||
class="shadow-5 q-mb-md"
|
||||
color="orange"
|
||||
text-color="white"
|
||||
icon=""
|
||||
>
|
||||
Email Desottoscritte:
|
||||
<span class="mlvalue">{{ newsstate.totunsubscribed }}</span>
|
||||
</q-chip>
|
||||
</div>
|
||||
|
||||
<CGridTableRec prop_mytitle="Lista Contatti" :prop_mytable="toolsext.TABMAILINGLIST"
|
||||
:prop_mycolumns="getcolmailinglist()" :prop_colkey="fieldsTable.getKeyByTable('mailinglist')"
|
||||
<CGridTableRec
|
||||
prop_mytitle="Lista Contatti"
|
||||
:prop_mytable="toolsext.TABMAILINGLIST"
|
||||
:prop_mycolumns="getcolmailinglist()"
|
||||
:prop_colkey="fieldsTable.getKeyByTable('mailinglist')"
|
||||
nodataLabel="Nessuna Lista Contatti attualmente creata"
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato">
|
||||
noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
|
||||
>
|
||||
</CGridTableRec>
|
||||
|
||||
<CTitleBanner title="Importa lista di Email:"></CTitleBanner>
|
||||
<div class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
|
||||
<q-input v-model="mailinglist_imported" autofocus filled bordered color="blue-12" @keyup.enter.stop
|
||||
type="textarea">
|
||||
<q-input
|
||||
v-model="mailinglist_imported"
|
||||
autofocus
|
||||
filled
|
||||
bordered
|
||||
color="blue-12"
|
||||
@keyup.enter.stop
|
||||
type="textarea"
|
||||
>
|
||||
</q-input>
|
||||
<div class="q-ma-md q-pa-sm text-center">
|
||||
<q-btn :loading="myloadingImport" rounded outline :disable="mailinglist_imported === ''"
|
||||
@click="importMailinglist()" color="primary" icon="email">
|
||||
<q-btn
|
||||
:loading="myloadingImport"
|
||||
rounded
|
||||
outline
|
||||
:disable="mailinglist_imported === ''"
|
||||
@click="importMailinglist()"
|
||||
color="primary"
|
||||
icon="email"
|
||||
>
|
||||
Importa
|
||||
<template v-slot:loading>
|
||||
<q-spinner-hourglass class="on-left" />
|
||||
@@ -424,10 +824,21 @@
|
||||
</q-btn>
|
||||
</div>
|
||||
|
||||
<transition enter-active-class="animated fadeIn" leave-active-class="animated fadeOut" appear>
|
||||
<transition
|
||||
enter-active-class="animated fadeIn"
|
||||
leave-active-class="animated fadeOut"
|
||||
appear
|
||||
>
|
||||
<div>
|
||||
<CTitleBanner v-if="errimport" bgcolor="bg-warning" :title="myrisimport"></CTitleBanner>
|
||||
<CTitleBanner v-if="okimport" :title="myrisimport"></CTitleBanner>
|
||||
<CTitleBanner
|
||||
v-if="errimport"
|
||||
bgcolor="bg-warning"
|
||||
:title="myrisimport"
|
||||
></CTitleBanner>
|
||||
<CTitleBanner
|
||||
v-if="okimport"
|
||||
:title="myrisimport"
|
||||
></CTitleBanner>
|
||||
</div>
|
||||
</transition>
|
||||
</div>
|
||||
@@ -437,8 +848,7 @@
|
||||
</q-card>
|
||||
</CMyPage>
|
||||
</template>
|
||||
<script lang="ts" src="./newsletter.ts">
|
||||
</script>
|
||||
<script lang="ts" src="./newsletter.ts"></script>
|
||||
<style lang="scss" scoped>
|
||||
@import './newsletter.scss';
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user