1 line
11 KiB
JavaScript
1 line
11 KiB
JavaScript
import{Bn as e,Ct as t,Dt as n,Gt as r,Ot as i,Rt as a,Sn as o,St as s,Wt as ee,Yt as c,_n as l,bt as u,ht as d,kt as f,l as te,on as p,qt as m,rn as h,sn as g,t as ne,wt as _,xt as v,zn as re}from"./client-CH0l_cyC.js";import{t as y}from"./Card-DjcBu_v7.js";import{r as ie}from"./ui-B_BA7Vji.js";import{t as b}from"./Button-BMgek43e.js";import{t as ae}from"./Select-4Yv-WbCq.js";import{t as x}from"./_plugin-vue_export-helper-CMIJnODt.js";import{t as oe}from"./QrCode-BXmEXBUo.js";import{dt as se,i as ce,r as le}from"./index-BUAj036d.js";import{t as ue}from"./HeaderMenu-COgMoHOg.js";import{r as S}from"./application-BB_PwA08.js";import{t as de}from"./datetime-BJNH0M1T.js";import{t as fe}from"./useDeviceContext-BGBv-MLg.js";var pe={key:0,class:`screen-center`},me={key:1,class:`screen-page`},he={key:0,class:`screen-center`},ge={key:0,class:`screen-center`},_e={key:0,class:`screen-qr`},ve={key:0,class:`media-error`},ye={key:1,class:`screen-media`},be=[`src`,`muted`],xe=[`src`,`muted`],Se={key:3,class:`conclusion-screen`},Ce=[`src`,`muted`],we={key:4,class:`screen-message`},Te={key:5,class:`screen-message`},Ee={key:6,class:`timer-screen`},De={class:`timer-label`},Oe={class:`timer-value`},ke={key:8,class:`screen-cover`},Ae=[`src`],je={key:1,class:`cover-controls`},C=`evening-detective-screen-session`,w=x(f({__name:`ScreenPage`,setup(f){let x=ne(),w=ce(),T=ie(),E=te(),D=l(``),O=l(``),k=l(),A=l([]),j=l([]),M=l(),N,P=!1,F=l([]),I=l(null),L=l(!1),R=l(``),z=l(!0),B=l(!1),V=l(!1),H=l(Date.now()),U=l(0),W=l(Date.now()),G=l(),Me=l(!1),K=l(),q=l(),J=l(),Ne=0,Y=null,X=u(()=>!!(E.query.screenID&&E.query.accessToken));fe(()=>D.value&&O.value&&!X.value?{screenID:D.value,accessToken:O.value}:{});let Pe=u(()=>{if(!D.value||!O.value)return``;let e=new URL(`/screen`,window.location.origin);return e.searchParams.set(`screenId`,D.value),e.searchParams.set(`accessToken`,O.value),e.toString()}),Fe=u(()=>F.value.map(e=>({label:`${de(e.startAt).split(`,`)[0]||`дата не указана`} — ${e.name||`Игра ${e.ID}`}`,value:e.ID}))),Z=u(()=>k.value?.mode||`SCREEN_MODE_COVER`),Ie=u(()=>k.value?.timerState===`SCREEN_TIMER_STATE_RUNNING`?Math.max(0,U.value-(H.value-W.value)/1e3):U.value),Le=u(()=>{let e=Math.floor(Ie.value/60),t=Math.floor(Ie.value%60);return`${String(e).padStart(2,`0`)}:${String(t).padStart(2,`0`)}`}),Re=u(()=>S(k.value?.introAudio)),ze=u(()=>S(k.value?.conclusionVideo)),Be=u(()=>S((k.value?.music?.playlist?.tracks||[])[k.value?.music?.trackIndex||0]?.filename)),Ve=u(()=>[k.value?.music?.playlist?.ID,k.value?.music?.trackIndex,k.value?.music?.playback,k.value?.music?.stateVersion,k.value?.music?.positionMs]),He=u(()=>{let e=k.value?.backgroundImage||k.value?.coverImage;return e?{backgroundImage:`linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${e}")`}:{}});function Ue(){sessionStorage.setItem(C,JSON.stringify({screenID:D.value,accessToken:O.value}))}function We(e){let t=Math.max(0,Number(e?.timerRemainingSeconds||0));if(e?.timerState===`SCREEN_TIMER_STATE_RUNNING`&&G.value===e.timerState){let e=Math.max(0,U.value-(Date.now()-W.value)/1e3);if(Math.abs(t-e)<=.5)return}U.value=t,W.value=Date.now(),G.value=e?.timerState}function Ge(){try{let e=JSON.parse(sessionStorage.getItem(C)||`{}`);D.value=e.screenId||``,O.value=e.accessToken||``}catch{sessionStorage.removeItem(C)}}async function Ke(){let e=await x.CreateScreenSession({});if(!e.screenID||!e.accessToken)throw Error(`Не удалось создать сессию экрана`);D.value=e.screenID,O.value=e.accessToken,Ue()}async function Q(e=!0){if(!(!D.value||!O.value))try{let e=await x.GetScreenState({screenID:D.value,accessToken:O.value});k.value=e.state,We(k.value),k.value?.gameID&&k.value.mode===`SCREEN_MODE_RESULTS`&&await qe()}catch(t){if(e&&t instanceof Error&&t.message===`unauthorized`){sessionStorage.removeItem(C),D.value=``,O.value=``,await Ke(),await Q(!1);return}T.error(t instanceof Error?t.message:`Не удалось получить состояние экрана`)}}async function qe(){if(!D.value||!O.value)return;let e=await x.GetScreenResults({screenID:D.value,accessToken:O.value});if(j.value=e.questions||[],A.value=e.teams||[],!P){P=!0,await a();let e=M.value;e&&(e.scrollTop=e.scrollHeight,N=window.setInterval(()=>{e.scrollTop=Math.max(0,e.scrollTop-32),e.scrollTop===0&&N!=null&&(window.clearInterval(N),N=void 0)},1e3))}}async function Je(){try{let e=await w.GetGames({});F.value=e.games||[]}catch(e){T.error(e instanceof Error?e.message:`Не удалось загрузить игры`)}}le(()=>{Me.value&&Q()},1e3),h(k,async e=>{if(!e||!e.command||e.stateVersion===Ne)return;Ne=e.stateVersion||0,await a();let t=Z.value===`SCREEN_MODE_CONCLUSION`?J.value:K.value;t&&([`SCREEN_COMMAND_PLAY`,`SCREEN_COMMAND_REPLAY`,`SCREEN_COMMAND_STOP`,`SCREEN_COMMAND_SEEK`].includes(e.command)&&(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(()=>{R.value=`Браузер заблокировал воспроизведение. Нажмите «Подготовить экран» на этом устройстве.`})):(e.command===`SCREEN_COMMAND_PAUSE`||e.command===`SCREEN_COMMAND_STOP`)&&t.pause()))});function Ye(e){return e.readyState>=HTMLMediaElement.HAVE_METADATA?Promise.resolve():new Promise(t=>{let n=()=>{e.removeEventListener(`loadedmetadata`,n),e.removeEventListener(`error`,n),t()};e.addEventListener(`loadedmetadata`,n,{once:!0}),e.addEventListener(`error`,n,{once:!0})})}h(Ve,async(e,t)=>{let n=k.value?.music;if(!n||!n.playlist?.tracks?.length)return;await a();let r=q.value;if(!r)return;let i=!t||e[0]!==t[0]||e[1]!==t[1],o=!t||e[2]!==t[2],s=!!t&&e[3]!==t[3]&&(e[4]??0)<(t[4]??0);!i&&!o&&!s||(await Ye(r),r.currentTime=i?0:(n.positionMs||0)/1e3,n.playback===`MUSIC_PLAYBACK_PLAYING`?r.play().catch(()=>{R.value=`Браузер заблокировал воспроизведение музыки. Нажмите «Подготовить экран».`}):r.pause())},{immediate:!0}),h(()=>[k.value?.music?.volume,k.value?.soundEnabled],([e,t])=>{let n=q.value;n&&(n.volume=Math.max(0,Math.min(1,(e??100)/100)),n.muted=!t)},{immediate:!0});async function Xe(){if(!(!D.value||!O.value))try{await x.AdvanceScreenMusic({screenID:D.value,accessToken:O.value})}catch{R.value=`Не удалось синхронизировать музыку. Повторная попытка выполняется автоматически.`}}async function Ze(){if(!(!I.value||!E.query.screenID||!E.query.accessToken)){B.value=!0;try{await w.BindScreen({screenID:String(E.query.screenID),accessToken:String(E.query.accessToken),gameID:I.value,initializeAudio:!1}),V.value=!0}catch(e){T.error(e instanceof Error?e.message:`Не удалось привязать экран`)}finally{B.value=!1}}}async function $(){try{await document.documentElement.requestFullscreen?.()}catch{T.warning(`Полноэкранный режим недоступен в этом браузере`)}L.value=!0,await a();for(let e of[K.value,J.value,q.value])if(e){e.muted=!0;try{await e.play(),e.pause(),e.currentTime=0,e.muted=!k.value?.soundEnabled}catch{R.value=`Браузер не разрешил подготовить воспроизведение на этом устройстве.`}}}return ee(async()=>{if(X.value){await Je(),z.value=!1;return}Ge();try{(!D.value||!O.value)&&await Ke(),await Q(),Me.value=!0,Y=window.setInterval(()=>{H.value=Date.now()},250)}catch(e){T.error(e instanceof Error?e.message:`Не удалось подготовить экран`)}finally{z.value=!1}}),r(()=>{Y!=null&&window.clearInterval(Y),N!=null&&window.clearInterval(N)}),(r,a)=>(m(),_(d,null,[X.value?(m(),_(`div`,pe,[i(o(y),{class:`binding-card`,title:`Привязка экрана`},{default:p(()=>[V.value?(m(),_(d,{key:0},[a[1]||=v(`p`,null,`Экран привязан к игре.`,-1),a[2]||=v(`p`,null,`Можно закрыть эту страницу.`,-1)],64)):(m(),_(d,{key:1},[a[4]||=v(`p`,null,`Выберите игру, к которой привязать экран.`,-1),i(o(ae),{value:I.value,"onUpdate:value":a[0]||=e=>I.value=e,options:Fe.value,placeholder:`Игра`},null,8,[`value`,`options`]),i(o(b),{type:`primary`,loading:B.value,disabled:I.value==null,onClick:Ze},{default:p(()=>[...a[3]||=[n(` Привязать `,-1)]]),_:1},8,[`loading`,`disabled`])],64))]),_:1})])):(m(),_(`div`,me,[z.value?(m(),_(`div`,he,`Подготовка экрана…`)):(m(),_(d,{key:1},[k.value?.gameID?(m(),_(`div`,{key:1,class:`screen-content`,style:re(He.value)},[R.value?(m(),_(`p`,ve,e(R.value),1)):t(``,!0),k.value.introAudio?g((m(),_(`div`,ye,[v(`audio`,{ref_key:`introAudioElement`,ref:K,src:Re.value,muted:!k.value.soundEnabled,controls:``},null,8,be)],512)),[[se,Z.value===`SCREEN_MODE_INTRO`]]):t(``,!0),k.value.music?.playlist?.tracks?.length?(m(),_(`audio`,{key:2,ref_key:`musicAudioElement`,ref:q,src:Be.value,muted:!k.value.soundEnabled,onEnded:Xe},null,40,xe)):t(``,!0),k.value.conclusionVideo?g((m(),_(`div`,Se,[v(`video`,{ref_key:`conclusionVideoElement`,ref:J,src:ze.value,muted:!k.value.soundEnabled,playsinline:``},null,8,Ce)],512)),[[se,Z.value===`SCREEN_MODE_CONCLUSION`]]):t(``,!0),Z.value===`SCREEN_MODE_CONCLUSION`&&!k.value.conclusionVideo?(m(),_(`div`,we,`Видео закрывашки не задано`)):t(``,!0),Z.value===`SCREEN_MODE_TEXT`?(m(),_(`div`,Te,e(k.value.text),1)):t(``,!0),Z.value===`SCREEN_MODE_TIMER`?(m(),_(`div`,Ee,[v(`h1`,De,e(k.value.timerLabel||`Перерыв`),1),v(`div`,Oe,e(Le.value),1)])):t(``,!0),Z.value===`SCREEN_MODE_RESULTS`?(m(),_(`div`,{key:7,ref_key:`resultsContainer`,ref:M,class:`results-screen`},[a[11]||=v(`h1`,null,`Результаты`,-1),v(`table`,null,[v(`thead`,null,[v(`tr`,null,[a[7]||=v(`th`,null,`Место`,-1),a[8]||=v(`th`,null,`Команда`,-1),(m(!0),_(d,null,c(j.value,t=>(m(),_(`th`,{key:t.code},e(t.code),1))),128)),a[9]||=v(`th`,null,`Сумма`,-1),a[10]||=v(`th`,null,`Ходы`,-1)])]),v(`tbody`,null,[(m(!0),_(d,null,c(A.value,t=>(m(),_(`tr`,{key:t.team?.ID},[v(`td`,null,e(t.place),1),v(`td`,null,e(t.team?.name),1),(m(!0),_(d,null,c(j.value,n=>(m(),_(`td`,{key:n.code},e(t.answers?.find(e=>e.questionCode===n.code)?.score??0),1))),128)),v(`td`,null,e(t.totalScore),1),v(`td`,null,e(t.actionsCount),1)]))),128))])])],512)):t(``,!0),Z.value===`SCREEN_MODE_COVER`?(m(),_(`div`,ke,[k.value.coverImage?(m(),_(`img`,{key:0,src:k.value.coverImage,class:`cover-image`,alt:`Обложка дела`},null,8,Ae)):t(``,!0),L.value?t(``,!0):(m(),_(`div`,je,[i(o(b),{type:`primary`,onClick:$},{default:p(()=>[...a[12]||=[n(`Подготовить экран`,-1)]]),_:1})]))])):t(``,!0)],4)):(m(),_(`div`,ge,[i(o(y),{class:`qr-card`,title:`Подключение экрана`},{default:p(()=>[Pe.value?(m(),_(`div`,_e,[i(o(oe),{value:Pe.value,size:260,padding:0},null,8,[`value`])])):t(``,!0),a[6]||=v(`p`,null,`Отсканируйте QR телефоном организатора и выберите игру.`,-1),L.value?t(``,!0):(m(),s(o(b),{key:1,type:`primary`,onClick:$},{default:p(()=>[...a[5]||=[n(`Подготовить экран`,-1)]]),_:1}))]),_:1})]))],64))])),X.value?(m(),s(ue,{key:2,active:`games`})):t(``,!0)],64))}}),[[`__scopeId`,`data-v-1e42ec7e`]]),T=f({__name:`ScreenView`,setup(e){return(e,t)=>(m(),s(w))}});export{T as default}; |