adaptorex/public/assets/GamesList-CTNxytvc.js

Connect all your live interactive storytelling devices and software

import{u as M,c as N,r as f,a as y,b as A,d as c,o as n,e as s,f as b,g as _,w as d,F as D,h as $,t as m,i as L,j as T,k as h,P as E,l as i,v as S,m as v,_ as k}from"./index-BpVbOCok.js";const V={class:"is-scroll-container"},B={class:"height-100 is-flex is-flex-direction-column is-justify-content-center is-align-items-center"},I={class:"is-flex is-flex-direction-column is-flex-wrap-wrap"},W=["onClick"],R={class:"level is-align-items-flex-end"},j={class:"level-left"},F={class:"level-item is-flex-direction-column is-align-items-flex-start"},O={class:"title is-4 has-text-weight-semibold"},P={class:"level-right pb-1 pl-2"},U={class:"level-item"},q=s("label",{for:"name"},"What shall we call your new game?",-1),J={__name:"GamesList",setup(z){const o=M();o.dispatch("adaptor/reset"),o.dispatch("adaptor/getGames");const C=N(()=>o.state.adaptor.games),a=f({visible:!1,name:null}),l=f({visible:!1,name:null});function g(){const r=l.value.name;o.dispatch("adaptor/createGame",{name:r,template:"basic"}).then(()=>l.value.visible=!1,e=>console.error(e))}function x(r,e){a.value.name=e,a.value.visible=!0}function G(){o.dispatch("adaptor/deleteGame",a.value.name).then(()=>{a.value.visible=!1})}return(r,e)=>{const w=y("Icon"),u=A("permission");return n(),c("div",V,[s("div",B,[s("div",I,[(n(!0),c(D,null,$(C.value,t=>d((n(),c("div",{key:t.name,class:"box is-interactive has-background-adaptor has-border mb-3",onClick:p=>r.$router.push({name:"Overview",params:{game:t.name}})},[s("nav",R,[s("div",j,[s("div",F,[s("h4",O,m(t.name),1),s("span",null,m(new Date(t?.setup?.created_at).toDateString()),1)])]),s("div",P,[s("p",U,[d(L(w,{icon:"trash-2",onClick:T(p=>x(p,t.name),["stop"])},null,8,["onClick"]),[[u,h(E).DELETE_GAME]])])])])],8,W)),[[u,t.name,"game"]])),128))]),d((n(),c("div",null,[s("button",{class:"button is-dark mt-2",onClick:e[0]||(e[0]=t=>l.value.visible=!0)},"CREATE NEW GAME")])),[[u,h(E).CREATE_GAME]])]),l.value.visible?(n(),b(k,{key:0,modal:l.value,onCloseModal:e[3]||(e[3]=t=>l.value.visible=!1)},{header:i(()=>[v("NEW GAME")]),footer:i(()=>[s("button",{class:"button is-primary m-1",onClick:g},"NEW GAME"),s("button",{class:"button m-1",onClick:e[2]||(e[2]=t=>l.value.visible=!1)},"CANCEL")]),default:i(()=>[q,d(s("input",{"onUpdate:modelValue":e[1]||(e[1]=t=>l.value.name=t),class:"input",type:"text",name:"name",placeholder:"name"},null,512),[[S,l.value.name]])]),_:1},8,["modal"])):_("",!0),a.value.visible?(n(),b(k,{key:1,modal:a.value,"css-classes":["is-danger"],onCloseModal:e[5]||(e[5]=t=>a.value.visible=!1)},{header:i(()=>[v("DELETE GAME "+m(a.value.name),1)]),footer:i(()=>[s("button",{class:"button is-danger m-1",onClick:G},"DELETE"),s("button",{class:"button m-1",onClick:e[4]||(e[4]=t=>a.value.visible=!1)},"CANCEL")]),default:i(()=>[v(" Do you really want do delete this game? ")]),_:1},8,["modal"])):_("",!0)])}}};export{J as default};