https://dipylon-walkthelongwalls.org/assets/Quiz-C2CtAnRI.js

1import{e as I,_ as L,j as c,k as f,R as N,S as R,as as A,i as j,G as H,r as l,h as P,c as Q,l as s,J as b,y as z,N as F,I as d,ac as M,x as p,O as B,T as C,a8 as G,a7 as U,aN as K,t as W,p as X,aM as Y}from"./index-FGQmFSjN.js";import{a as Z}from"./index-OsuSY8x3.js";import{S as $}from"./SideDrawerBtn--B_JDiuo.js";import{A as ee}from"./AppFooter-Cu9WUqGq.js";import"./index-AdUk4Bkc.js";const te=I({__name:"QuizPagination",props:["activeQuestion","length"],setup(v,{expose:a}){a();const e={props:v};return Object.defineProperty(e,"__isScriptSetup",{enumerable:!1,value:!0}),e}}),ne={class:"trivia-pagination"};function oe(v,a,t,e,u,o){return c(),f("div",ne,[(c(!0),f(N,null,R(t.length,n=>(c(),f("div",{class:A({active:t.activeQuestion===n-1}),key:n},null,2))),128))])}const se=L(te,[["render",oe],["__scopeId","data-v-f9240c89"],["__file","QuizPagination.vue"]]),ie=I({__name:"QuizIntro",props:["active"],emits:["start"],setup(v,{expose:a,emit:t}){a();const e=j.global.locale,{t:u}=H(),o=t,n=v,r=l(!1);setTimeout(()=>{r.value=!0},100);const i=()=>{o("start")},{formatData:_}=P("trivia",{formatData:l([])}),T=Q(()=>{var g,q,y,S,w,h;return e.value==="el"?(y=(q=(g=_.value)==null?void 0:g.custom_fields)==null?void 0:q.intro)==null?void 0:y.title:(h=(w=(S=_.value)==null?void 0:S.custom_fields)==null?void 0:w.intro)==null?void 0:h.title_en}),k=Q(()=>{var g,q,y,S,w,h;return e.value==="el"?(y=(q=(g=_.value)==null?void 0:g.custom_fields)==null?void 0:q.intro)==null?void 0:y.content:(h=(w=(S=_.value)==null?void 0:S.custom_fields)==null?void 0:w.intro)==null?void 0:h.content_en}),m={locale:e,t:u,emit:o,props:n,active:r,start:i,data:_,title:T,content:k};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}}),ae={class:"intro-inner"},re=["src"],ce=["innerHTML"],le=["innerHTML"];function ue(v,a,t,e,u,o){var n,r,i,_;return c(),f("div",{class:A(["intro",{active:e.active}])},[s("div",ae,[s("img",{src:(_=(i=(r=(n=e.data)==null?void 0:n.custom_fields)==null?void 0:r.intro)==null?void 0:i.image)==null?void 0:_.url,class:"intro-bg"},null,8,re),s("h2",{class:"subtitle",innerHTML:e.title},null,8,ce),s("div",{class:"text",innerHTML:e.content},null,8,le),b(M,{rounded:"",color:"btn-primary","text-color":"white",class:"btn",onClick:e.start},{default:z(()=>[F(d(e.t("start_quiz"))+"! ",1)]),_:1})])],2)}const _e=L(ie,[["render",ue],["__scopeId","data-v-f2390f3e"],["__file","QuizIntro.vue"]]),de=I({__name:"QuizQuestion",props:["question","questionIndex"],emits:["nextQuestion"],setup(v,{expose:a,emit:t}){a();const e=j.global.locale,{t:u}=H(),o=v,n=t,r=l(0),i=l(null),{formatData:_,results:T}=P("trivia",{formatData:l([]),results:l([])}),k=x=>{i.value=x,setTimeout(()=>{T.value[o.questionIndex]===-1&&(T.value[o.questionIndex]=o.question.question.answers[x].correct?1:0)},1e3)},m=()=>{document.body.scrollTo(0,0),n("nextQuestion")};function g(x){document.body.scrollTo(0,0)}const q=l(null);q.value=o.question.question.answers.findIndex(x=>x.correct);const y=(x=1)=>{const D=e.value==="el"?913:65;return(J=>String.fromCharCode(D+J))(x)},S=Q(()=>e.value==="el"?o.question.image_caption:o.question.image_caption_en),w=Q(()=>{var x,D;return e.value==="el"?(x=o.question.question)==null?void 0:x.title:(D=o.question.question)==null?void 0:D.title_en}),h=x=>e.value==="el"?x.answer:x.answer_en,E=Q(()=>e.value==="el"?o.question.fun_fact.title:o.question.fun_fact.title_en),V=Q(()=>e.value==="el"?o.question.fun_fact.content:o.question.fun_fact.content_en),O={locale:e,t:u,props:o,emit:n,page:r,activeAnswer:i,data:_,results:T,setResult:k,nextQuestion:m,onBeforeLeave:g,correctAnswer:q,indexToAlpha:y,caption:S,title:w,answerLocale:h,titleFF:E,content:V};return Object.defineProperty(O,"__isScriptSetup",{enumerable:!1,value:!0}),O}}),ve={key:0,class:"trivia-question"},fe={class:"image-container"},me=["src","width","height"],he=["innerHTML"],ge={class:"question-container"},qe={class:"question"},xe={class:"answers"},Qe={class:"result"},Te={key:0},be={key:1},ke={key:2},ye={key:1,class:"fun-fact"},we=["src"],ze=["innerHTML"],Se=["innerHTML"],pe={key:0},Ie={key:1};function Le(v,a,t,e,u,o){return c(),p(C,{mode:"out-in",name:"main",onBeforeLeave:e.onBeforeLeave},{default:z(()=>{var n;return[e.page===0?(c(),f("div",ve,[s("div",fe,[s("img",{src:t.question.image.url,width:t.question.image.width,height:t.question.image.height},null,8,me),(n=t.question)!=null&&n.image_caption?(c(),f("p",{key:0,innerHTML:e.caption},null,8,he)):B("",!0)]),s("div",ge,[s("h1",null,d(e.t("question"))+" "+d(t.questionIndex+1)+":",1),s("div",qe,d(e.title),

11),s("div",xe,[(c(!0),f(N,null,R(t.question.question.answers,(r,i)=>(c(),p(M,{rounded:"",align:"left",unelevated:"",class:A(["btn",{default:e.results[t.questionIndex]===-1&&e.activeAnswer===null,active:e.activeAnswer===i&&e.results[t.questionIndex]===-1,inactive:e.activeAnswer!==i&&e.results[t.questionIndex]!==-1,correct:e.activeAnswer===i&&e.results[t.questionIndex]!==-1&&e.results[t.questionIndex]||e.results[t.questionIndex]!==-1&&i===e.correctAnswer,wrong:e.activeAnswer===i&&e.results[t.questionIndex]===0}]),disable:e.activeAnswer!==null,onClick:_=>e.setResult(i)},{default:z(()=>[F(d(e.indexToAlpha(i))+". "+d(e.answerLocale(r)),1)]),_:2},1032,["disable","class","onClick"]))),256))]),s("div",{class:A(["result-container",{correct:e.results[t.questionIndex]===1&&e.activeAnswer!==null,wrong:e.results[t.questionIndex]===0&&e.activeAnswer!==null}])},[s("div",Qe,[e.results[t.questionIndex]?(c(),f("p",Te,d(e.t("correct"))+"!!",1)):(c(),f("p",be,d(e.t("correct_answer_is"))+":",1)),e.results[t.questionIndex]===0?(c(),f("p",ke,d(e.indexToAlpha(e.correctAnswer))+". "+d(e.answerLocale(t.question.question.answers[e.correctAnswer])),1)):B("",!0)]),b(M,{unelevated:"",rounded:"","text-color":"white",onClick:a[0]||(a[0]=r=>e.page=1)},{default:z(()=>[F(d(e.t("continue")),1)]),_:1})],2)])])):(c(),f("div",ye,[s("img",{src:e.data.custom_fields.background_image.url},null,8,we),s("h1",null,d(e.t("did_you_know"))+"...",1),s("div",null,[s("p",{innerHTML:e.titleFF},null,8,ze),s("div",{class:"text",innerHTML:e.content},null,8,Se)]),b(M,{unelevated:"",rounded:"","text-color":"white",onClick:e.nextQuestion},{default:z(()=>[t.questionIndex<4?(c(),f("span",pe,d(e.t("next_question"))+"!",1)):(c(),f("span",Ie,d(e.t("see_your_score"))+"!",1))]),_:1})]))]}),_:1})}const Ae=L(de,[["render",Le],["__scopeId","data-v-a04a8bd2"],["__file","QuizQuestion.vue"]]),Me=I({__name:"QuizQuestions",emits:["next"],setup(v,{expose:a,emit:t}){const e=t,{formatData:u,results:o}=P("trivia",{formatData:l([]),results:l([])}),n=l(0);a({activeQuestion:n});const r=Q(()=>u.value.custom_fields.questions[n.value]||{}),_={emit:e,data:u,results:o,activeQuestion:n,activeQuestionData:r,next:()=>{o.value[n.value]!==-1&&(n.value<u.value.custom_fields.questions.length-1?n.value++:e("next"))},QuizQuestion:Ae};return Object.defineProperty(_,"__isScriptSetup",{enumerable:!1,value:!0}),_}}),Ce={class:"trivia-questions"},De={class:"trivia-questions__inner"};function Fe(v,a,t,e,u,o){return c(),f("div",Ce,[s("div",De,[b(C,{mode:"out-in",name:"main"},{default:z(()=>[(c(),p(e.QuizQuestion,{question:e.activeQuestionData,questionIndex:e.activeQuestion,key:e.activeQuestion,onNextQuestion:e.next},null,8,["question","questionIndex"]))]),_:1})])])}const Be=L(Me,[["render",Fe],["__scopeId","data-v-5b29cbe5"],["__file","QuizQuestions.vue"]]),He=I({__name:"QuizFinished",props:["active"],emits:["backToTour"],setup(v,{expose:a,emit:t}){a();const{t:e}=H(),u=t,o=v,{formatData:n,results:r}=P("trivia",{formatData:l([]),results:l([])}),i=Q(()=>r.value.reduce((g,q)=>g+q,0)),_=Q(()=>{switch(i.value){case 0:case 1:return{title:e("score.s1.title"),content:e("score.s1.content")};case 2:case 3:return{title:e("score.s2.title"),content:e("score.s2.content")};case 4:return{title:e("score.s3.title"),content:e("score.s3.content")};case 5:return{title:e("score.s4.title"),content:e("score.s4.content")};default:return{title:e("score.s4.title"),content:e("score.s4.content")}}}),T=()=>{u("backToTour")},k=Q(()=>JSON.parse(localStorage.getItem("completedEnclaves")).length===4),m={t:e,emit:u,props:o,data:n,results:r,score:i,scoreMessage:_,backToTour:T,lastEnclave:k};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}}),Pe={class:"intro-inner"},je=["src"],Oe={class:"title"},Ne={class:"content"},Re={key:0},Ee=["innerHTML"];function Ve(v,a,t,e,u,o){var n,r,i,_;return c(),f("div",{class:A(["intro",{active:t.active}])},[s("div",Pe,[s("img",{src:(_=(i=(r=(n=e.data)==null?void 0:n.custom_fields)==null?void 0:r.intro)==null?void 0:i.image)==null?void 0:_.url,class:"intro-bg"},null,8,je),s("div",Oe,[s("h1",null,d(e.score)+"/5",1),s("h1",null,'"'+d(e.scoreMessage.title)+'"',1)]),s("div",Ne,[s("p",null,d(e.scoreMessage.content),1),e.lastEnclave?(c(),f("p",{key:1,innerHTML:e.t("completed_enclaves")},null,8,Ee)):(c(),f("p",Re,d(e.t("see_you_soon"))+"!",1))]),b(M,{rounded:"",color:"btn-primary","text-color":"white",unelevated:"",class:"btn",onClick:e.backToTour},{default:z(()=>[F(d(e.t("back_tour")),1)]),_:1})])],2)}const Je=L(He,[["render",Ve],["__scopeId","data-v-088687c5"],["__file","QuizFinished.vue"]]);function Ge(v,a){const t=l(null),e=l(!1);function u(){const o=setTimeout(()=>{e.value=!0},500);fetch(`${v}&lang=${a.value}`).then(n=>n.json()).then(n=>{t.value=n,clearTimeout(o),e.value=!1})}return G(u),{data:t}}const Ue=I({__name:"Quiz",setup(v,{expose:a}){a();const t=Z("completedEnclaves",[]),e=l(0);//! Always start at 0
2const u=l(-1);function o(h){document.body.scrollTo(0,0)}const n=()=>{const h=i.params.index;t.value.includes(h)||t.value.push(h),e.value=2},r=U(),i=K(),_=()=>{const h={name:i.query.returnToTour==="ontheroad"?"On the Road Tour":"Remote Tour",params:{tourSelected:"kids"},query:{poi:i.query.returnToPoi||0}};

2r.push(h),e.value=0},T=j.global.locale,k=Q(()=>`https://api.dipylon-walkthelongwalls.org/json/data/quiz?slug=${i.params.index}&acf_format=standard`),{data:m}=Ge(k.value,T),g=Q(()=>m!=null&&m.value?m.value[0]:{}),q=l([]);q.value=new Array(5).fill(-1),W("trivia",{formatData:g,results:q});const y=l(0),S=Q(()=>{var h;return(h=y.value)==null?void 0:h.activeQuestion}),w={localStorage:t,state:e,category:u,onBeforeLeave:o,questionsFinished:n,router:r,route:i,backToTour:_,locale:T,quizUrl:k,data:m,formatData:g,results:q,questionsRef:y,activeQuestion:S,QuizPagination:se,QuizIntro:_e,QuizQuestions:Be,QuizFinished:Je};return Object.defineProperty(w,"__isScriptSetup",{enumerable:!1,value:!0}),w}}),Ke={class:"trivia"},We={class:"title-container"},Xe=["innerHTML"];function Ye(v,a,t,e,u,o){var n,r;return c(),f("div",Ke,[s("div",We,[s("h1",{innerHTML:(r=(n=e.formatData)==null?void 0:n.title)==null?void 0:r.rendered,class:"title"},null,8,Xe),b(C,{mode:"out-in",name:"main"},{default:z(()=>[e.state!==2?(c(),p(e.QuizPagination,{key:0,activeQuestion:e.activeQuestion,length:5},null,8,["activeQuestion"])):B("",!0)]),_:1})]),b(C,{mode:"out-in",name:"main",onBeforeLeave:e.onBeforeLeave},{default:z(()=>[e.state===0?(c(),p(e.QuizIntro,{key:0,onStart:a[0]||(a[0]=i=>e.state=1)})):e.state===1?(c(),p(e.QuizQuestions,{key:1,ref:"questionsRef",onNext:e.questionsFinished},null,512)):e.state===2?(c(),p(e.QuizFinished,{key:2,onBackToTour:e.backToTour})):B("",!0)]),_:1})])}const Ze=L(Ue,[["render",Ye],["__scopeId","data-v-794af51d"],["__file","Quiz.vue"]]),$e=I({__name:"Quiz",setup(v,{expose:a}){a();const{t}=H(),e=l(!1),u=l(!1),o=()=>{k.value=!0,m.value=2},n=l(null),r=()=>{},i=()=>{},_=l(!1),T=l(0),k=l(!0),m=l(0);X(()=>{});const g={t,active:e,loading:u,backToIqos:o,dome:n,reset:r,start:i,opened:_,elevation:T,presentation:k,activePresentationStep:m,Quiz:Ze,SideDrawerBtn:$,AppFooter:ee,LanguageSelector:Y};return Object.defineProperty(g,"__isScriptSetup",{enumerable:!1,value:!0}),g}}),et={id:"header",class:"header-alternative"},tt={class:"language-selector-parent"},nt={class:"mobile-header-title"},ot={class:"main-container"};function st(v,a,t,e,u,o){return c(),f("main",{class:A({active:e.active})},[s("div",et,[b(e.SideDrawerBtn),s("div",tt,[b(e.LanguageSelector)]),s("div",nt,[a[0]||(a[0]=s("img",{src:"/favicon.svg",alt:"",width:"48",height:"48"},null,-1)),s("span",null,d(e.t("intro.intro")),1)])]),s("div",ot,[b(C,{mode:"out-in",name:"main"},{default:z(()=>[b(e.Quiz)]),_:1})]),b(e.AppFooter)],2)}const _t=L($e,[["render",st],["__scopeId","data-v-6afb8218"],["__file","Quiz.vue"]]);export{_t as default};