send email - do not change status if test
This commit is contained in:
parent
afd3df123f
commit
b1923e8d4c
4 changed files with 10 additions and 147 deletions
|
|
@ -24,7 +24,10 @@ return [
|
|||
"body" => $emailPage->body()
|
||||
]
|
||||
])->isSent()) {
|
||||
$emailPage->changeStatus("listed");
|
||||
if (!$data->isTest) {
|
||||
$emailPage->changeStatus("listed");
|
||||
}
|
||||
|
||||
return json_encode([
|
||||
'status' => 'success',
|
||||
'message' =>
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
|
|||
|
|
@ -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}})})();
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
};
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue