1 line
9.2 KiB
JavaScript
1 line
9.2 KiB
JavaScript
import{D as e,E as t,H as n,Ht as r,J as i,M as a,N as o,O as s,Q as c,T as l,Vt as ee,X as u,ct as d,j as f,l as te,ot as ne,q as re,t as ie,w as p,wt as m,y as h,yt as g}from"./client-CT8bsOZT.js";import{t as _}from"./Card-C1X2ZnwV.js";import{t as v}from"./Button-1FFigNxK.js";import{t as ae}from"./Select-Bf11PgwX.js";import{n as oe,r as se}from"./es-CbnhZj9z.js";import{t as ce}from"./QrCode-VQE44Zo-.js";import{t as le}from"./HeaderMenu-BpBPHzqw.js";import{t as y}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{r as b}from"./application-DrhMrvIJ.js";import{t as ue}from"./useSimplePolling-yv2K0bkR.js";import{t as de}from"./datetime-BJNH0M1T.js";var fe={key:0,class:`screen-center`},pe={key:1,class:`screen-page`},me={key:0,class:`screen-center`},he={key:0,class:`screen-center`},ge={key:0,class:`screen-qr`},_e={key:0,class:`media-error`},ve={key:1,class:`screen-media`},ye=[`src`,`muted`],be={key:2,class:`conclusion-screen`},xe=[`src`,`muted`],Se={key:3,class:`screen-message`},Ce={key:4,class:`screen-message`},we={key:5,class:`screen-message`},Te={key:6,class:`screen-message`},Ee={key:7,class:`timer-screen`},De={class:`timer-label`},Oe={class:`timer-value`},ke={key:9,class:`screen-cover`},Ae=[`src`],je={key:1,class:`cover-controls`},x=`evening-detective-screen-session`,S=y(o({__name:`ScreenPage`,setup(o){let y=ie(),S=oe(),C=se(),w=te(),T=g(``),E=g(``),D=g(),O=g([]),k=g([]),A=g(),j,M=!1,N=g([]),P=g(null),F=g(!1),I=g(``),L=g(!0),R=g(!1),z=g(!1),B=g(Date.now()),V=g(0),H=g(Date.now()),U=g(),W=g(!1),G=g(),K=g(),q=0,J=null,Y=p(()=>!!(w.query.screenID&&w.query.accessToken)),X=p(()=>{if(!T.value||!E.value)return``;let e=new URL(`/screen`,window.location.origin);return e.searchParams.set(`screenId`,T.value),e.searchParams.set(`accessToken`,E.value),e.toString()}),Me=p(()=>N.value.map(e=>({label:`${de(e.startAt).split(`,`)[0]||`дата не указана`} — ${e.name||`Игра ${e.ID}`}`,value:e.ID}))),Z=p(()=>D.value?.mode||`SCREEN_MODE_COVER`),Q=p(()=>D.value?.timerState===`SCREEN_TIMER_STATE_RUNNING`?Math.max(0,V.value-(B.value-H.value)/1e3):V.value),Ne=p(()=>{let e=Math.floor(Q.value/60),t=Math.floor(Q.value%60);return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}),Pe=p(()=>b(D.value?.introAudio)),Fe=p(()=>b(D.value?.conclusionVideo)),Ie=p(()=>{let e=D.value?.backgroundImage||D.value?.coverImage;return e?{backgroundImage:`linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${e}")`}:{}});function Le(){sessionStorage.setItem(x,JSON.stringify({screenID:T.value,accessToken:E.value}))}function Re(e){let t=Math.max(0,Number(e?.timerRemainingSeconds||0));if(e?.timerState===`SCREEN_TIMER_STATE_RUNNING`&&U.value===e.timerState){let e=Math.max(0,V.value-(Date.now()-H.value)/1e3);if(Math.abs(t-e)<=.5)return}V.value=t,H.value=Date.now(),U.value=e?.timerState}function ze(){try{let e=JSON.parse(sessionStorage.getItem(x)||`{}`);T.value=e.screenId||``,E.value=e.accessToken||``}catch{sessionStorage.removeItem(x)}}async function Be(){let e=await y.CreateScreenSession({});if(!e.screenID||!e.accessToken)throw Error(`Не удалось создать сессию экрана`);T.value=e.screenID,E.value=e.accessToken,Le()}async function $(e=!0){if(!(!T.value||!E.value))try{let e=await y.GetScreenState({screenID:T.value,accessToken:E.value});D.value=e.state,Re(D.value),D.value?.gameID&&D.value.mode===`SCREEN_MODE_RESULTS`&&await Ve()}catch(t){if(e&&t instanceof Error&&t.message===`unauthorized`){sessionStorage.removeItem(x),T.value=``,E.value=``,await Be(),await $(!1);return}C.error(t instanceof Error?t.message:`Не удалось получить состояние экрана`)}}async function Ve(){if(!T.value||!E.value)return;let e=await y.GetScreenResults({screenID:T.value,accessToken:E.value});if(k.value=e.questions||[],O.value=e.teams||[],!M){M=!0,await n();let e=A.value;e&&(e.scrollTop=e.scrollHeight,j=window.setInterval(()=>{e.scrollTop=Math.max(0,e.scrollTop-32),e.scrollTop===0&&j!=null&&(window.clearInterval(j),j=void 0)},1e3))}}async function He(){try{let e=await S.GetGames({});N.value=e.games||[]}catch(e){C.error(e instanceof Error?e.message:`Не удалось загрузить игры`)}}ue(()=>{W.value&&$()},1e3),ne(D,async e=>{if(!e||!e.command||e.stateVersion===q)return;q=e.stateVersion||0,await n();let t=Z.value===`SCREEN_MODE_CONCLUSION`?K.value:G.value;t&&(t.currentTime=(e.positionMs||0)/1e3,t.volume=Math.max(0,Math.min(1,(e.volume??100)/100)),e.command!==`SCREEN_COMMAND_SEEK`&&e.command!==`SCREEN_COMMAND_VOLUME`&&(e.command===`SCREEN_COMMAND_PLAY`||e.command===`SCREEN_COMMAND_RESUME`||e.command===`SCREEN_COMMAND_REPLAY`?(e.command===`SCREEN_COMMAND_REPLAY`&&(t.currentTime=0),t.play().catch(()=>{I.value=`Браузер заблокировал воспроизведение. Нажмите «Подготовить экран» на этом устройстве.`})):(e.command===`SCREEN_COMMAND_PAUSE`||e.command===`SCREEN_COMMAND_STOP`)&&t.pause()))});async function Ue(){if(!(!P.value||!w.query.screenID||!w.query.accessToken)){R.value=!0;try{await S.BindScreen({screenID:String(w.query.screenID),accessToken:String(w.query.accessToken),gameID:P.value}),z.value=!0}catch(e){C.error(e instanceof Error?e.message:`Не удалось привязать экран`)}finally{R.value=!1}}}async function We(){try{await document.documentElement.requestFullscreen?.()}catch{C.warning(`Полноэкранный режим недоступен в этом браузере`)}F.value=!0}return re(async()=>{if(Y.value){await He(),L.value=!1;return}ze();try{(!T.value||!E.value)&&await Be(),await $(),W.value=!0,J=window.setInterval(()=>{B.value=Date.now()},250)}catch(e){C.error(e instanceof Error?e.message:`Не удалось подготовить экран`)}finally{L.value=!1}}),i(()=>{J!=null&&window.clearInterval(J),j!=null&&window.clearInterval(j)}),(n,i)=>(u(),s(h,null,[Y.value?(u(),s(`div`,fe,[a(m(_),{class:`binding-card`,title:`Привязка экрана`},{default:d(()=>[z.value?(u(),s(h,{key:0},[i[1]||=l(`p`,null,`Экран привязан к игре.`,-1),i[2]||=l(`p`,null,`Можно закрыть эту страницу.`,-1)],64)):(u(),s(h,{key:1},[i[4]||=l(`p`,null,`Выберите игру, к которой привязать экран.`,-1),a(m(ae),{value:P.value,"onUpdate:value":i[0]||=e=>P.value=e,options:Me.value,placeholder:`Игра`},null,8,[`value`,`options`]),a(m(v),{type:`primary`,loading:R.value,disabled:P.value==null,onClick:Ue},{default:d(()=>[...i[3]||=[f(` Привязать `,-1)]]),_:1},8,[`loading`,`disabled`])],64))]),_:1})])):(u(),s(`div`,pe,[L.value?(u(),s(`div`,me,`Подготовка экрана…`)):(u(),s(h,{key:1},[D.value?.gameID?(u(),s(`div`,{key:1,class:`screen-content`,style:ee(Ie.value)},[I.value?(u(),s(`p`,_e,r(I.value),1)):e(``,!0),Z.value===`SCREEN_MODE_INTRO`&&D.value.introAudio?(u(),s(`div`,ve,[l(`audio`,{ref_key:`introAudioElement`,ref:G,src:Pe.value,muted:!D.value.soundEnabled,controls:``},null,8,ye)])):Z.value===`SCREEN_MODE_CONCLUSION`&&D.value.conclusionVideo?(u(),s(`div`,be,[l(`video`,{ref_key:`conclusionVideoElement`,ref:K,src:Fe.value,muted:!D.value.soundEnabled,playsinline:``},null,8,xe)])):Z.value===`SCREEN_MODE_CONCLUSION`?(u(),s(`div`,Se,`Видео закрывашки не задано`)):Z.value===`SCREEN_MODE_INTRO_DONE`?(u(),s(`div`,Ce,`Успехов`)):Z.value===`SCREEN_MODE_CONCLUSION_DONE`?(u(),s(`div`,we,`Спасибо за игру!`)):Z.value===`SCREEN_MODE_TEXT`?(u(),s(`div`,Te,r(D.value.text),1)):Z.value===`SCREEN_MODE_TIMER`?(u(),s(`div`,Ee,[l(`h1`,De,r(D.value.timerLabel||`Перерыв`),1),l(`div`,Oe,r(Ne.value),1)])):Z.value===`SCREEN_MODE_RESULTS`?(u(),s(`div`,{key:8,ref_key:`resultsContainer`,ref:A,class:`results-screen`},[i[11]||=l(`h1`,null,`Результаты`,-1),l(`table`,null,[l(`thead`,null,[l(`tr`,null,[i[7]||=l(`th`,null,`Место`,-1),i[8]||=l(`th`,null,`Команда`,-1),(u(!0),s(h,null,c(k.value,e=>(u(),s(`th`,{key:e.code},r(e.code),1))),128)),i[9]||=l(`th`,null,`Сумма`,-1),i[10]||=l(`th`,null,`Ходы`,-1)])]),l(`tbody`,null,[(u(!0),s(h,null,c(O.value,e=>(u(),s(`tr`,{key:e.team?.ID},[l(`td`,null,r(e.place),1),l(`td`,null,r(e.team?.name),1),(u(!0),s(h,null,c(k.value,t=>(u(),s(`td`,{key:t.code},r(e.answers?.find(e=>e.questionCode===t.code)?.score??0),1))),128)),l(`td`,null,r(e.totalScore),1),l(`td`,null,r(e.actionsCount),1)]))),128))])])],512)):(u(),s(`div`,ke,[D.value.coverImage?(u(),s(`img`,{key:0,src:D.value.coverImage,class:`cover-image`,alt:`Обложка дела`},null,8,Ae)):e(``,!0),F.value?e(``,!0):(u(),s(`div`,je,[a(m(v),{type:`primary`,onClick:We},{default:d(()=>[...i[12]||=[f(`Подготовить экран`,-1)]]),_:1})]))]))],4)):(u(),s(`div`,he,[a(m(_),{class:`qr-card`,title:`Подключение экрана`},{default:d(()=>[X.value?(u(),s(`div`,ge,[a(m(ce),{value:X.value,size:260,padding:0},null,8,[`value`])])):e(``,!0),i[6]||=l(`p`,null,`Отсканируйте QR телефоном организатора и выберите игру.`,-1),F.value?e(``,!0):(u(),t(m(v),{key:1,type:`primary`,onClick:We},{default:d(()=>[...i[5]||=[f(`Подготовить экран`,-1)]]),_:1}))]),_:1})]))],64))])),Y.value?(u(),t(le,{key:2,active:`games`})):e(``,!0)],64))}}),[[`__scopeId`,`data-v-ccd8d01d`]]),C=o({__name:`ScreenView`,setup(e){return(e,n)=>(u(),t(S))}});export{C as default}; |