https://otobanana.com/_nuxt/QsYsdaWt.js

1import{e as z,g as n,i as x,o as i,w as u,a as o,t as c,h as t,c as f,O as v,b as r,_ as F,a0 as de,L as ve,m as pe,M as me,B as b,T as fe,u as ye,b9 as g,a2 as _e,k as he,d as E,$ as be,j as ge}from"./OxIcw8id.js";import{M as Ee}from"./BVfBsldv.js";import{u as xe}from"./2C0xbfDD.js";import{B as D}from"./Uy1T3CgA.js";import{I as De}from"./BF8BneKt.js";import{H as Oe}from"./BofUd4eO.js";import{E as ke,a as we}from"./BIjmiWiE.js";import{M as Ce}from"./DlHjg8Je.js";import{S as Te}from"./C-AFGm5H.js";import{s as Me}from"./DVTaE1t8.js";import"./DZXlDvG6.js";import"./BuchrI5j.js";import"./6f67yMYv.js";import"./umD_9Jvw.js";import"./BvILX_rI.js";const Ae={class:"event-verification"},$e={class:"verification-title"},Be={class:"verification-content"},Ie={key:0},Ne={class:"action-buttons"},Ve={class:"agree-button"},Se={class:"cancel-button"},Re=z({__name:"EventVerificationModal",props:{isVisible:{type:Boolean,default:!1},isEntered:{type:Boolean,default:!0},isInSession:{type:Boolean,default:!1}},emits:["onEntry","onRetire","onClose"],setup(y,{emit:_}){const d=y,p=_,O=n(()=>d.isEntered?"にエントリーしますか？":"をリタイアしますか？"),l=n(()=>d.isEntered?"※開催期間が重複する他のイベントにはエントリーできなくなります。":d.isInSession?"※イベント開催中にリタイアすると再エントリーできなくなります。":""),k=()=>p("onEntry"),w=()=>p("onRetire"),m=()=>p("onClose");return(C,S)=>(i(),x(Ce,{"is-visible":y.isVisible,onOnClickOutside:m},{default:u(()=>[o("div",Ae,[o("div",$e,"イベント"+c(t(O)),1),o("div",Be,[t(l)?(i(),f("p",Ie,c(t(l)),1)):v("",!0)]),o("div",Ne,[o("div",Ve,[y.isEntered?(i(),x(D,{key:0,text:"エントリーする",color:"banana",onOnClick:k})):(i(),x(D,{key:1,text:"リタイアする",color:"banana",onOnClick:w}))]),o("div",Se,[r(D,{text:"キャンセルする",color:"white",onOnClick:m})])])])]),_:1},8,["is-visible"]))}}),Ge=F(Re,[["__scopeId","data-v-0c8c3749"]]),Le={key:0,class:"entry-block"},He={key:0,class:"entry-appeal"},ze={class:"appeal-text"},Fe={class:"appeal-text is-count"},We={key:1,class:"entry-caution"},je={key:2,class:"entry-caution"},qe={class:"entry-button"},Ze=["innerHTML"],Je=z({__name:"index",async setup(y){let _,d;const{params:p,path:O}=de(),{eventid:l}=p,k=new Ee,{isLoggedIn:w}=ve(),{$customGtag:m,$isAdult:C,$sanitize:S}=pe(),{eventDetail:e,isRequiredEntry:R,fetchEventDetail:T,postEventEntry:W,cancelEventEntry:j}=xe(),h=ge();[_,d]=me(()=>T(l)),await _,d();const M=b(!1),A=n(()=>e.value?e.value.title:""),q=n(()=>e.value?k.parse(e.value.content,{breaks:!0}):""),Z=n(()=>e.value?e.value.ogpImage:""),J=n(()=>({"--font-color":e.value?e.value.color:"#50505a"})),K=n(()=>`「${e.value?.title}」イベントに参加して報酬獲得を目指しましょう！`),P=()=>M.value=!0,$=()=>M.value=!1,a=b({day:"00",hour:"00",minute:"00",second:"00"}),B=b(),G=n(()=>e.value?e.value.eventType===1?new Date(e.value.openDate):e.value.eventType===2?new Date(e.value.closeDate):"":""),Q=()=>{if(!G.value){clearInterval(B.value);return}const H=new Date(Date.now()),s=G.value.getTime()-H.getTime(),V=Math.floor(s/1e3/60/60/24),re=Math.floor(s/1e3/60/60)%24,ce=Math.floor(s/1e3/60)%60,ue=Math.floor(s/1e3)%60;a.value={day:`${g(V)}`,hour:`${g(re)}`,minute:`${g(ce)}`,second:`${g(ue)}`},a.value.day==="00"&&a.value.hour==="00"&&a.value.minute==="00"&&a.value.second==="00"&&clearInterval(B.value)};fe(()=>{B.value=Me(Q,1e3)});const U=n(()=>e.value?new Date(Date.now())>=new Date(e.value.closeDate):!0),X=n(()=>w&&R.value&&!U.value),Y=n(()=>!e.value||e.value.isEntered?!1:e.value.eventType===1?new Date(Date.now())<new Date(e.value.openDate):e.value.eventType===2?new Date(Date.now())<new Date(e.value.closeDate):!1),ee=n(()=>e?.value?.isEntered?!1:!e?.value?.isAvailableEntry),te=n(()=>e.value?e.value.eventType===1?"開催日":e.value.eventType===2?"終了日":"":""),ne=n(()=>e?.value?.targetGender!==0),oe=n(()=>e?.value?.targetGender===1?"男性":e?.value?.targetGender===2?"女性":""),se=n(()=>e?.value?.isEntered?"エントリーをリタイアする":e?.value?.isAvailableEntry?"今すぐエントリーする":"エントリー不可"),I=b(!1),ae=()=>I.value=!0,N=()=>I.value=!1,ie=async()=>{await W(l),T(l),N(),m("entry_event",{event_category:"engagement",event_label:"Event",floor:C()?h.public.floorAdult:h.public.floorGeneral})},le=async()=>{await j(l),T(l),N(),m("retire_event",{event_category:"engagement",event_label:"Event",floor:C()?h.public.floorAdult:h.public.floorGeneral})},L=`OTOBANANAのイベント「${A.value}」の詳細ページです。OTOBANANAでは様々なイベントを開催しています。開催中のイベントをチェックしましょう！`;return ye({title:`${A.value} | OTOBANANA`,meta:[{hid:"description",name:"description",content:L},{hid:"og:title",property:"og:title",content:`${A.value} | OTOBANANA`},{hid:"og:description",property:"og:description",content:L},{hid:"og:image",property:"og:image",content:Z.value}]}),(H,s)=>{const V=he;return t(e)?(i(),x(ke,{key:0,color:t(e).color},{"header-title":u(()=>[r(Oe,{text:t(e).title},{default:u(()=>[o("button",{class:"share-button",onClick:be(P,["prevent","stop"])},[r(De,{name:"share","sp-size":"24","is-fixed-in-sp":""})])]),_:1},8,["text"])]),"header-main":u(()=>[r(we,{src:t(e).banner,path:t(O),color:t(e).color,"use-sub-page":t(R),"is-currently-description":""},{default:u(()=>[r(V,null,{default:u(()=>[t(X)?(i(),f("div",Le,[t(Y)?(i(),f("div",He,[s[4]||(s[4]=o("p",{class:"appeal-text"},"配信者の皆様へ",-1)),o("p",ze,"エントリー締め切りの"+c(t(te))+"まで、あと",1),o("p",Fe,[E(c(t(a).day),1),s[0]||(s[0]=o("span",{class:"mini"},"日",-1)),E(c(t(a).hour),1),s[1]||(s[1]=o("span",{class:"mini"},"時間",-1)),E(c(t(a).minute),1),s[2]||(s[2]=o("span",{class:"mini"},"分",-1)),E(c(t(a).second),1),s[3]||(s[3]=o("span",{class:"mini"},"秒",-1))])])):v("",!0),t(ne)?(i(),f("p",We," ※注 : 性別に"+c(t(oe))+"を設定しているユーザーのみ参加できます。 ",1)):v("",!0),t(e).isEntered?(i(),f("p",je,"エントリー済みです。")):v("",!0),o("div",qe,[r(D,{text:t(se),size:"small","is-full-width":"","is-disabled":t(ee),onOnClick:ae},null,8,["text","is-disabled"])])])):v("",!0)]),_:1})]),_:1},8,["src","path","color","use-sub-page"])]),"detail-contents":u(()=>[o("div",{class:"event-description",style:_e(t(J)),innerHTML:t(S)(t(q))},null,12,Ze),r(Ge,{"is-visible":t(I),"is-entered":!t(e).isEntered,"is-in-session":t(e).eventType===2,onOnEntry:ie,onOnRetire:le,onOnClose:N},null,8,["is-visible","is-entered","is-in-session"]),r(Te,{"is-visible":t(M),"share-text":t(K),onOnClickOutside:$,onOnShare:$,onOnCopy:$},null,8,["is-visible","share-text"])]),_:1},8,["color"])):v("",!0)}}}),ct=F(Je,[["__scopeId","data-v-0169c504"]]);export{ct as default};