@getontime/cli
Version:
Time keeping for live events
3 lines (2 loc) • 8.48 kB
JavaScript
import{r as w,j as t,aw as Q,bJ as Y,S as Z,aL as tt,x as et,bK as E,bL as $,bM as q,bN as st,bO as at,bP as nt}from"./vendor-DFNUfA2K.js";import{C as ot}from"./EditorUtils-QotOv0b5.js";import{b as n,a as N,i as M,M as it,bz as c,bA as lt,bB as P,bC as b,bD as I,bE as rt,w as g,bj as S,H as ct,E as A,j as dt,bF as mt,av as ut,bh as xt,bu as pt}from"./index-BNit4nUw.js";import{P as _t}from"./ProtectRoute-CmcGN6gV.js";import{T as z,A as ht}from"./TimeInput-BWc6ixac.js";import{p as L}from"./parseUserTime-COEUAmmZ.js";import{T as R}from"./Tooltip-CMnbeNS3.js";import{u as bt}from"./useReport-C6WYCwpP.js";import{s as B}from"./Editor.module-DvV2efYs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="71d3cedf-5d01-4372-ad14-0996f4e51a27",e._sentryDebugIdIdentifier="sentry-dbid-71d3cedf-5d01-4372-ad14-0996f4e51a27")}catch{}})();function yt(e,s){return{start:e!==n.Stop&&e!==n.Play,pause:e===n.Play,roll:e!==n.Roll&&s!==N.Overtime,stop:e!==n.Stop,reload:e!==n.Stop&&e!==n.Roll}}const jt="_blink_yewzx_1",ft="_fourtyfive_yewzx_13",vt="_tapButton_yewzx_17",gt="_neutral_yewzx_29",Ct="_active_yewzx_51",kt="_play_yewzx_66",Tt="_roll_yewzx_93",Nt="_pause_yewzx_120",wt="_ontime_yewzx_147",It="_stop_yewzx_174",Pt="_square_yewzx_201",St="_tight_yewzx_206",At="_fill_yewzx_211",f={blink:jt,fourtyfive:ft,tapButton:vt,neutral:gt,active:Ct,play:kt,roll:Tt,pause:Nt,ontime:wt,stop:It,square:Pt,tight:St,fill:At},r=w.forwardRef((e,s)=>{const{children:a,disabled:o,onClick:l,theme:i="neutral",aspect:m="normal",active:u,className:x}=e;return t.jsx("button",{className:M([f.tapButton,x,f[i],f[m],u&&f.active]),disabled:o,type:"button",onClick:l,ref:s,children:a})});r.displayName="TabButton";const Rt="_addTime_18oax_17",Bt="_addButtons_18oax_24",Dt="_tallButtons_18oax_30",v={addTime:Rt,addButtons:Bt,tallButtons:Dt};function Et(e){const{playback:s}=e,[a,o]=Q({key:"add-time",defaultValue:3e5}),l=(x,C)=>{const _=L(C);o(Math.min(_,it))},i=x=>{x==="add"?c.addTime(a):c.addTime(-1*a)},u=!(s===n.Play||s===n.Pause)||a===0;return t.jsxs("div",{className:v.addTime,children:[t.jsx(z,{name:"addtime",submitHandler:l,time:a,placeholder:"Add time"}),t.jsxs("div",{className:v.addButtons,children:[t.jsx(r,{onClick:()=>i("remove"),disabled:u,className:v.tallButtons,children:t.jsx(Y,{})}),t.jsx(r,{onClick:()=>i("add"),disabled:u,className:v.tallButtons,children:t.jsx(Z,{})})]})]})}const $t="_label_u5jlo_17",qt="_controls_u5jlo_24",Mt="_input_u5jlo_28",zt="_twoSides_u5jlo_34",Lt="_fakeInput_u5jlo_42",y={label:$t,controls:qt,input:Mt,twoSides:zt,fakeInput:Lt};function k({index:e}){const{playback:s,direction:a}=lt(e),{stop:o,setDirection:l}=I,i=()=>{const x=a===b.CountDown?b.CountUp:b.CountDown;l(e,x)},m=s!==P.Stop,u=s===P.Start?"pause":"play";return t.jsxs("label",{className:y.label,children:["Aux Timer ",e,t.jsxs("div",{className:y.controls,children:[t.jsxs("div",{className:y.input,children:[t.jsx(Ft,{index:e,isActive:m}),t.jsxs(r,{onClick:i,aspect:"tight",disabled:m,children:[a===b.CountDown&&t.jsx(tt,{"data-testid":`aux-timer-direction-${e}`}),a===b.CountUp&&t.jsx(et,{"data-testid":`aux-timer-direction-${e}`})]})]}),t.jsxs("div",{className:y.twoSides,children:[t.jsx(Ot,{index:e,action:u}),t.jsx(r,{onClick:()=>o(e),theme:n.Stop,disabled:!m,children:t.jsx(E,{"data-testid":`aux-timer-stop-${e}`})})]})]})]})}function Ft({index:e,isActive:s}){const a=rt(e),{setDuration:o}=I,l=(i,m)=>{const u=L(m);o(e,u)};return s?t.jsx("div",{className:y.fakeInput,"data-testid":`time-label-aux${e}`,children:g(a)}):t.jsx(z,{submitHandler:l,name:`aux${e}`,time:a,placeholder:`Aux ${e}`})}function Ot({index:e,action:s}){const{start:a,pause:o}=I;return s==="play"?t.jsx(r,{onClick:()=>a(e),theme:n.Play,children:t.jsx($,{"data-testid":`aux-timer-start-${e}`})}):t.jsx(r,{onClick:()=>o(e),theme:n.Pause,children:t.jsx(q,{"data-testid":`aux-timer-pause-${e}`})})}const Ut="_buttonContainer_1mqxq_17",Ht="_go_1mqxq_25",Xt="_playbackContainer_1mqxq_30",Gt="_transportContainer_1mqxq_37",Vt="_extra_1mqxq_44",Jt="_invertX_1mqxq_51",p={buttonContainer:Ut,go:Ht,playbackContainer:Xt,transportContainer:Gt,extra:Vt,invertX:Jt};function Kt(e){const{playback:s,numEvents:a,selectedEventIndex:o,timerPhase:l}=e,i=s===n.Roll,m=s===n.Play,u=s===n.Pause,x=s===n.Armed,C=o===0,_=o===a-1,j=a===0,F=i||j,O=i||j||_,U=i||j||C,h=yt(s,l),H=!h.start,X=!h.pause,G=!h.roll||j,V=!h.stop,J=!h.reload,[K,W]=w.useMemo(()=>x?[c.start,"Start"]:_?[c.stop,"Finish"]:o===null?[c.startNext,"Start"]:[c.startNext,"Next"],[x,_,o]);return t.jsxs("div",{className:p.buttonContainer,children:[t.jsx(r,{disabled:F,onClick:K,aspect:"fill",className:p.go,children:W}),t.jsxs("div",{className:p.playbackContainer,children:[t.jsx(r,{onClick:c.start,disabled:H,theme:n.Play,active:m,children:t.jsx($,{})}),t.jsx(r,{onClick:c.pause,disabled:X,theme:n.Pause,active:u,children:t.jsx(q,{})})]}),t.jsxs("div",{className:p.transportContainer,children:[t.jsx(r,{onClick:c.previous,disabled:U,children:t.jsx(st,{})}),t.jsx(r,{onClick:c.next,disabled:O,children:t.jsx(at,{})})]}),t.jsxs("div",{className:p.extra,children:[t.jsx(r,{onClick:c.roll,disabled:G,theme:n.Roll,active:i,children:"Roll"}),t.jsx(r,{onClick:c.reload,disabled:J,children:t.jsx(nt,{className:p.invertX})}),t.jsx(r,{onClick:c.stop,disabled:V,theme:n.Stop,children:t.jsx(E,{})})]})]})}const Wt="_timer_1f17d_21",Qt="_finished_1f17d_33",Yt="_muted_1f17d_36",T={timer:Wt,finished:Qt,muted:Yt};function Zt(e){const{time:s}=e,a=(s??0)<0,o=s==null?S:g(s,{fallback:S}).replace("-",""),l=M([T.timer,a?T.finished:null,s===null&&T.muted]);return t.jsx("div",{className:l,children:o})}const te="_timeContainer_g12ye_17",ee="_indicators_g12ye_25",se="_indicatorRoll_g12ye_34",ae="_indicatorDelay_g12ye_35",ne="_indicatorNegative_g12ye_36",oe="_status_g12ye_65",ie="_tag_g12ye_73",le="_time_g12ye_17",re="_rolltag_g12ye_84",d={timeContainer:te,indicators:ee,indicatorRoll:se,indicatorDelay:ae,indicatorNegative:ne,status:oe,tag:ie,time:le,rolltag:re};function ce(e){return e>0?`Added ${A(e,!1)}`:e<0?`Removed ${A(Math.abs(e),!1)}`:""}function de({children:e}){const s=ct(),a=s.playback===n.Roll,o=s.phase===N.Pending,l=s.phase===N.Overtime,i=!!s.addedTime,m=a?"Roll mode active":"",u=ce(s.addedTime);return t.jsxs("div",{className:d.timeContainer,children:[t.jsxs("div",{className:d.indicators,children:[t.jsx(R,{text:m,render:t.jsx("div",{}),className:d.indicatorRoll,"data-active":a}),t.jsx("div",{className:d.indicatorNegative,"data-active":l}),t.jsx(R,{text:u,render:t.jsx("div",{}),className:d.indicatorDelay,"data-active":i})]}),t.jsx(Zt,{time:o?s.secondaryTimer:s.current}),t.jsx("div",{className:d.status,children:o?t.jsx("span",{className:d.rolltag,children:"Roll: Countdown to start"}):t.jsx(me,{startedAt:s.startedAt,expectedFinish:s.expectedFinish,playback:s.playback})}),e]})}function me({startedAt:e,expectedFinish:s,playback:a}){if(a===n.Stop)return t.jsx(ue,{});const o=g(e),l=s!==null?s%dt:null,i=g(l);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:d.start,children:[t.jsx("span",{className:d.tag,children:"Started at"}),t.jsx("span",{className:d.time,children:o})]}),t.jsxs("span",{className:d.finish,children:[t.jsx("span",{className:d.tag,children:"Expect end"}),t.jsx("span",{className:d.time,children:i})]})]})}function ue(){const{data:e}=bt();return Object.keys(e).length>0?t.jsx(ht,{search:"settings=sharing__report",children:"Go to report management"}):null}const xe="_mainContainer_1qlxm_17",pe="_auxTimers_1qlxm_22",D={mainContainer:xe,auxTimers:pe};function _e(){const e=mt();return t.jsxs("div",{className:D.mainContainer,children:[t.jsx(de,{children:t.jsx(Et,{playback:e.playback})}),t.jsx(Kt,{playback:e.playback,numEvents:e.numEvents,selectedEventIndex:e.selectedEventIndex,timerPhase:e.timerPhase}),t.jsxs("div",{className:D.auxTimers,children:[t.jsx(k,{index:1}),t.jsx(k,{index:2}),t.jsx(k,{index:3})]})]})}const Ne=w.memo(he);function he(){const e=window.location.pathname.includes("/timercontrol");return t.jsx(_t,{permission:"editor",children:t.jsxs("div",{className:B.playback,"data-testid":"panel-timer-control",children:[!e&&t.jsx(ot,{onClick:s=>ut("timercontrol",s)}),e&&t.jsx(xt,{suppressSettings:!0}),t.jsx("div",{className:B.content,children:t.jsx(pt,{children:t.jsx(_e,{})})})]})})}export{Ne as default};
//# sourceMappingURL=TimerControlExport-BYJGGnXs.js.map