@getontime/cli
Version:
Time keeping for live events
3 lines (2 loc) • 12.6 kB
JavaScript
import{h as c,j as e,D as ae,q as le,t as ce,v as de,l as ue}from"./vendor-q6fv0YT2.js";import{P as me}from"./ProtectRoute-BH-QvsU0.js";import{ak as pe,B as z,t as te,r as fe,be as he,aC as ge,e as T,f as _e,bf as ve,k as be,M as ye,bg as xe,b0 as je,a as Se,P as Ee,b as we,L as Oe,o as Ce,g as Te,O as Pe,bh as Ne}from"./index-B81u4hxi.js";import{t as Fe,i as q,j as De}from"./useRundown-Bn6ZPsz0.js";import{E as Le}from"./EmptyPage-Bc358YpE.js";import{m as Me,b as ke,O as $,V as Re}from"./ViewParamsEditor-C2-TRP6e.js";import{u as Ie}from"./useFollowComponent-B7vvPzG2.js";import{u as Ue}from"./useWindowTitle-Bpmo_HzW.js";import{T as Be}from"./editorSettings-D2f7e1a6.js";import{u as Ae}from"./dateConfig-D7xim1t4.js";import{F as We}from"./FollowButton-C6Fvaqh0.js";import{D as Ve}from"./DelayIndicator-D--91EO3.js";import{f as $e,T as Ge,C as He}from"./TimeElements-DbclWDbU.js";import{S as Ze}from"./SuperscriptPeriod-DsPdWN_s.js";import{M as ze}from"./MultiPartProgressBar-BXdLxJpy.js";import{g as qe,a as Qe}from"./viewLoader.utils-b42scp-I.js";import{i as G,b as Q}from"./viewUtils-B8Dr4GHH.js";import{u as Je}from"./useCustomFields-k4piRt9n.js";import"./Empty-CJbZxh45.js";import"./Select-BGGVCKqU.js";import"./SwatchPicker-Cm5Eicvv.js";import"./validateEvent-Do8yE_DJ.js";import"./parseUserTime-YeFR8t3F.js";import"./rundownUtils-CtVGQDQn.js";import"./Tooltip-B5vsLcFu.js";import"./offset-R98EXhWK.js";import"./playbackstate-CPQdnF-k.js";/* empty css */import"./getProgress-cLuBFPjh.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="f4d9d8ee-1c9b-46ed-ae9b-a9433ce5b68b",t._sentryDebugIdIdentifier="sentry-dbid-f4d9d8ee-1c9b-46ed-ae9b-a9433ce5b68b")}catch{}})();const Ke="_editModal_1k6b9_17",Xe="_title_1k6b9_31",Ye="_body_1k6b9_39",et="_label_1k6b9_48",tt="_footer_1k6b9_54",C={editModal:Ke,title:Xe,body:Ye,label:et,footer:tt};function st(t){const{event:s,onClose:o}=t,{updateEntry:r}=Ae(),[n,i]=c.useState(!1),u=c.useRef(new Array),g=async()=>{if(!u.current)return;i(!0);const a={id:s.id};u.current.forEach(l=>{l.dataset.field&&l.defaultValue!=l.value&&(a.custom?a.custom[l.dataset.field]=l.value:Object.assign(a,{custom:{[l.dataset.field]:l.value}}))}),a.custom&&await r(a),i(!1),o()};return e.jsx(ae,{open:!0,onOpenChange:a=>{a||o()},children:e.jsx(le,{children:e.jsxs(ce,{className:C.editModal,children:[e.jsxs("div",{className:C.title,children:[`Editing fields in cue ${s.cue}`,e.jsx(pe,{variant:"subtle-white",onClick:o,disabled:n,children:e.jsx(de,{})})]}),e.jsx("div",{className:C.body,children:s.subscriptions.map(a=>e.jsxs(c.Fragment,{children:[e.jsx("label",{htmlFor:a.id,className:C.label,style:{"--user-bg":a.colour},children:a.label}),e.jsx(Be,{name:a.id,ref:l=>{l&&u.current.push(l)},placeholder:`Add value for ${a.label} field`,defaultValue:a.value,"data-field":a.id,disabled:n,rows:5})]},a.id))}),e.jsxs("div",{className:C.footer,children:[e.jsx(z,{variant:"subtle",size:"large",onClick:o,disabled:n,children:"Cancel"}),e.jsx(z,{variant:"primary",size:"large",onClick:g,disabled:n,children:"Save"})]})]})})})}function ot(t,s={}){const{threshold:o=700,onStart:r,onFinish:n,onCancel:i}=s,u=c.useRef(!1),g=c.useRef(!1),a=c.useRef(-1);return c.useEffect(()=>()=>window.clearTimeout(a.current),[]),c.useMemo(()=>{if(typeof t!="function")return{};const l=m=>{!K(m)&&!J(m)||(r&&r(m),g.current=!0,a.current=window.setTimeout(()=>{t(m),u.current=!0},o))},h=m=>{!K(m)&&!J(m)||(u.current?n==null||n(m):g.current&&(i==null||i(m)),u.current=!1,g.current=!1,a.current&&window.clearTimeout(a.current))};return{onMouseDown:l,onMouseUp:h,onMouseLeave:h,onTouchStart:l,onTouchEnd:h,onTouchMove:te(h,150)}},[t,o,i,n,r])}function J(t){return window.TouchEvent?t.nativeEvent instanceof TouchEvent:"touches"in t.nativeEvent}function K(t){return t.nativeEvent instanceof MouseEvent}function nt(t){const{value:s,hideSeconds:o,hideLeadingZero:r,className:n}=t;let i=$e(s,o||r?2:3);return r&&(i=fe(i)),o&&(i=he(i)),e.jsx("div",{className:n,children:i})}const rt="_event_9py1c_21",it="_running_9py1c_38",at="_past_9py1c_42",lt="_binder_9py1c_47",ct="_cue_9py1c_57",dt="_mainField_9py1c_67",ut="_secondaryField_9py1c_76",mt="_plannedStart_9py1c_83",pt="_timeUntil_9py1c_84",ft="_runningTime_9py1c_85",ht="_fields_9py1c_114",gt="_field_9py1c_114",_t="_noColour_9py1c_123",vt="_value_9py1c_129",bt="_fieldsWithContent_9py1c_136",p={event:rt,running:it,past:at,binder:lt,cue:ct,mainField:dt,secondaryField:ut,plannedStart:mt,timeUntil:pt,runningTime:ft,fields:ht,field:gt,noColour:_t,value:vt,fieldsWithContent:bt},X=c.memo(yt);function yt({id:t,colour:s,cue:o,main:r,secondary:n,timeStart:i,duration:u,delay:g,dayOffset:a,isLinkedToLoaded:l,isSelected:h,isPast:m,selectedRef:N,showStart:F,subscribed:x,totalGap:j,onLongPress:D}){const v=f=>{f&&f.cancelable&&f.preventDefault(),x&&D({id:t,cue:o,subscriptions:x})},b=ot(v),R=s&&ge(s),E=T([p.event,h&&p.running,m&&p.past]),I=x.some(f=>f.value),U=x.length?Math.min(x.length,4):0,B=U>0?{gridTemplateColumns:`repeat(${U}, minmax(12rem, 1fr))`}:void 0;return e.jsxs("div",{className:E,"data-testid":o,ref:N,onContextMenu:v,...b,children:[e.jsx("div",{className:p.binder,style:{...R},children:e.jsx("span",{className:p.cue,children:o})}),e.jsxs("span",{className:p.mainField,children:[F&&e.jsx(Ze,{className:p.plannedStart,time:_e(i)}),r]}),e.jsx("span",{className:p.secondaryField,children:n}),e.jsx(xt,{timeStart:i,isPast:m,isSelected:h,delay:g,dayOffset:a,totalGap:j,isLinkedToLoaded:l}),e.jsxs("span",{className:p.runningTime,children:[e.jsx(Ve,{delayValue:g}),e.jsx(nt,{className:T([h&&p.muted]),value:u,hideLeadingZero:!0})]}),e.jsx("div",{className:T([p.fields,I&&p.fieldsWithContent]),style:B,children:x.map(f=>f.value?e.jsxs("div",{children:[e.jsx("span",{className:T([p.field,!f.colour&&p.noColour]),style:{backgroundColor:f.colour},children:f.label}),e.jsx("span",{className:p.value,style:{color:f.colour},children:f.value})]},f.id):e.jsx("div",{},f.id))})]})}function xt({timeStart:t,isPast:s,isSelected:o,delay:r,dayOffset:n,totalGap:i,isLinkedToLoaded:u}){return s?e.jsx("span",{className:p.timeUntil,children:"DONE"}):o?e.jsx("span",{className:p.timeUntil,children:"LIVE"}):e.jsx(jt,{timeStart:t,delay:r,dayOffset:n,totalGap:i,isLinkedToLoaded:u})}function jt({timeStart:t,delay:s,dayOffset:o,totalGap:r,isLinkedToLoaded:n}){const i=ve({timeStart:t,delay:s,dayOffset:o},{totalGap:r,isLinkedToLoaded:n}),g=i<xe?"DUE":`${be(Math.abs(i),i>2*ye)}`;return e.jsx("span",{className:p.timeUntil,"data-testid":"time-until",children:g})}const St="_group_c6uj3_17",Et={group:St},wt=c.memo(Ot);function Ot({title:t}){return e.jsx("div",{className:Et.group,children:t})}const Ct="_statusBar_1va40_17",Tt="_timers_1va40_25",Pt="_runningTimer_1va40_33",Nt="_timeNow_1va40_42",Ft="_progressOverride_1va40_51",P={statusBar:Ct,timers:Tt,runningTimer:Pt,timeNow:Nt,progressOverride:Ft};function Dt({viewSettings:t}){const{current:s,duration:o,timeWarning:r,timeDanger:n}=je();return e.jsx(ze,{now:s,complete:o,normalColor:t.normalColor,warning:r,warningColor:t.warningColor,danger:n,dangerColor:t.dangerColor,className:P.progressOverride,ignoreCssOverride:!0})}function Lt(){return e.jsxs("div",{className:P.timers,children:[e.jsx(Ge,{className:P.runningTimer}),e.jsx(He,{className:P.timeNow,shouldFormat:!0})]})}function Mt(){const{data:t}=Se();return e.jsxs("div",{className:P.statusBar,children:[e.jsx(Lt,{}),t&&e.jsx(Dt,{viewSettings:t})]})}const kt=(t,s)=>{const o=Me(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]),r=ke(t);return[{title:$.ClockOptions,collapsible:!0,options:[qe(s)]},{title:$.DataSources,collapsible:!0,options:[{id:"main",title:"Main data field",description:"Field to be shown in the first line of text",type:"option",values:o,defaultValue:"title"},{id:"secondary-src",title:"Secondary data field",description:"Field to be shown in the second line of text",type:"option",values:o,defaultValue:"none"},{id:"subscribe",title:"Highlight Fields",description:"Choose custom fields to highlight",type:"multi-option",values:r},{id:"shouldEdit",title:"Edit custom field",description:"Allows editing an highlighted custom field by long pressing",type:"boolean",defaultValue:!1}]},{title:$.ElementVisibility,collapsible:!0,options:[{id:"hidePast",title:"Hide Past Events",description:"Whether to hide events that have passed",type:"boolean",defaultValue:!1},{id:"showStart",title:"Show planned start",description:"Whether to prepend the planned start to the items",type:"boolean",defaultValue:!1}]}]};function Rt(t,s){const o=n=>(s==null?void 0:s.get(n))??t.get(n),r=n=>s!=null&&s.has(n)?s.getAll(n):t.getAll(n);return{mainSource:o("main"),secondarySource:o("secondary-src"),subscribe:r("subscribe"),shouldEdit:G(o("shouldEdit")),hidePast:G(o("hidePast")),showStart:G(o("showStart"))}}function It(){const[t]=ue(),s=c.use(Ee);return c.useMemo(()=>{const r=s?new URLSearchParams(s.search):void 0;return Rt(t,r)},[s,t])}function Y(t,s,o,r,n){const i=s?Q(t,s)??"":t.title,u=Q(t,o)??"",a=r.filter(l=>Object.hasOwn(n,l)).reduce((l,h)=>{const m=n[h];return m&&l.push({id:h,label:m.label,colour:m.colour,value:t.custom[h]}),l},[]);return{mainField:i,secondaryField:u,subscribedData:a}}function Ut(){const{data:t,rundownMetadata:s,status:o}=Fe(),{data:r,status:n}=Je(),{data:i,status:u}=we();return{data:{rundown:t,rundownMetadata:s,customFields:r,settings:i},status:Qe([o,n,u])}}const Bt="_operatorContainer_1o5o0_17",At="_operatorEvents_1o5o0_24",Wt="_editPrompt_1o5o0_35",Vt="_show_1o5o0_49",k={operatorContainer:Bt,operatorEvents:At,editPrompt:Wt,show:Vt},ee=50;function $t(){const{data:t,status:s}=Ut();return Ue("Operator"),s==="pending"?e.jsx(Oe,{}):s==="error"?e.jsx(Le,{text:"There was an error fetching data, please refresh the page."}):e.jsx(Gt,{...t})}function Gt({rundown:t,rundownMetadata:s,customFields:o,settings:r}){const{selectedEventId:n}=Ce(),{subscribe:i,mainSource:u,secondarySource:g,shouldEdit:a,hidePast:l,showStart:h}=It(),[m,N]=c.useState(!1),[F,x]=c.useState(null),[j,D]=c.useState(!1),v=c.useRef(null),b=c.useRef(null),R=Ie({followRef:v,scrollRef:b,doFollow:!j,topOffset:ee,followTrigger:n}),E=c.useRef(null);c.useEffect(()=>{var y;n||j||(y=b.current)==null||y.scrollTo(0,0)},[n,j,b]);const I=()=>{n&&R(),D(!1)},B=te(()=>{if(v!=null&&v.current&&(b!=null&&b.current)){const y=v.current.getBoundingClientRect(),d=b.current.getBoundingClientRect();if(y&&d){const w=y.top-d.top,S=w<-8||w>ee;D(S)}}},1e3),f=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{N(!1)},700),N(!0),B()},H=c.useCallback(y=>{x({...y})},[]),Z=Te(r==null?void 0:r.timeFormat),se=c.useMemo(()=>kt(o,Z),[o,Z]),A=a&&i.length;return e.jsxs("div",{className:k.operatorContainer,"data-testid":"operator-view",children:[e.jsx(Re,{target:Pe.Operator,viewOptions:se}),F&&e.jsx(st,{event:F,onClose:()=>x(null)}),e.jsx(Mt,{}),A&&e.jsx("div",{className:T([k.editPrompt,m&&k.show]),children:Ne?"Press and hold to edit user field":"Right click to edit user field"}),e.jsx("div",{className:k.operatorEvents,onWheel:f,onTouchMove:f,ref:b,children:t.order.map(y=>{var w;const d=t.entries[y];if(q(d)){const{isPast:S,isLinkedToLoaded:W,isLoaded:O,totalGap:_}=s[y];if(l&&S||d.skip)return null;const{mainField:L,secondaryField:M,subscribedData:V}=Y(d,u,g,i,o);return e.jsx(X,{id:d.id,colour:d.colour,cue:d.cue,main:L,secondary:M,timeStart:d.timeStart,duration:d.duration,delay:d.delay,dayOffset:d.dayOffset,isLinkedToLoaded:W,isSelected:O,isPast:S,selectedRef:O?v:void 0,showStart:h,subscribed:V,totalGap:_,onLongPress:A?H:()=>{}},d.id)}if(De(d)){const{isPast:S}=s[d.id],W=n?((w=s[n])==null?void 0:w.groupId)===d.id:!1;return l&&S&&!W?null:e.jsxs(c.Fragment,{children:[e.jsx(wt,{title:d.title},d.id),d.entries.map(O=>{const _=t.entries[O];if(!q(_))return null;const{isPast:L,isLoaded:M,isLinkedToLoaded:V,totalGap:oe}=s[O];if(l&&L||_.skip)return null;const{mainField:ne,secondaryField:re,subscribedData:ie}=Y(_,u,g,i,o);return e.jsx(X,{id:_.id,colour:_.colour,cue:_.cue,main:ne,secondary:re,timeStart:_.timeStart,duration:_.duration,delay:_.delay,dayOffset:_.dayOffset,isLinkedToLoaded:V,isSelected:M,isPast:L,selectedRef:M?v:void 0,showStart:h,subscribed:ie,totalGap:oe,onLongPress:A?H:()=>{}},_.id)})]},d.id)}return null})}),e.jsx(We,{isVisible:j,onClickHandler:I})]})}function ys(){return e.jsx(me,{permission:"operator",children:e.jsx($t,{})})}export{ys as default};
//# sourceMappingURL=OperatorExport-X7-qi2jv.js.map