adaptorex
Version:
Connect all your live interactive storytelling devices and software
2 lines (1 loc) • 2.9 kB
JavaScript
import{r as _,W as y,o as v,b as g,d as e,N as b,t as h,z as C,w as k,u as w,ah as $,j as B,v as N,F as q,e as x}from"./index-BijsIkza.js";const L={class:"dropdown-trigger is-flex is-align-items-center"},U={class:"dropdown-content p-1 has-border"},W={__name:"PopUp",props:{unfoldUp:{type:Boolean,default:!1},unfoldRight:{type:Boolean,default:!1}},emits:["isOpen","isClosed"],setup(i,{emit:m}){const d=m,s=_(!1);let r=!0;function c(){s.value?o():u()}function u(){s.value=!0,d("isOpen"),document.addEventListener("click",o)}function o(){if(r)return r=!1;s.value=!1,d("isClosed"),document.removeEventListener("click",o),r=!0}return y(()=>document.removeEventListener("click",o)),(p,n)=>(v(),g("div",{class:C(["dropdown",{"is-active":s.value,"is-up":i.unfoldUp,"is-right":i.unfoldRight}])},[e("div",L,[b(p.$slots,"anchor",{togglePopup:c},()=>[e("button",{class:"button","aria-haspopup":"true","aria-controls":"dropdown-menu3",onClick:n[0]||(n[0]=l=>c())},h(s.value?"close":"open"),1)])]),e("div",{id:"dropdown-menu",class:C(["dropdown-menu p-1",{"is-hidden":!s.value}]),role:"menu",onClick:n[1]||(n[1]=k(()=>{},["stop"])),onMousedown:n[2]||(n[2]=k(()=>{},["stop"]))},[e("div",U,[b(p.$slots,"content",{togglePopup:c})])],34)],2))}},E={class:"box has-background-pink-2"},I={class:"field"},A={class:"label"},F={class:"control"},M={class:"field has-background-light p-3"},O={class:"field"},P={class:"label"},R={class:"control"},z=["value","onChange"],D={class:"field is-grouped is-grouped-centered"},V={class:"control"},j={class:"control"},G={__name:"SessionLauncher",props:{levelId:{type:String,required:!0},levelName:{type:String,required:!1,default:""},game:{type:String,required:!1,default:""}},emits:["close","launched"],setup(i,{emit:m}){const d=i,s=m,r=w(),c=$(),u=_(""),o=_(r.getters["level/levelArgs"](d.levelId)),p=(l,t)=>{o.value[l].value=t};function n(){r.dispatch("live/launchSession",{game:d.game||c.params.game,level:d.levelId,session:u.value,args:o.value}).then(l=>{var t;s("launched",(t=l==null?void 0:l.data)==null?void 0:t.created_id)}).catch().finally(()=>s("close"))}return(l,t)=>(v(),g("div",null,[e("div",E,[e("div",I,[e("label",A,"Create Session based on "+h(i.levelName||i.levelId),1),e("div",F,[B(e("input",{"onUpdate:modelValue":t[0]||(t[0]=a=>u.value=a),class:"input",placeholder:"Session Name"},null,512),[[N,u.value]])])]),e("div",M,[(v(!0),g(q,null,x(o.value,(a,f)=>(v(),g("div",{key:"arg"+f},[e("div",O,[e("label",P,h(f)+" ("+h(a.type||a.collection)+")",1),e("div",R,[e("input",{class:"input has-background-dark has-text-light",placeholder:"database query",value:a.value||a.query,onChange:S=>p(f,S.target.value)},null,40,z)])])]))),128))]),e("div",D,[e("div",V,[e("button",{class:"button is-dark",onClick:k(n,["stop","prevent"])},"Start Session")]),e("div",j,[e("button",{class:"button is-dark",onClick:t[1]||(t[1]=a=>s("close"))},"Cancel")])])])]))}};export{G as _,W as a};