https://blog.dioptra.gr/ui/main/js/newsletter-form.js

1(self.webpackChunkadveshop_system=self.webpackChunkadveshop_system||[]).push([[637],{9033:function(e){e.exports="/ui/main/images/calendar_icon_gray_b_form.webp?2255874da54a7bdd4fd998319282dad3"},6410:function(e,t,A){"use strict";var a=A(5627),i=A.n(a),o=A(6798),r=A.n(o),s=A(21),n=A.n(s),d=A(9033),l=A.n(d),c=r()(i()),C=n()(l());c.push([e.id,"#newsletterCol[data-v-16a0d5ed]{background:#c4b6c8;color:#fff;height:100%;padding:30px;position:relative}@media(max-width:767px),(min-width:992px)and (max-width:1199px){#newsletterCol[data-v-16a0d5ed]{background:#c4b6c8;margin-top:1rem;padding:20px}}#newsletterCol .customer-panel-ttl[data-v-16a0d5ed]{font-size:27px;font-weight:900}@media screen and (min-width:768px)and (max-width:1199px){#newsletterCol .customer-panel-ttl[data-v-16a0d5ed]{font-size:27px}}@media screen and (max-width:767px){#newsletterCol .customer-panel-ttl[data-v-16a0d5ed]{font-size:17px;font-weight:800}}#newsletterCol .customer-panel-ttl[data-v-16a0d5ed],#newsletterCol p[data-v-16a0d5ed]{flex:0 0 72%;line-height:1.3;max-width:72%}@media(max-width:767px),(min-width:992px)and (max-width:1199px){#newsletterCol .customer-panel-ttl[data-v-16a0d5ed],#newsletterCol p[data-v-16a0d5ed]{flex:0 0 100%;max-width:100%}}#newsletterCol p[data-v-16a0d5ed]{line-height:1.3;margin:0 0 15px}@media screen and (min-width:992px)and (max-width:1199px){#newsletterCol p[data-v-16a0d5ed]{font-size:14px}}@media screen and (max-width:500px){#newsletterCol .lni[data-v-16a0d5ed]{font-size:20px;position:absolute;right:15px;top:20px}}#submitForm[data-v-16a0d5ed]{height:48px}#submitForm input[type=date][data-v-16a0d5ed]{background-color:#fff;border:1px solid #000;flex:0 0 60%;height:48px;margin-right:15px;max-width:60%}#submitForm [type=date][data-v-16a0d5ed]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("+C+") calc(100% - 10px) no-repeat #fff;position:relative}#submitForm [type=date][data-v-16a0d5ed]::-webkit-calendar-picker-indicator,#submitForm [type=date][data-v-16a0d5ed]::-webkit-inner-spin-button{display:none;opacity:0}#submitForm button[data-v-16a0d5ed]{background:#000;border:0;color:#fff;flex:0 0 35%;height:48px;margin-left:auto;max-width:35%;padding:0 10px}@media(max-width:400px),(min-width:992px)and (max-width:1199px){#submitForm input[type=date][data-v-16a0d5ed]{flex:0 0 53%;margin-right:0;max-width:53%}#submitForm button[data-v-16a0d5ed]{flex:0 0 47%;font-size:14px;max-width:47%}}@media screen and (max-width:575px){#submitForm [type=text][data-v-16a0d5ed]{max-width:160px}}@media screen and (min-width:1200px)and (max-width:1399px){.home-info-user-mods-col #newsletterCol[data-v-16a0d5ed]{padding:15px}}.home-info-user-mods-col #newsletterCol #submitForm input[type=date][data-v-16a0d5ed]{margin-right:0}.home-info-user-mods-col #newsletterCol #submitForm button[data-v-16a0d5ed]{flex:0 0 calc(35% + 15px);margin-left:5px;max-width:calc(35% + 15px)}@media screen and (max-width:420px){.home-info-user-mods-col #newsletterCol #submitForm button[data-v-16a0d5ed]{flex:0 0 calc(30% + 15px);font-size:12px;max-width:calc(30% + 15px)}.submit-form-input[data-v-16a0d5ed]{font-size:13px}}.alert-warning[data-v-16a0d5ed]{background-color:#f8d7da;border-color:#f5c6cb;color:#fff}.newsletter-form-footer-checkbox-label-text[data-v-16a0d5ed]{margin-left:5px}@media screen and (max-width:420px){.newsletter-form-footer-checkbox-label-text[data-v-16a0d5ed]{font-size:13px}}","",{version:3,sources:["webpack://./assets/main/vue/NewsletterForm.vue"],names:[],mappings:"AAEA,gCAEE,kBAAA,CACA,UAAA,CACA,WAAA,CAHA,YAAA,CAIA,iBAAA,CACA,gEANF,gCAQI,kBAAA,CACA,eAAA,CAFA,YAEA,CAAA,CAEF,oDACE,cAAA,CACA,eAAA,CACA,0DAHF,oDAII,cAAA,CAAA,CAEF,oCANF,oDAOI,cAAA,CACA,eAAA,CAAA,CAGJ,sFACE,YAAA,CAEA,eAAA,CADA,aACA,CACA,gEAJF,sFAKI,aAAA,CACA,cAAA,CAAA,CAGJ,kCACE,eAAA,CACA,eAAA,CACA,0DAHF,kCAII,cAAA,CAAA,CAGJ,oCACE,qCAIE,cAAA,CAHA,iBAAA,CAEA,UAAA,CADA,QAEA,CAAA,CAIN,6BACE,WAAA,CACA,8CAGE,qBAAA,CADA,qBAAA,CAGA,YAAA,CADA,WAAA,CAHA,iBAAA,CAKA,aAAA,CAEF,yCAGE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAFA,mFAAA,CACA,iBACA,CAOF,gJAHE,YAAA,CACA,SAIA,CAEF,oCACE,eAAA,CAEA,QAAA,CADA,UAAA,CAIA,YAAA,CADA,WAAA,CAGA,gBAAA,CADA,aAAA,CAHA,cAIA,CAEF,gEACE,8CACE,YAAA,CAEA,cAAA,CADA,aACA,CAEF,oCACE,YAAA,CAEA,cAAA,CADA,aACA,CAAA,CAGJ,oCACE,yCACE,eAAA,CAAA,CAOF,2DADF,yDAEI,YAAA,CAAA,CAGA,sFACE,cAAA,CAEF,4EACE,yBAAA,CAEA,eAAA,CADA,0BACA,CACA,oCAJF,4EAKI,yBAAA,CAEA,cAAA,CADA,0BACA,CAMV,oCAEI,cAAA,CARM,CAWV,gCACE,wBAAA,CACA,oBAAA,CACA,UAAA,CAEF,6DACE,eAAA,CACA,oCAFF,6DAGI,cAAA,CAAA",sourceRoot:""}]),t.A=c},493:function(e,t,A){"use strict";A.r(t),A.d(t,{default:function(){return d}});var a=A(4335),i={name:"NewsletterForm",data:function(){return{email:"",formPosted:!1,showError:!1,error:"",message:"",checkboxCheked:!1,isContentVisible:!0}},computed:{chevronIcon:function(){return this.isContentVisible?"lni lni-chevron-up":"lni lni-chevron-down"},isSmallScreen:function(){return window.innerWidth<=500}},methods:{toggleContentVisibility:function(){this.isContentVisible=!this.isContentVisible},formSubmit:function(){return this.checkboxCheked?this.validateEmail()?void this.postData():(this.error=this.t("newsletter.email.error"),void(this.showError=!0)):(this.error=this.t("newsletter.checkbox.error"),void(this.showError=!0))},validateEmail:function(){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email)},postData:function(){var e=this;this.formPosted=!1,this.showError=!1,this.error="",this.message="",a.A.post("/api/customer/addCustomerNewsletter",{email:this.email}).then((function(t){var A=t.data.subscribed;e.showError=!A,A?(e.formPosted=!0,e.message=e.t("newsletter.subscribe.success")):e.error=e.t("newsletter.subscribe.already.subscribed")})).catch((function(t){var A;e.showError=!0,e.error=(null===(A=t.response)||void 0===A||null===(A=A.data)||void 0===A?void 0:A.date)||e.t("newsletter.subscribe.error"),console.error(t)}))}}},o=A(5072),r=A.n(o),s=A(6410),n={insert:"head",singleton:!1},d=(r()(s.A,n),s.A.locals,(0,A(4486).A)(i,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"d-flex-100 align-content-start",attrs:{id:"newsletterCol"}},[t("div",{staticClass:"d-flex justify-content-between align-items-center"},[t("div",{staticClass:"db-100 customer-panel-ttl"},[e._v(e._s(e.t("newsletter.form.title")))]),e._v(" "),e.isSmallScreen?t("i",{class:e.chevronIcon,on:{click:e.toggleContentVisibility}}

1):e._e()]),e._v(" "),e.isContentVisible?t("div",[t("p",{staticClass:"db-100"},[e._v(e._s(e.t("newsletter.form.text")))]),e._v(" "),t("div",{staticClass:"d-flex-100",attrs:{id:"submitForm"}},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.email,expression:"email"}],staticClass:"submit-form-input",attrs:{type:"text",placeholder:e.t("newsletter.email.placeholder")},domProps:{value:e.email},on:{input:function(t){t.target.composing||(e.email=t.target.value)}}}),e._v(" "),t("button",{attrs:{type:"button"},on:{click:function(t){return e.formSubmit()}}},[e._v(e._s(e.t("entry.lbl")))])]),e._v(" "),t("div",{staticClass:"d-flex-100"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.checkboxCheked,expression:"checkboxCheked"}],staticClass:"newsletter-form-footer-checkbox-input",attrs:{type:"checkbox",id:"newsletterCheckBox",name:"newsletterCheckBox",required:""},domProps:{checked:Array.isArray(e.checkboxCheked)?e._i(e.checkboxCheked,null)>-1:e.checkboxCheked},on:{change:function(t){var A=e.checkboxCheked,a=t.target,i=!!a.checked;if(Array.isArray(A)){var o=e._i(A,null);a.checked?o<0&&(e.checkboxCheked=A.concat([null])):o>-1&&(e.checkboxCheked=A.slice(0,o).concat(A.slice(o+1)))}else e.checkboxCheked=i}}}),e._v(" "),t("label",{staticClass:"newsletter-form-footer-checkbox-label",attrs:{for:"newsletterCheckBox"}},[t("span",{staticClass:"newsletter-form-footer-checkbox-label-text"},[e._v("\n          "+e._s(e.t("newsletter.checkbox.agree.label"))+"\n        ")])])]),e._v(" "),e.showError?t("div",{staticClass:"d-flex-100"},[t("div",{staticClass:"alert alert-danger"},[e._v(e._s(e.error))])]):e._e(),e._v(" "),e.formPosted?t("div",{staticClass:"d-flex-100"},[t("div",{staticClass:"alert alert-success"},[e._v(e._s(e.message))])]):e._e()]):e._e()])}),[],!1,null,"16a0d5ed",null).exports)}}]);
2//# sourceMappingURL=newsletter-form.js.map