2 lines
7.9 KiB
JavaScript
2 lines
7.9 KiB
JavaScript
import{Q as te,a as I,b as ne}from"./QCard-7tL_iMin.js";import{Q as ae}from"./QSeparator-DxYvf5Mr.js";import{o as j,r as o,F as le,B as se,L as d,D as u,I as f,M as g,N as V,Y as oe,E as S,O as ie,C as q,Z as D,P as M,p as ue,J as Q}from"./index-CoQ-x5A8.js";import{T as re}from"./TouchPan-B3Sz8bhd.js";import{_ as pe,a as me}from"./dartBoard-Dnsy9UQ7.js";import{u as ce}from"./use-quasar-D2Dr8mCf.js";import{P as G}from"./LocalStorage-Cw9j6RTB.js";import{a as k}from"./axios-BPt4fYpj.js";import"./use-dark-dqtTUvyg.js";import"./selection-BGkpRqCo.js";const ve={__name:"dartPickerComponent",emits:["sendFields"],setup(A,{emit:T}){const c={0:{name:"Bulls Eye",points:50},1:{name:"Bull",points:25},100:{name:"20",points:20},101:{name:"1",points:1},102:{name:"18",points:18},103:{name:"4",points:4},104:{name:"13",points:13},105:{name:"6",points:6},106:{name:"10",points:10},107:{name:"15",points:15},108:{name:"2",points:2},109:{name:"17",points:17},110:{name:"3",points:3},111:{name:"19",points:19},112:{name:"7",points:7},113:{name:"16",points:16},114:{name:"8",points:8},115:{name:"11",points:11},116:{name:"14",points:14},117:{name:"9",points:9},118:{name:"12",points:12},119:{name:"5",points:5},200:{name:"Triple 20",points:20},201:{name:"Triple 1",points:1},202:{name:"Triple 18",points:18},203:{name:"Triple 4",points:4},204:{name:"Triple 13",points:13},205:{name:"Triple 6",points:6},206:{name:"Triple 10",points:10},207:{name:"Triple 15",points:15},208:{name:"Triple 2",points:2},209:{name:"Triple 17",points:17},210:{name:"Triple 3",points:3},211:{name:"Triple 19",points:19},212:{name:"Triple 7",points:7},213:{name:"Triple 16",points:16},214:{name:"Triple 8",points:8},215:{name:"Triple 11",points:11},216:{name:"Triple 14",points:14},217:{name:"Triple 9",points:9},218:{name:"Triple 12",points:12},219:{name:"Triple 5",points:5},300:{name:"20",points:20},301:{name:"1",points:1},302:{name:"18",points:18},303:{name:"4",points:4},304:{name:"13",points:13},305:{name:"6",points:6},306:{name:"10",points:10},307:{name:"15",points:15},308:{name:"2",points:2},309:{name:"17",points:17},310:{name:"3",points:3},311:{name:"19",points:19},312:{name:"7",points:7},313:{name:"16",points:16},314:{name:"8",points:8},315:{name:"11",points:11},316:{name:"14",points:14},317:{name:"9",points:9},318:{name:"12",points:12},319:{name:"5",points:5},400:{name:"Double 20",points:20},401:{name:"Double 1",points:1},402:{name:"Double 18",points:18},403:{name:"Double 4",points:4},404:{name:"Double 13",points:13},405:{name:"Double 6",points:6},406:{name:"Double 10",points:10},407:{name:"Double 15",points:15},408:{name:"Double 2",points:2},409:{name:"Double 17",points:17},410:{name:"Double 3",points:3},411:{name:"Double 19",points:19},412:{name:"Double 7",points:7},413:{name:"Double 16",points:16},414:{name:"Double 8",points:8},415:{name:"Double 11",points:11},416:{name:"Double 14",points:14},417:{name:"Double 9",points:9},418:{name:"Double 12",points:12},419:{name:"Double 5",points:5}},h=T;return j(()=>{h("sendFields",c)}),()=>{}}},de={class:"q-pa-md flex flex-center"},fe={key:0,class:"text-h6 q-mt-md"},ge={key:1,class:"text-h6 q-mt-md"},he={class:"text-subtitle2 text-black"},_e={class:"dartBoardDiv"},ye={class:"text-h5 text-black"},be={class:"text-h6 text-black"},De={key:0,class:"row justify-center q-gutter-md q-pa-lg"},Me={__name:"gamePage",setup(A){const T=le(),c=ce(),h=o({username:"",id:0}),w=o(null),_=o(null),l=o(0),n=o([{top:null,left:null,points:null},{top:null,left:null,points:null},{top:null,left:null,points:null}]),i=o({username:null,id:null}),B=o(null),J=o(null),F=o({top:null,left:null}),N=o(null),v=o(null),$=o(null),r=o(null),x=o({id:null,name:null,points:null}),C=o({});var L=!1;const R=G.getItem("user");R?h.value=R:T.push("/user/username");const z=G.getItem("gameID");z?(w.value=z,k.get(`/api/games/${w.value}`).then(function(e){_.value=e.data.is_local,i.value.id=e.data.current_playing_user,U(),J.value=e.data.turn_order,B.value=e.data.players.find(s=>s.id===i.value.id)?.points||0,L=!0}).catch(function(e){console.log(e),c.notify({type:"negative",message:e.response.data.error})})):T.push("/");async function E(){L&&k.get(`/api/games/${w.value}`).then(function(e){i.value.id=e.data.current_playing_user,B.value=e.data.players.find(s=>s.id===i.value.id)?.points||0,U()}).catch(function(e){console.log(e),c.notify({type:"negative",message:e.response.data.error})})}async function U(){k.get(`/api/users/${i.value.id}`).then(function(e){i.value.username=e.data.username}).catch(function(e){console.log(e),c.notify({type:"negative",message:e.response.data.error})})}function W(e,s,p,y){const a=p-e,b=y-s;return Math.sqrt(a*a+b*b)}function Y(e,s,p,y){let a=Math.atan2(y-s,p-e)*(180/Math.PI);return a=a-90+18/2,a<0&&(a+=360),a}function Z({position:e,isFinal:s}){if(l.value>2)return;const p=-50;n.value[l.value].top=e.top+p,n.value[l.value].left=e.left;const a=document.getElementById("dartBoard").getBoundingClientRect(),b=a.top+a.height/2,P=a.left+a.width/2;F.value.top=Math.round(e.top-b+p),F.value.left=Math.round(e.left-P);const m=W(n.value[l.value].left,n.value[l.value].top,P,b);if($.value=Y(n.value[l.value].left,n.value[l.value].top,P,b),r.value=Math.floor($.value/18),m<a.height/2){N.value=m;var t;m<a.height/45?(v.value=0,t=String(0)):m<a.height/20?(v.value=1,t=String(1)):m<a.height/3.5?(v.value=2,t=String(1),r.value<10&&(t=t+String(0)),t=t+String(r.value)):m<a.height/3.2?(v.value=3,t=String(2),r.value<10&&(t=t+String(0)),t=t+String(r.value)):m<a.height/2.16?(v.value=4,t=String(3),r.value<10&&(t=t+String(0)),t=t+String(r.value)):m<a.height&&(v.value=5,t=String(4),r.value<10&&(t=t+String(0)),t=t+String(r.value)),x.value.id=t,x.value.name=C.value[Number(t)].name,x.value.points=C.value[Number(t)].points}else N.value=null,v.value=null;s&&console.log("end")}function H(){l.value<=2&&(n.value[l.value].points=x.value.points,l.value+=1)}function K(){l.value<=2&&(n.value[l.value].left=-100,n.value[l.value].top=-100,l.value+=1)}async function X(){k.post(`/api/games/${w.value}/turns`,{user:i.value.id,first_throw:n.value[0].points??0,second_throw:n.value[1].points??0,third_throw:n.value[2].points??0}).then(function(){c.notify({type:"positive",message:"Success!"}),n.value[0].top=0,n.value[0].left=0,n.value[0].points=null,n.value[1].top=0,n.value[1].left=0,n.value[1].points=null,n.value[2].top=0,n.value[2].left=0,n.value[2].points=null,l.value=0}).catch(function(e){console.log(e),c.notify({type:"negative",message:e.response.data.error})})}const ee=e=>{C.value=e};let O=null;return j(()=>{E(),O=setInterval(E,1e3)}),se(()=>{clearInterval(O)}),(e,s)=>(u(),d(V,null,[f(ve,{onSendFields:ee}),(u(!0),d(V,null,oe(n.value,(p,y)=>(u(),d("img",{key:y,src:pe,class:"dart",style:ie({top:p.top+"px",left:p.left+"px"})},null,4))),128)),g("div",de,[f(te,{class:"q-pa-lg shadow-3",style:{width:"100vw",padding:"25px"}},{default:S(()=>[f(I,null,{default:S(()=>[_.value?(u(),d("div",fe,"Local Game")):D("",!0),_.value?D("",!0):(u(),d("div",ge,"Online Game")),g("div",he," Current player: "+M(i.value.username),1)]),_:1}),f(ae),i.value.id!=h.value.id&&!_.value?(u(),q(I,{key:0,class:"flex flex-center"},{default:S(()=>[...s[0]||(s[0]=[g("div",{class:"text-h1"},"Waiting for Player...",-1)])]),_:1})):D("",!0),i.value.id==h.value.id||_.value?(u(),q(I,{key:1},{default:S(()=>[ue((u(),d("div",_e,[g("div",ye,M(B.value),1),g("div",be,M(x.value.name??"0"),1),s[1]||(s[1]=g("img",{id:"dartBoard",class:"dartBoard",src:me},null,-1))])),[[re,Z,void 0,{prevent:!0,mouse:!0}]]),l.value!=3?(u(),d("div",De,[f(Q,{label:"Set!",color:"primary",onClick:H,rounded:"",unelevated:"",size:"lg",class:"full-width",style:{"max-width":"20vw"}}),s[2]||(s[2]=g("br",null,null,-1)),f(Q,{label:"Skip",color:"primary",onClick:K,rounded:"",unelevated:"",size:"lg",class:"full-width",style:{"max-width":"20svw"}})])):D("",!0)]),_:1})):D("",!0),l.value==3&&i.value.id==h.value.id||l.value==3&&_.value?(u(),q(ne,{key:2,align:"center"},{default:S(()=>[f(Q,{label:"Submit!",color:"primary",onClick:X,rounded:"",unelevated:"",size:"lg",class:"full-width",style:{"max-width":"50vw"}})]),_:1})):D("",!0)]),_:1})])],64))}};export{Me as default};
|