add unsubscribe and view mail on the web buttons
This commit is contained in:
isUnknown
parent
8bdd63afe2
commit
f095954a33
20 changed files with 289 additions and 224 deletions
|
|
@ -1 +1 @@
|
|||
.wrapper[data-v-76f92a36]{display:flex;gap:10vw}.k-field-footer[data-v-76f92a36]{width:15rem}@media screen and (max-width: 800px){.k-field-footer[data-v-76f92a36]{width:9rem}}@media screen and (min-width: 533px){button[data-v-76f92a36]{margin-top:2.15rem}}
|
||||
.wrapper[data-v-0e6a95b9]{display:flex;gap:10vw}.k-field-footer[data-v-0e6a95b9]{width:15rem}@media screen and (max-width: 800px){.k-field-footer[data-v-0e6a95b9]{width:9rem}}@media screen and (min-width: 533px){button[data-v-0e6a95b9]{margin-top:2.15rem}}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
(function(){"use strict";function d(t,e,r,n,o,l,a,i){var s=typeof t=="function"?t.options:t;return s.render=e,s.staticRenderFns=r,s._compiled=!0,s._scopeId="data-v-"+l,{exports:t,options:s}}const _={__name:"SendButtonField",props:{pageUri:String,pageStatus:String},setup(t){const{pageUri:e}=t,r=Vue.ref({icon:"plane",text:"Tester",theme:null,error:null}),n=Vue.ref({icon:"plane",text:"Envoyer",theme:"orange",error:null});async function o(l,a=!1){l.preventDefault();const i=a?r:n;i.value={theme:"blue",text:"En cours…",icon:"loader",error:null};const s={method:"POST",body:JSON.stringify({pageUri:e,isTest:a})};try{const u=await(await fetch("/send-newsletter.json",s)).json();if(u.status==="success")i.value={theme:"green",icon:"check",text:a?"Test envoyé":"Envoi réussi",error:null},a?i.value={icon:"plane",text:"Re-tester",theme:null,error:null}:setTimeout(()=>{location.href=location.href},2e3);else throw new Error(u.message||"Erreur inconnue")}catch(c){i.value={theme:"red",icon:"alert",text:a?"Échec du test":"Erreur",error:c.message}}}return{__sfc:!0,testBtnState:r,sendBtnState:n,send:o}}};var f=function(){var e=this,r=e._self._c,n=e._self._setupProxy;return e.pageStatus==="draft"?r("div",{staticClass:"wrapper"},[r("div",{staticClass:"test-wrapper"},[r("k-button",{staticStyle:{width:"max-content"},attrs:{variant:"filled",help:"test",theme:n.testBtnState.theme,icon:n.testBtnState.icon},on:{click:function(o){return n.send(o,!0)}}},[e._v(e._s(n.testBtnState.text))]),e._m(0),n.testBtnState.error?r("k-box",{staticStyle:{"margin-top":"var(--spacing-1)"},attrs:{theme:"error"}},[e._v(e._s(n.testBtnState.error))]):e._e()],1),r("div",{staticClass:"send-wrapper"},[r("k-button",{attrs:{variant:"filled",theme:n.sendBtnState.theme,icon:n.sendBtnState.icon},on:{click:function(o){return n.send(o)}}},[e._v(e._s(n.sendBtnState.text))]),n.sendBtnState.error?r("k-box",{staticStyle:{"margin-top":"var(--spacing-1)"},attrs:{theme:"error"}},[e._v(e._s(n.sendBtnState.error))]):e._e(),e._m(1)],1)]):e._e()},p=[function(){var t=this,e=t._self._c;return t._self._setupProxy,e("footer",{staticClass:"k-field-footer"},[e("div",{staticClass:"k-help k-field-help k-text"},[e("p",[t._v(" Envoie seulement aux "),e("a",{attrs:{href:"/panel/users",title:"voir la liste"}},[t._v("éditeurs")]),t._v(". ")])])])},function(){var t=this,e=t._self._c;return t._self._setupProxy,e("footer",{staticClass:"k-field-footer"},[e("div",{staticClass:"k-help k-field-help k-text"},[e("strong",[t._v("⚠ Envoie à tous les abonnés.")])])])}],v=d(_,f,p,!1,null,"76f92a36");const m=v.exports;window.panel.plugin("adrienpayet/send-button",{fields:{"send-button":m}})})();
|
||||
(function(){"use strict";function d(t,e,r,n,o,l,a,i){var s=typeof t=="function"?t.options:t;return s.render=e,s.staticRenderFns=r,s._compiled=!0,s._scopeId="data-v-"+l,{exports:t,options:s}}const _={__name:"SendButtonField",props:{pageUri:String,pageStatus:String},setup(t){const{pageUri:e}=t,r=Vue.ref({icon:"plane",text:"Tester",theme:null,error:null}),n=Vue.ref({icon:"plane",text:"Envoyer",theme:"orange",error:null});async function o(l,a=!1){l.preventDefault();const i=a?r:n;i.value={theme:"blue",text:"En cours…",icon:"loader",error:null};const s={method:"POST",body:JSON.stringify({pageUri:e,isTest:a})};try{const u=await(await fetch("/send-newsletter.json",s)).json();if(u.status==="success")i.value={theme:"green",icon:"check",text:a?"Test envoyé":"Envoi réussi",error:null},setTimeout(()=>{location.href=location.href},2e3);else throw new Error(u.message||"Erreur inconnue")}catch(c){i.value={theme:"red",icon:"alert",text:a?"Échec du test":"Erreur",error:c.message}}}return{__sfc:!0,testBtnState:r,sendBtnState:n,send:o}}};var f=function(){var e=this,r=e._self._c,n=e._self._setupProxy;return e.pageStatus!=="listed"?r("div",{staticClass:"wrapper"},[r("div",{staticClass:"test-wrapper"},[r("k-button",{staticStyle:{width:"max-content"},attrs:{variant:"filled",help:"test",theme:n.testBtnState.theme,icon:n.testBtnState.icon},on:{click:function(o){return n.send(o,!0)}}},[e._v(e._s(n.testBtnState.text))]),e._m(0),n.testBtnState.error?r("k-box",{staticStyle:{"margin-top":"var(--spacing-1)"},attrs:{theme:"error"}},[e._v(e._s(n.testBtnState.error))]):e._e()],1),r("div",{staticClass:"send-wrapper"},[r("k-button",{attrs:{variant:"filled",theme:n.sendBtnState.theme,icon:n.sendBtnState.icon},on:{click:function(o){return n.send(o)}}},[e._v(e._s(n.sendBtnState.text))]),n.sendBtnState.error?r("k-box",{staticStyle:{"margin-top":"var(--spacing-1)"},attrs:{theme:"error"}},[e._v(e._s(n.sendBtnState.error))]):e._e(),e._m(1)],1)]):e._e()},p=[function(){var t=this,e=t._self._c;return t._self._setupProxy,e("footer",{staticClass:"k-field-footer"},[e("div",{staticClass:"k-help k-field-help k-text"},[e("p",[t._v(" Envoie seulement aux "),e("a",{attrs:{href:"/panel/users",title:"voir la liste"}},[t._v("éditeurs")]),t._v(". ")])])])},function(){var t=this,e=t._self._c;return t._self._setupProxy,e("footer",{staticClass:"k-field-footer"},[e("div",{staticClass:"k-help k-field-help k-text"},[e("strong",[t._v("⚠ Envoie à tous les abonnés.")])])])}],v=d(_,f,p,!1,null,"0e6a95b9");const m=v.exports;window.panel.plugin("adrienpayet/send-button",{fields:{"send-button":m}})})();
|
||||
|
|
|
|||
|
|
@ -5,12 +5,16 @@ Kirby::plugin('adrienpayet/send-button', [
|
|||
'send-button' => [
|
||||
'computed' => [
|
||||
'pageUri' => function () {
|
||||
return $this->model()->uri();
|
||||
return $this->model()->uri();
|
||||
},
|
||||
'pageStatus' => function () {
|
||||
return $this->model()->status();
|
||||
return $this->model()->status();
|
||||
},
|
||||
]
|
||||
]
|
||||
]
|
||||
],
|
||||
],
|
||||
],
|
||||
'routes' => [
|
||||
require __DIR__ . '/routes/send-newsletter.php',
|
||||
require __DIR__ . '/routes/unsubscribe-newsletter.php',
|
||||
],
|
||||
]);
|
||||
|
|
|
|||
79
site/plugins/send-button/routes/send-newsletter.php
Normal file
79
site/plugins/send-button/routes/send-newsletter.php
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'pattern' => '/send-newsletter.json',
|
||||
'method' => 'POST',
|
||||
'action' => function () {
|
||||
$jsonRequest = file_get_contents('php://input');
|
||||
$data = json_decode($jsonRequest);
|
||||
|
||||
if (!$data || !isset($data->pageUri) || !isset($data->isTest)) {
|
||||
return json_encode([
|
||||
'status' => 'error',
|
||||
'message' => 'Invalid request data. Required fields: pageUri, isTest.',
|
||||
]);
|
||||
}
|
||||
|
||||
$kirby = kirby();
|
||||
$emailPage = page('lettre')->childrenAndDrafts()->find($data->pageUri);
|
||||
|
||||
if (!$emailPage) {
|
||||
return json_encode([
|
||||
'status' => 'error',
|
||||
'message' => 'The specified page does not exist.',
|
||||
]);
|
||||
}
|
||||
|
||||
$recipients = $data->isTest
|
||||
? $kirby->users()->pluck('email', null, true)
|
||||
: page('lettre')->subscribers()->toStructure()->pluck('email', true, true);
|
||||
|
||||
if (empty($recipients)) {
|
||||
return json_encode([
|
||||
'status' => 'error',
|
||||
'message' => 'No recipients found.',
|
||||
]);
|
||||
}
|
||||
|
||||
$subject = $data->isTest
|
||||
? '[TEST] - ' . $emailPage->title()->value()
|
||||
: $emailPage->title()->value();
|
||||
|
||||
$from = new \Kirby\Cms\User([
|
||||
'email' => 'info@actuel-inactuel.fr',
|
||||
'name' => 'actuel-inactuel',
|
||||
]);
|
||||
|
||||
try {
|
||||
foreach ($recipients as $recipient) {
|
||||
$kirby->email([
|
||||
'from' => $from,
|
||||
'to' => $recipient,
|
||||
'subject' => $subject,
|
||||
'template' => 'newsletter',
|
||||
'data' => [
|
||||
'body' => $emailPage->body(),
|
||||
'url' => (string) $emailPage->url(),
|
||||
'recipient' => $recipient,
|
||||
],
|
||||
]);
|
||||
}
|
||||
|
||||
if (!$data->isTest) {
|
||||
$emailPage->changeStatus('listed');
|
||||
} else {
|
||||
$emailPage->changeStatus('unlisted');
|
||||
}
|
||||
|
||||
return json_encode([
|
||||
'status' => 'success',
|
||||
'message' => 'Email(s) sent successfully.',
|
||||
]);
|
||||
} catch (Exception $error) {
|
||||
return json_encode([
|
||||
'status' => 'error',
|
||||
'message' => $error->getMessage() . ' file ' . $error->getFile() . ' line ' . $error->getLine(),
|
||||
]);
|
||||
}
|
||||
},
|
||||
];
|
||||
39
site/plugins/send-button/routes/unsubscribe-newsletter.php
Normal file
39
site/plugins/send-button/routes/unsubscribe-newsletter.php
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<?php
|
||||
|
||||
return [
|
||||
'pattern' => '/deslettre',
|
||||
'action' => function () {
|
||||
$email = get('email');
|
||||
$page = page('lettre');
|
||||
|
||||
$emailExists = in_array(['email' => $email], $page->subscribers()->yaml());
|
||||
|
||||
if (!$emailExists) {
|
||||
$title = 'Erreur';
|
||||
$body = '<p>' . $email . ' est introuvable dans la base de données. Vous pouvez demander une déslettre manuelle en écrivant à <a href="mailto:info@actuel-inactuel.fr?subject=Demande de déslettre&body=Bonjour,%0D%0AJe souhaite être désinscrit d\'actuel-inactuel.%0D%0AE-mail : ' . $email . '%0D%0AMerci.%0D%0A"">info@actuel-inactuel.fr</a>.</p>';
|
||||
} else {
|
||||
$subscribers = array_filter(
|
||||
$page->subscribers()->yaml(),
|
||||
fn($subscriber) => $subscriber !== ['email' => $email]
|
||||
);
|
||||
|
||||
$page->update([
|
||||
'subscribers' => $subscribers,
|
||||
]);
|
||||
|
||||
$title = $email . ' désinscrit';
|
||||
$body = '<p>Si la déslettre automatique n\'a pas fonctionné et que vous continuez à recevoir des mails, vous pouvez demander la déslettre manuelle à <a href="mailto:info@actuel-inactuel.fr?subject=Demande de déslettre&body=Bonjour,%0D%0AJe souhaite être désinscrit d\'actuel-inactuel.%0D%0AE-mail : ' . $email . '%0D%0AMerci.%0D%0A"">info@actuel-inactuel.fr</a>.<p>';
|
||||
|
||||
}
|
||||
|
||||
return new Page([
|
||||
'slug' => Str::slug('test'),
|
||||
'template' => 'error',
|
||||
'status' => 'unlisted',
|
||||
'content' => [
|
||||
'title' => $title,
|
||||
'body' => $body,
|
||||
],
|
||||
]);
|
||||
},
|
||||
];
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="wrapper" v-if="pageStatus === 'draft'">
|
||||
<div class="wrapper" v-if="pageStatus !== 'listed'">
|
||||
<div class="test-wrapper">
|
||||
<k-button
|
||||
@click="send($event, true)"
|
||||
|
|
@ -102,18 +102,9 @@ async function send(event, isTest = false) {
|
|||
error: null,
|
||||
};
|
||||
|
||||
if (!isTest) {
|
||||
setTimeout(() => {
|
||||
location.href = location.href;
|
||||
}, 2000);
|
||||
} else {
|
||||
currentBtnState.value = {
|
||||
icon: "plane",
|
||||
text: "Re-tester",
|
||||
theme: null,
|
||||
error: null,
|
||||
};
|
||||
}
|
||||
setTimeout(() => {
|
||||
location.href = location.href;
|
||||
}, 2000);
|
||||
} else {
|
||||
throw new Error(data.message || "Erreur inconnue");
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue