diff --git a/site/config/routes/send-newsletter.php b/site/config/routes/send-newsletter.php index 69e4f72..4e64c87 100644 --- a/site/config/routes/send-newsletter.php +++ b/site/config/routes/send-newsletter.php @@ -24,7 +24,10 @@ return [ "body" => $emailPage->body() ] ])->isSent()) { - $emailPage->changeStatus("listed"); + if (!$data->isTest) { + $emailPage->changeStatus("listed"); + } + return json_encode([ 'status' => 'success', 'message' => diff --git a/site/plugins/send-button/index.css b/site/plugins/send-button/index.css index 3f2e526..b5dbbb2 100644 --- a/site/plugins/send-button/index.css +++ b/site/plugins/send-button/index.css @@ -1,18 +1 @@ - -.wrapper[data-v-4847e765] { - display: flex; - gap: 10vw; -} -.k-field-footer[data-v-4847e765] { - width: 15rem; -} -@media screen and (max-width: 800px) { -.k-field-footer[data-v-4847e765] { - width: 9rem; -} -} -@media screen and (min-width: 533px) { -button[data-v-4847e765] { - margin-top: 2.15rem; -} -} +.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}} diff --git a/site/plugins/send-button/index.js b/site/plugins/send-button/index.js index e6345e3..d6cd167 100644 --- a/site/plugins/send-button/index.js +++ b/site/plugins/send-button/index.js @@ -1,124 +1 @@ -(function() { - "use strict"; - function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) { - var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports; - { - options.render = render; - options.staticRenderFns = staticRenderFns; - options._compiled = true; - } - { - options._scopeId = "data-v-" + scopeId; - } - return { - exports: scriptExports, - options - }; - } - const _sfc_main = { - __name: "SendButtonField", - props: { - pageUri: String, - pageStatus: String - }, - setup(__props) { - const { pageUri } = __props; - const testBtnState = Vue.ref({ - icon: "plane", - text: "Tester", - theme: "blue", - error: null - }); - const sendBtnState = Vue.ref({ - icon: "plane", - text: "Envoyer", - theme: "aqua", - error: null - }); - async function send(event, isTest = false) { - event.preventDefault(); - const currentBtnState = isTest ? testBtnState : sendBtnState; - currentBtnState.value = { - theme: "orange", - text: "En cours…", - icon: "loader", - error: null - }; - const headers = { - method: "POST", - body: JSON.stringify({ - pageUri, - isTest - }) - }; - try { - const response = await fetch("/send-newsletter.json", headers); - const data = await response.json(); - if (data.status === "success") { - currentBtnState.value = { - theme: "green", - icon: "check", - text: isTest ? "Test envoyé" : "Envoi réussi", - error: null - }; - if (!isTest) { - setTimeout(() => { - location.href = location.href; - }, 2e3); - } else { - currentBtnState.value = { - icon: "plane", - text: "Re-tester", - theme: "blue", - error: null - }; - } - } else { - throw new Error(data.message || "Erreur inconnue"); - } - } catch (error) { - currentBtnState.value = { - theme: "red", - icon: "alert", - text: isTest ? "Échec du test" : "Erreur", - error: error.message - }; - } - } - return { __sfc: true, testBtnState, sendBtnState, send }; - } - }; - var _sfc_render = function render() { - var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy; - return _vm.pageStatus === "draft" ? _c("div", { staticClass: "wrapper" }, [_c("div", { staticClass: "test-wrapper" }, [_c("k-button", { staticStyle: { "width": "max-content" }, attrs: { "variant": "filled", "help": "test", "theme": _setup.testBtnState.theme, "icon": _setup.testBtnState.icon }, on: { "click": function($event) { - return _setup.send($event, true); - } } }, [_vm._v(_vm._s(_setup.testBtnState.text))]), _vm._m(0), _setup.testBtnState.error ? _c("k-box", { staticStyle: { "margin-top": "var(--spacing-1)" }, attrs: { "theme": "error" } }, [_vm._v(_vm._s(_setup.testBtnState.error))]) : _vm._e()], 1), _c("div", { staticClass: "send-wrapper" }, [_c("k-button", { attrs: { "variant": "filled", "theme": _setup.sendBtnState.theme, "icon": _setup.sendBtnState.icon }, on: { "click": function($event) { - return _setup.send($event); - } } }, [_vm._v(_vm._s(_setup.sendBtnState.text))]), _setup.sendBtnState.error ? _c("k-box", { staticStyle: { "margin-top": "var(--spacing-1)" }, attrs: { "theme": "error" } }, [_vm._v(_vm._s(_setup.sendBtnState.error))]) : _vm._e(), _vm._m(1)], 1)]) : _vm._e(); - }; - var _sfc_staticRenderFns = [function() { - var _vm = this, _c = _vm._self._c; - _vm._self._setupProxy; - return _c("footer", { staticClass: "k-field-footer" }, [_c("div", { staticClass: "k-help k-field-help k-text" }, [_c("p", [_vm._v(" Envoie seulement aux "), _c("a", { attrs: { "href": "/panel/users", "title": "voir la liste" } }, [_vm._v("éditeurs")]), _vm._v(". ")])])]); - }, function() { - var _vm = this, _c = _vm._self._c; - _vm._self._setupProxy; - return _c("footer", { staticClass: "k-field-footer" }, [_c("div", { staticClass: "k-help k-field-help k-text" }, [_c("strong", [_vm._v("⚠ Envoie à tous les abonnés.")])])]); - }]; - _sfc_render._withStripped = true; - var __component__ = /* @__PURE__ */ normalizeComponent( - _sfc_main, - _sfc_render, - _sfc_staticRenderFns, - false, - null, - "4847e765" - ); - __component__.options.__file = "/Users/adrienpayet/code/actuel-inactuel/site/plugins/send-button/src/components/SendButtonField.vue"; - const SendButtonField = __component__.exports; - window.panel.plugin("adrienpayet/send-button", { - fields: { - "send-button": SendButtonField - } - }); -})(); +(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}})})(); diff --git a/site/plugins/send-button/src/components/SendButtonField.vue b/site/plugins/send-button/src/components/SendButtonField.vue index 9474d7b..40499d7 100755 --- a/site/plugins/send-button/src/components/SendButtonField.vue +++ b/site/plugins/send-button/src/components/SendButtonField.vue @@ -59,14 +59,14 @@ const { pageUri } = defineProps({ const testBtnState = ref({ icon: "plane", text: "Tester", - theme: "blue", + theme: null, error: null, }); const sendBtnState = ref({ icon: "plane", text: "Envoyer", - theme: "aqua", + theme: "orange", error: null, }); @@ -76,7 +76,7 @@ async function send(event, isTest = false) { const currentBtnState = isTest ? testBtnState : sendBtnState; currentBtnState.value = { - theme: "orange", + theme: "blue", text: "En cours…", icon: "loader", error: null, @@ -110,7 +110,7 @@ async function send(event, isTest = false) { currentBtnState.value = { icon: "plane", text: "Re-tester", - theme: "blue", + theme: null, error: null, }; }