adaptorex/public/assets/GamesList-llOktPzv.js

Connect all your live interactive storytelling devices and software

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