@europeana/portal/.nuxt/dist/client/2153bf7.js

Europeana Portal

(window.webpackJsonp=window.webpackJsonp||[]).push([[105],{1e3:function(e,t,n){var c=n(137)(!1);c.push([e.i,".feedback-container{position:fixed;right:1rem;bottom:1rem;z-index:1050}@media(min-width: 576px){.feedback-container{left:auto}}.feedback-container .feedback-button{position:fixed;right:1rem;bottom:1rem;z-index:1000;text-transform:capitalize;padding:.875rem;line-height:1;white-space:nowrap;border-radius:50%;max-width:50px;transition:max-width .35s ease-out,border-radius .3s ease-out;box-shadow:0 2px 8px rgba(26,26,26,.25)}.feedback-container .feedback-button .icon-ic-feedback{padding-right:0;font-size:1.25rem;line-height:1}.feedback-container .feedback-button .feedback-button-text{transition:opacity .3s ease-out;opacity:0}.feedback-container .feedback-button.hide-button{display:none}.feedback-container .feedback-button.big{border-radius:.3rem;max-width:220px;transition:max-width .75s ease-out,border-radius .25s ease-out}.feedback-container .feedback-button.big .feedback-button-text{opacity:1;transition:opacity .3s ease-out}.feedback-container .feedback-button.big .icon-ic-feedback{padding-right:.25rem}@media(max-width: 576px){.feedback-container .feedback-button.big{max-width:50px;border-radius:50%}.feedback-container .feedback-button.big .feedback-button-text{opacity:0}.feedback-container .feedback-button.big .icon-ic-feedback{padding-right:0}}.feedback-widget{border-radius:.3rem;background-color:#fff;color:#4d4d4d;visibility:hidden;opacity:0;transform:translate(0, 50px);transition:opacity .15s linear,transform .3s ease-out;position:fixed;left:1rem;right:1rem;bottom:1rem;margin:0;overflow:hidden}@media(min-width: 576px){.feedback-widget{left:auto;min-width:360px}}.feedback-widget.show-feedback-widget{opacity:1;visibility:visible;transform:none}.feedback-widget .feedback-header{background-color:#0a72cc;padding:.75rem 1rem}.feedback-widget .feedback-header h5{color:#fff;font-size:1rem;line-height:1.5;font-weight:600;margin:0}.feedback-widget .feedback-form{padding:1rem}.feedback-widget .feedback-form .form-fields{flex:0 1 100%;width:0}.feedback-widget .feedback-form .form-buttons{flex:0 1 100%}@media(max-width: 576px){.feedback-widget .feedback-form .form-buttons{flex-wrap:wrap}.feedback-widget .feedback-form .form-buttons .button-group-right{width:100%}.feedback-widget .feedback-form .form-buttons button{width:100%;margin:.5rem 0 0 !important}}.feedback-widget .feedback-form .form-control{padding:.75rem;background:#fff;border:1px solid #4d4d4d;border-radius:.375rem;font-size:1rem;height:3rem;color:#1a1a1a}.feedback-widget .feedback-form .form-control:focus{border-color:#0a72cc}.feedback-widget .feedback-form .form-control.is-invalid{border-color:#e02020}.feedback-widget .feedback-form textarea.form-control{height:auto}.feedback-widget .feedback-form .form-group{margin-bottom:0}.feedback-widget .feedback-form .form-text{font-size:.875rem;margin:.75rem 0 0}.feedback-widget .feedback-form .form-text a{color:#4d4d4d}.feedback-widget .feedback-success{color:#1a1a1a}.feedback-widget .icon-check-circle::before{color:#0a72cc;font-size:2.0625rem}.feedback-widget .icon-cancel-circle::before{color:#e02020;font-size:2.0625rem}",""]),e.exports=c},1158:function(e,t,n){"use strict";n.r(t);var c=n(23),r=(n(10),n(30),n(75),n(101)),o=n.n(r),d={name:"FeedbackWidget",data:function(){return{showWidget:!1,currentStep:1,feedback:"",feedbackInputState:!0,email:"",emailInputState:!0,requestSuccess:null,bigButton:!0,sending:!1}},computed:{showCancelButton:function(){return this.currentStep<3||!this.requestSuccess},showNextButton:function(){return this.currentStep<3},disableNextButton:function(){return 1===this.currentStep&&""===this.feedback||2===this.currentStep&&""===this.email||this.sending},disableSendButton:function(){return this.sending},disableSkipButton:function(){return this.sending},showSkipButton:function(){return 2===this.currentStep},showSendButton:function(){return 3===this.currentStep&&!this.requestSuccess},showCloseButton:function(){return!this.showCancelButton},buttonClasses:function(){return{"hide-button":this.showWidget,big:this.bigButton}}},mounted:function(){var e=this;window.addEventListener("scroll",(function(){return e.bigButton=!1}),{once:!0})},methods:{resetForm:function(){this.currentStep=1,this.feedback="",this.feedbackInputState=!0,this.email="",this.emailInputState=!0,this.requestSuccess=null},showFeedbackForm:function(){var e=this;this.resetForm(),this.showWidget=!0,this.$nextTick((function(){e.$refs.input.focus()}))},hideFeedbackForm:function(){var e=this;this.showWidget=!1,this.$nextTick((function(){e.$refs.button.focus()}))},goToStep:function(e){this.currentStep=e},flagInvalidEmail:function(){this.emailInputState=!1},flagInvalidFeedback:function(){this.feedbackInputState=!1},skipEmail:function(){this.email="",this.submitForm()},validateFeedbackLength:function(){return this.$options.filters.wordLength(this.feedback)>=5},submitForm:function(){var e=this;return Object(c.a)(regeneratorRuntime.mark((function t(){return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(e.feedbackInputState=!0,e.emailInputState=!0,1!==e.currentStep||e.validateFeedbackLength()){t.next=5;break}return e.feedbackInputState=!1,t.abrupt("return");case 5:if(!(e.currentStep>1)){t.next=8;break}return t.next=8,e.sendFeedback();case 8:e.currentStep<3&&e.goToStep(e.currentStep+1);case 9:case"end":return t.stop()}}),t)})))()},sendFeedback:function(){var e=this;return this.sending=!0,this.postFeedbackMessage().then((function(){e.requestSuccess=!0,e.currentStep<3&&e.goToStep(e.currentStep+1)})).catch((function(){e.requestSuccess=!1})).finally((function(){e.sending=!1}))},postFeedbackMessage:function(){var e={feedback:this.feedback,pageUrl:window.location.href,browser:navigator.userAgent,screensize:"".concat(window.innerWidth," x ").concat(window.innerHeight)};return this.email&&""!==this.email&&(e.email=this.email),o.a.create({baseURL:this.$config.app.baseUrl}).post("/_api/jira/service-desk",e)}}},f=(n(999),n(59)),component=Object(f.a)(d,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"feedback-container"},[n("b-button",{ref:"button",staticClass:"feedback-button text-decoration-none",class:e.buttonClasses,attrs:{variant:"primary","data-qa":"feedback button",size:"lg"},on:{click:e.showFeedbackForm,mouseover:function(t){e.bigButton=!0},mouseleave:function(t){e.bigButton=!1}}},[n("span",{staticClass:"icon-ic-feedback d-inline-flex"}),e._v(" "),n("span",{staticClass:"feedback-button-text",attrs:{"data-qa":"feedback button text"}},[e._v(e._s(e.$t("actions.feedback")))])]),e._v(" "),n("div",{staticClass:"feedback-widget shadow",class:e.showWidget?"show-feedback-widget":null,attrs:{role:"dialog","aria-labelledby":"dialogHeader","data-qa":"feedback widget","content-class":"shadow"}},[n("div",{staticClass:"feedback-header",attrs:{id:"dialogHeader"}},[n("h5",[e._v(e._s(e.$t("feedback.title")))])]),e._v(" "),n("b-form",{staticClass:"feedback-form",attrs:{"data-qa":"feedback widget form"},on:{submit:function(t){return t.preventDefault(),e.submitForm.apply(null,arguments)}}},[n("b-form-group",[n("div",{staticClass:"d-flex flex-wrap"},[n("div",{staticClass:"form-fields"},[1===e.currentStep?n("div",[n("b-form-textarea",{ref:"input",attrs:{name:"feedback",required:"required",placeholder:e.$t("feedback.validFeedback"),state:e.feedbackInputState,rows:"5","data-qa":"feedback textarea","aria-describedby":"input-live-feedback"},on:{invalid:e.flagInvalidFeedback},model:{value:e.feedback,callback:function(t){e.feedback=t},expression:"feedback"}}),e._v(" "),n("b-form-invalid-feedback",{attrs:{id:"input-live-feedback","data-qa":"feedback message invalid"}},[e._v("\n                "+e._s(e.$t("feedback.validFeedback"))+"\n              ")])],1):e._e(),e._v(" "),2===e.currentStep?n("div",{attrs:{id:"step2"}},[n("b-form-input",{attrs:{autofocus:"",type:"email",name:"email",placeholder:e.$t("feedback.form.placeholders.email"),state:e.emailInputState,"aria-describedby":"input-live-feedback","data-qa":"feedback email input"},on:{invalid:e.flagInvalidEmail},model:{value:e.email,callback:function(t){e.email=t},expression:"email"}}),e._v(" "),n("b-form-invalid-feedback",{attrs:{id:"input-live-feedback","data-qa":"feedback email invalid"}},[e._v("\n                "+e._s(e.$t("feedback.validEmail"))+"\n              ")]),e._v(" "),n("b-form-text",{attrs:{id:"input-live-help"}},[n("p",{staticClass:"mb-0"},[e._v("\n                  "+e._s(e.$t("feedback.emailOptional"))+"\n                ")]),e._v(" "),n("i18n",{attrs:{path:"feedback.policies",tag:"span"}},[n("b-link",{attrs:{to:e.$path("/rights"),target:"_blank"}},[e._v("\n                    "+e._s(e.$t("feedback.termsOfService"))+"\n                  ")]),e._v(" "),n("b-link",{attrs:{to:e.$path("/rights/privacy-policy"),target:"_blank"}},[e._v("\n                    "+e._s(e.$t("feedback.privacyPolicy"))+"\n                  ")])],1)],1)],1):e._e(),e._v(" "),3==e.currentStep?n("div",{staticClass:"feedback-success d-flex align-items-center",attrs:{id:"step3"}},[n("span",{class:e.requestSuccess?"icon-check-circle pr-3":"icon-cancel-circle pr-3"}),e._v(" "),e.requestSuccess?n("span",[n("p",{staticClass:"mb-0"},[e._v(e._s(e.$t("feedback.success")))]),e._v(" "),n("p",{staticClass:"mb-0"},[e._v(e._s(e.$t("feedback.thankYou")))])]):!1===e.requestSuccess?n("span",[n("p",{staticClass:"mb-0"},[e._v(e._s(e.$t("feedback.failed")))])]):e._e()]):e._e()]),e._v(" "),n("div",{staticClass:"form-buttons d-flex justify-content-between align-items-end"},[e.showCancelButton?n("b-button",{staticClass:"mt-3",attrs:{"data-qa":"feedback cancel button",variant:"outline-primary"},on:{click:function(t){return t.preventDefault(),e.hideFeedbackForm.apply(null,arguments)}}},[e._v("\n              "+e._s(e.$t("actions.cancel"))+"\n            ")]):e._e(),e._v(" "),n("div",{staticClass:"button-group-right"},[e.showSkipButton?n("b-button",{staticClass:"mt-3 ml-2",attrs:{"data-qa":"feedback skip button",variant:"outline-primary",disabled:e.disableSkipButton},on:{click:e.skipEmail}},[e._v("\n                "+e._s(e.$t("actions.skip"))+"\n              ")]):e._e(),e.showNextButton?n("b-button",{staticClass:"button-next-step mt-3 ml-2",attrs:{"data-qa":"feedback next button",variant:"primary",type:"submit",disabled:e.disableNextButton}},[e._v("\n                "+e._s(e.$t("actions.next"))+"\n              ")]):e._e(),e._v(" "),e.showSendButton?n("b-button",{staticClass:"mt-3 ml-2",attrs:{"data-qa":"feedback send button",variant:"primary",type:"submit",disabled:e.disableSendButton}},[e._v("\n                "+e._s(e.$t("actions.send"))+"\n              ")]):e._e(),e._v(" "),e.showCloseButton?n("b-button",{staticClass:"mt-3 ml-2",attrs:{"data-qa":"feedback close button",variant:"primary"},on:{click:function(t){return t.preventDefault(),e.hideFeedbackForm.apply(null,arguments)}}},[e._v("\n                "+e._s(e.$t("actions.close"))+"\n              ")]):e._e()],1)],1)])])],1)],1)],1)}),[],!1,null,null,null);t.default=component.exports},873:function(e,t,n){var content=n(1e3);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,n(138).default)("134220cc",content,!0,{sourceMap:!1})},999:function(e,t,n){"use strict";n(873)}}]);
//# sourceMappingURL=2153bf7.js.map