UNPKG

adaptorex

Version:

Connect all your live interactive storytelling devices and software

2 lines (1 loc) 7.87 kB
import{u as B,c as A,r as T,a as F,o as t,b as i,F as y,e as P,z as V,f as c,h as _,d as e,t as h,k as r,g as b,w as g,A as L,q,B as R,i as x,_ as j}from"./index-BijsIkza.js";import{_ as D}from"./FoldOut-riUX07ZO.js";const z={class:"level-left"},G={class:"level-item"},U={class:"is-uppercase"},H={key:0,class:"level-item"},J=["href"],K={key:0,class:"level-right"},Q={class:"level-item"},W={class:"level-item"},X={class:"level-item"},Y={key:1},Z={key:2},ee={class:"is-uppercase"},se={class:"level"},te={class:"level-left"},le={class:"level-item"},ne={class:""},oe={class:"level-right"},ae={class:"level-item"},ie={class:"level-item"},ce={class:"level-item"},de={class:"level-item"},re={class:"level-item"},ue={class:"button"},he=e("div",null,null,-1),me=e("h2",{class:"m-2 mb-3"},"AVAILABLE",-1),_e={class:"plugin-settings-container has-background-purple-5"},ve={class:"level"},pe={class:"level-left is-flex-shrink-1"},ge={class:"level-item"},be={class:"is-uppercase"},ke={class:"level-item is-flex-shrink-1"},fe={class:"content is-small"},Ce=["href"],$e={class:"level-right"},ye={class:"level-item"},Ie={__name:"PluginSettings",setup(M,{expose:I}){const v=B();I({onVisible:()=>{v.dispatch("plugins/getAvailable"),v.dispatch("plugins/getInstalled")}}),v.dispatch("plugins/getAvailable"),v.dispatch("plugins/getInstalled");const E=A(()=>v.state.plugins.plugins),O=A(()=>v.getters["plugins/availablePlugins"]),n=T({visible:!1,plugin:null,collection:null,item:null});function p({plugin:l,collection:u,item:a}){n.value.plugin=l,n.value.collection=u,n.value.item=a,n.value.visible=!0}return(l,u)=>{const a=F("Icon");return t(),i(y,null,[(t(!0),i(y,null,P(E.value,s=>(t(),i("div",{key:s.name,class:V(["plugin-settings-container",[s.core?"has-background-light":"has-background-white"]])},[c(D,null,{header:_(()=>{var k,f,C,m;return[e("nav",{class:V(["level",[s.core?"":" is-interactive"]])},[e("div",z,[e("div",G,[e("h1",U,h(((k=s.package)==null?void 0:k.title)||s.name),1)]),(f=s.package)!=null&&f.homepage&&((C=s.package)==null?void 0:C.homepage)!=""?(t(),i("div",H,[e("a",{class:"is-flex pl-1",href:(m=s.package)==null?void 0:m.homepage,target:"_blank",rel:"noopener noreferrer"},[c(a,{class:"has-text-grey",icon:"help-circle",tooltip:"Open Documentation",interactive:!1})],8,J)])):r("",!0)]),s.core?r("",!0):(t(),i("div",K,[e("div",Q,[s.connectible?(t(),b(a,{key:0,class:"m-1",icon:"circle",tooltip:`Plugin ${s.connected?"connected":"disconnected"}`,fill:s.connected?"green":"red",interactive:!1},null,8,["tooltip","fill"])):r("",!0)]),e("div",W,[c(a,{icon:"refresh-cw",tooltip:"Reload Plugin",class:"m-1",onClick:g(d=>l.$store.dispatch("plugins/load",{plugin:s.name}),["stop"])},null,8,["onClick"])]),e("div",X,[c(a,{icon:"trash",tooltip:"Delete Plugin",onClick:g(d=>l.$store.dispatch("plugins/remove",{plugin:s.name}),["stop"])},null,8,["onClick"])])]))],2)]}),default:_(({toggleFold:k})=>{var f,C;return[s.core?r("",!0):(t(),b(L,{key:0,schema:s.settings.schema,data:((f=s.settings)==null?void 0:f.data)||{},onOnConfirm:m=>l.$store.dispatch("plugins/updateSettings",{plugin:s.name,data:m}),onOnClose:k},null,8,["schema","data","onOnConfirm","onOnClose"])),s.core?r("",!0):(t(),i("br",Y)),!s.core&&((C=s.items)!=null&&C.length)?(t(),i("h2",Z,"ITEMS")):r("",!0),(t(!0),i(y,null,P(s.items,(m,d,w)=>(t(),i("div",{key:w,class:"ml-2 m-1 p-1"},[e("h2",ee,h(d),1),(t(!0),i(y,null,P(m.items,(o,S)=>(t(),i("div",{key:d+"_item_"+S,class:"mb-2 p-2 has-background-blue-4 has-text-black"},[c(D,{class:"has-background-blue-5"},{header:_(()=>[e("nav",se,[e("div",te,[e("div",le,[e("p",ne,h((o==null?void 0:o.name)||`${d}_${w}`),1)])]),e("div",oe,[e("p",ae,[o.connectible?(t(),b(a,{key:0,class:"has-text-black",icon:"plug",title:"Connect Item",onClick:g($=>l.$store.dispatch("plugins/connectItem",{plugin:s.name,collection:d,item:o._id}),["stop"])},null,8,["onClick"])):r("",!0)]),e("p",ie,[o.connectible?(t(),b(a,{key:0,class:"has-text-black",icon:"unplug",title:"Disconnect Item",onClick:g($=>l.$store.dispatch("plugins/disconnectItem",{plugin:s.name,collection:d,item:o._id}),["stop"])},null,8,["onClick"])):r("",!0)]),e("p",ce,[o.connectible?(t(),b(a,{key:0,icon:"circle",tooltip:`Item ${o.connected?"connected":"disconnected"}`,fill:o.connected?"green":"red"},null,8,["tooltip","fill"])):r("",!0)]),e("p",de,[c(a,{class:"has-text-black",icon:"refresh-cw",title:"Reload Plugin Item",onClick:g($=>l.$store.dispatch("plugins/loadItem",{plugin:s.name,collection:d,item:o._id}),["stop"])},null,8,["onClick"])]),e("p",re,[c(a,{icon:"trash",title:"Delete Plugin Item",class:"has-text-black my-2 mr-2",onClick:g($=>p({plugin:s.name,collection:d,item:o._id||o.name}),["stop"])},null,8,["onClick"])])])])]),default:_($=>[c(L,{schema:m.schema,data:o,onOnConfirm:N=>l.$store.dispatch("plugins/editItem",{plugin:s.name,collection:d,item:o._id,data:N}),onOnClose:$.toggleFold},null,8,["schema","data","onOnConfirm","onOnClose"])]),_:2},1024)]))),128)),c(D,{class:"has-background-blue-5"},{header:_(()=>[e("button",ue,[c(a,{icon:"plus-circle"})])]),default:_(o=>[c(L,{schema:m.schema,data:q(R)(m.schema),"confirm-on-unmount":!1,onOnConfirm:S=>{l.$store.dispatch("plugins/addItem",{plugin:s.name,collection:d,data:S}),o.toggleFold()},onOnClose:o.toggleFold},null,8,["schema","data","onOnConfirm","onOnClose"])]),_:2},1024),he]))),128))]}),_:2},1024)],2))),128)),me,(t(!0),i(y,null,P(O.value,s=>(t(),i("div",{key:s},[e("div",_e,[e("nav",ve,[e("div",pe,[e("div",ge,[e("h1",be,h(s.title||s.name),1)]),e("div",ke,[e("div",fe,[x(h(s.description)+" ",1),s.homepage&&s.homepage!=""?(t(),i("a",{key:0,class:"",href:s.homepage,target:"_blank",rel:"noopener noreferrer"}," More information ",8,Ce)):r("",!0)])])]),e("div",$e,[e("div",ye,[c(a,{icon:"plus-circle",class:"has-text-black",tooltip:"Activate Plugin",interactive:!0,onClick:g(k=>l.$store.dispatch("plugins/install",{plugin:s.name}),["stop"])},null,8,["onClick"])])])])])]))),128)),n.value.visible?(t(),b(j,{key:0,modal:n.value,"css-classes":["is-danger"],onCloseModal:u[2]||(u[2]=s=>n.value.visible=!1)},{header:_(()=>[x("Delete Plugin Item "+h(n.value.item),1)]),default:_(()=>[e("p",null," Do you really want to delete the "+h(n.value.collection)+" Item of the plugin "+h(n.value.plugin)+"? ",1)]),footer:_(()=>[e("button",{class:"button is-danger m-1",onClick:u[0]||(u[0]=s=>l.$store.dispatch("plugins/removeItem",{plugin:n.value.plugin,collection:n.value.collection,item:n.value.item}).then(()=>n.value.visible=!1))}," DELETE "),e("button",{class:"button m-1",onClick:u[1]||(u[1]=s=>n.value.visible=!1)},"CANCEL")]),_:1},8,["modal"])):r("",!0)],64)}}},Oe={class:"is-clipped-container is-flex is-flex-direction-column has-background-purple-5 px-2"},Pe={class:"title is-5"},Ae={class:"tabs"},Ee=e("a",null,"PLUGINS",-1),Se=[Ee],Le=e("a",null,"SETUP",-1),De=[Le],we={class:"tab-container is-scroll-container"},Ve={id:"tab_plugins",class:"tab-content"},xe={id:"tab_setup",class:"tab-content is-hidden"},Ne={__name:"GameSettings",setup(M){const I=B(),v=A(()=>I.state.game.selected),E=A(()=>I.state.game.setup);function O(n,p,l){const u=document.querySelectorAll("li.tab-link:not(.dashboard)"),a=document.querySelectorAll("div.tab-content:not(.dashboard)");Array.from(u).forEach(s=>s.classList.remove("is-active")),Array.from(a).forEach(s=>s.classList.add("is-hidden")),document.getElementById(p).classList.remove("is-hidden"),n.currentTarget.classList.add("is-active"),l&&Object.prototype.hasOwnProperty.call(l,"onVisible")&&l.onVisible()}return(n,p)=>(t(),i("div",Oe,[e("h1",Pe,"Settings "+h(v.value),1),e("div",Ae,[e("ul",null,[e("li",{class:"tab-link is-active",onClick:p[0]||(p[0]=l=>O(l,"tab_plugins",n.$refs.pluginComponent))},Se),e("li",{class:"tab-link",onClick:p[1]||(p[1]=l=>O(l,"tab_setup"))},De)])]),e("div",we,[e("div",Ve,[c(Ie,{ref:"pluginComponent"},null,512)]),e("div",xe,[e("div",null,h(E.value),1)])])]))}};export{Ne as default};