let widgetNodes=document.querySelectorAll(".salong-widget-document-catalogue");if(widgetNodes.length>0)for(let e=0;e<widgetNodes.length;e++){let t=widgetNodes[e].getAttribute("id"),n=widgetNodes[e].querySelector(".document-catalogue").getAttribute("data-term-id");const a=Vue.defineComponent({setup(){const e=Vue.reactive({key:n}),t=Vue.toRefs(e),a=Vue.ref([]);return Vue.onMounted((()=>{a.value.forEach((e=>{let t=e.getAttribute("data-term-id"),a=e.querySelector(".term-content"),o=e.querySelector(".term-toggle");if(n===t)return a.style.height=o.clientHeight+"px",e.classList.add("current"),!1}))})),Object.assign(Object.assign({},t),{widgetSectionRef:e=>{a.value.push(e)},widgetToggleHandle:e=>{a.value.forEach(((t,n)=>{let a=t.querySelector(".term-content"),o=t.querySelector(".term-toggle");e===n&&(a.clientHeight?(a.style.height="0",t.classList.remove("current")):(a.style.height=o.clientHeight+"px",t.classList.add("current")))}))}})}});Vue.createApp(a).mount("#"+t)}let usefulFeedbackNode=document.getElementById("useful-feedback");if(usefulFeedbackNode){const e=Vue.defineComponent({components:{popup:popupComponent},setup(){const e=Vue.reactive({loading:!1,submitLoading:!1,toLoad:!1,isPositive:!1,isNegative:!1,positiveCount:0,negativeCount:0}),t=Vue.toRefs(e),a=Vue.ref(null),o=Vue.ref(null),i=Number(salong_vue.post_id),s=salong_vue.user_ip,c=salong_vue.useful_data,u=Vuex.useStore().state.userData.id,l="need"===("1"===salong_vue.useful_need_login?"need":"no")?u:String(s),d=e=>sax.post("salong/v1/useful-data","post_id="+i+"&type="+e),r=async()=>{await Promise.all([d("positive"),d("negative")]).then((function(t){e.isPositive=SalongInArray(l,t[0].data.array),e.positiveCount=t[0].data.count,e.isNegative=SalongInArray(l,t[1].data.array),e.negativeCount=t[1].data.count}))},m=()=>{if("0"!==salong_vue.scroll_load&&a.value){if(e.toLoad)return;document.documentElement.scrollTop+document.documentElement.clientHeight>a.value.offsetTop+50&&(e.toLoad=!0,r())}};return Vue.onMounted((()=>{c.negative.count||c.positive.count?(e.isPositive=SalongInArray(l,c.positive.array),e.positiveCount=c.positive.count,e.isNegative=SalongInArray(l,c.negative.array),e.negativeCount=c.negative.count):"1"===salong_vue.scroll_load?document.addEventListener("scroll",m,!0):r()})),Vue.onUnmounted((()=>{c.negative.count||c.positive.count||"1"===salong_vue.scroll_load&&document.removeEventListener("scroll",m)})),Object.assign(Object.assign({},t),{usefulRef:a,usefulHandle:t=>{("1"!==salong_vue.useful_need_login||u||0!=noLogin())&&(async t=>{e.loading=!0,await sax.post("salong/v1/useful","post_id="+i+"&type="+t+"&user_ip="+s).then((n=>{"positive"===t?(e.isPositive=SalongInArray(l,n.data.positive.array),e.positiveCount=n.data.positive.count):(e.isNegative=SalongInArray(l,n.data.negative.array),e.negativeCount=n.data.negative.count),e.loading=!1,Qmsg.success(n.data.hint)})).catch((t=>{e.loading=!1,Qmsg.warning(t.response.data.message)}))})(t)},openFeedback:async()=>{("1"!==salong_vue.feedback_need_login||u||0!=noLogin())&&(e.submitLoading=!0,await sax.post("salong/v1/verify-feedback-submit","post_id="+i).then((()=>{e.submitLoading=!1,n.documentFeedbackRef.showPopup=!0})).catch((t=>{e.submitLoading=!1,Qmsg.warning(t.response.data.message)})))},documentFeedbackRef:o})}}),t=Vue.createApp(e);t.component("feedback-form",{template:'<div class="popup-header bg-main-hover">\n            <h3 class="title">{{textHint.feedback_title}}</h3>\n        </div>\n        <div class="popup-content document-feedback-content module-bg">\n            <div class="document-feedback-form">\n                <div class="input">\n                    <div v-if="userData.id" class="user-info"><img :src="userData.avatar"/><span class="color-text">{{userData.name}}</span></div>\n                    <input v-else spellcheck="true" type="text" v-model="loginData.name" :placeholder="textHint.document_placeholder.name">\n                </div>\n                <div class="input">\n                    <input spellcheck="true" type="text" v-model="loginData.subject" :placeholder="textHint.document_placeholder.subject">\n                </div>\n                <div class="input">\n                    <textarea v-model="loginData.content" :placeholder="textHint.document_placeholder.content"></textarea>\n                </div>\n                <div class="input">\n                    <input spellcheck="true" v-model="loginData.username" :placeholder="textHint.document_placeholder[checkType]">\n                    <button class="button-code module-bg color-text transition bg-hover-hover" @click="switchVerify"><template v-if="checkType === \'email\'">{{textHint.phone_verify}}</template><template v-else>{{textHint.email_verify}}</template></button>\n                </div>\n                <div class="input">\n                    <input spellcheck="true" type="text" v-model="loginData.smsCaptcha" :placeholder="textHint.document_placeholder.code" />\n                    <button class="button-code module-bg color-text transition bg-hover-hover" :class="{\'salong-loading main disabled\': clickSendIng}" @click="clickSend" v-if="!showTimer">{{textHint.send_code}}</button>\n                    <span class="button-code color-meta transition" v-else>{{textHint.send_code_agin.replace(\'#\', countdown)}}</span>\n                </div>\n                <span v-html="textHint.feedback_terms" class="color-meta terms"></span>\n                <button class="submit button-main button-radius" @click="submitHandle()" :class="[{\'salong-loading white\': submitIng},{\'disabled\': !canSubmit}]" :disabled="submitIng || !canSubmit">{{textHint.submit}}</button>\n            </div>\n        </div>',setup(){const e=Vue.reactive({pass:null,submitIng:!1,timer:null,showTimer:!1,countdown:60,clickSendIng:!1,checkType:"email",canSubmit:!1,show:!1}),t=Vue.toRefs(e),a=Vuex.useStore(),o=a.state.loginData,i=a.state.userData,s={post_id:salong_vue.post_id,rec_terms_page:salong_vue.rec_terms_page},c=e=>{n.documentFeedbackRef.showPopup=!0};emitter.on("show-useful-feedback-emit",c),Vue.onUnmounted((()=>{emitter.off("show-useful-feedback-emit",c)}));return Vue.onMounted((()=>{i.id&&a.commit("loginDataCommit",{name:i.name,user_id:i.id,username:i[e.checkType]})})),Vue.watchEffect((()=>{e.canSubmit=!1,o.name&&o.subject&&o.content&&o.username&&o.smsCaptcha&&(e.canSubmit=!0)})),Object.assign(Object.assign(Object.assign({},t),s),{loginData:o,userData:i,switchVerify:()=>{e.checkType="email"===e.checkType?"phone":"email",a.commit("loginDataCommit",{username:i[e.checkType]})},textHint:textHint,submitHandle:async()=>{a.commit("loginDataCommit",{post_id:s.post_id}),e.submitIng=!0,await sax.post("salong/v1/feedback-submit",o).then((t=>{Qmsg.success(t.data),e.submitIng=!1,n.documentFeedbackRef.showPopup=!1})).catch((t=>{e.submitIng=!1,Qmsg.warning(t.response.data.message)}))},clickSend:async()=>{e.clickSendIng=!0,e.countdown=60,a.commit("loginDataCommit",{mode:e.checkType,type:"thirdVerify"}),await sax.post("salong/v1/check-email-phone",o).then((t=>{footer.captchaPopupRef.showPopup=!0,n.documentFeedbackRef.showPopup=!1,emitter.emit("verify-email-phone-emit","document-feedback"),e.showTimer=!0,e.clickSendIng=!1,e.timer=setInterval((()=>{e.countdown--,0===e.countdown&&(e.showTimer=!1,clearInterval(e.timer))}),1e3)})).catch((t=>{e.clickSendIng=!1,Qmsg.warning(t.response.data.message)}))}})}}),t.use(store);const n=t.mount("#useful-feedback")}