https://lk.moydom.cam/build/assets/Puzzle-CswV7mn3.js

1import{_ as Se}from"./Image-BsW8gpEw.js";import{_ as Ie}from"./Filter-BTcx_pAh.js";import{_ as Ve}from"./Search-DHV7-69_.js";import{_ as De,Q as je,o as u,c as v,b as $,e as t,a as s,D as ee,E as le,F as L,L as te,w as x,h as A,y as Z,j,v as R,a4 as Pe,r as E,s as p,i as W,a9 as qe,aa as Te,aG as Ue,u as Fe,J as de,al as O,t as Le,x as U,f as Ae,g as Ee,z as Ne,R as He,S as Me,a5 as We,l as pe,m as Oe,q as Re,aH as ve}from"./app-Cu5XHDAx.js";import{l as Be}from"./loadCamAddresses-yIHFfZRz.js";import{l as Ge}from"./loadItems-wVxrBC3A.js";import{N as Je}from"./NoSignalCameraPreview-CxCELmdQ.js";import{N as Qe}from"./noSslPreview-BUNscqoU.js";import{_ as Ke}from"./Hints-CErnnp_k.js";import{H as Xe,S as Ye,L as Ze}from"./SocketLitePlayer-BSwMP5gE.js";const el={class:"puzzle-cameras-add rights-distribution"},ll={class:"mb-3"},tl={class:"items-list-wrapper"},al=["onClick"],sl={class:"list-item__image"},nl={class:"list-item__text"},ol={key:0,class:"dual-ring"},rl={__name:"AddPuzzleCamera",props:{execute:{type:Boolean,required:!0}},emits:["success","cancel","select-camera"],setup(ae,{emit:se}){const P=ae,y=p([]),h=E({addressIds:[]});let N;const w=p(null),C=p(!1),c=Ge(E({url:"/ajax/cameras",execute:!1,filtering:C,limit:10,params:{addressIds:y},success(i,n,d){i.data.result.count===0?(d.value=0,n.value=[]):(d.value=i.data.result.count,C.value?n.value=n.value.concat(i.data.result.cameras):(w.value&&(w.value.scrollTop=0),n.value=i.data.result.cameras))},error(i){$toast.error(i)}}));function F(){C.value=!0,c.execute().then(()=>C.value=!1)}function H(){clearTimeout(N),N=setTimeout(()=>{if(!w.value)return;const i=w.value.scrollTop,n=w.value.scrollHeight,d=w.value.clientHeight;i+d>=n-200&&!c.loading&&c.count!==c.data.length&&F()},200)}function I(i){if(i.stream_status.alive===!0){const n=Math.trunc(Date.now()/1e3);return i.server.ssl===!0?`https://${i.server.hostname}:${i.server.https_port}/cameras/${i.name}/min-preview/${n}?token=${i.playback_config.token}`:"no-ssl"}return"no-signal"}return je(()=>P.execute,()=>{c.execute()}),(i,n)=>{const d=Ve,B=Ie,G=Se;return u(),v("div",el,[$(d,{"wrapper-class":"mb-2 searching",modelValue:t(c).search,"onUpdate:modelValue":n[0]||(n[0]=o=>t(c).search=o),modelModifiers:{trim:!0},onUpdate:t(c).execute},null,8,["modelValue","onUpdate"]),s("div",ll,[$(B,{type:"multiple",name:"search-addresses",placeholder:"Адрес","multiple-label":["адрес выбран","адреса выбрано","адресов выбрано"],search:!0,options:async o=>await t(Be)(o),modelValue:t(y),"onUpdate:modelValue":n[1]||(n[1]=o=>ee(y)?y.value=o:null),onSelect:t(c).execute,onDeselect:t(c).execute,onClear:t(c).execute,onLoaded:n[2]||(n[2]=o=>t(h).addressIds=o)},null,8,["options","modelValue","onSelect","onDeselect","onClear"])]),s("div",tl,[s("div",{ref_key:"list",ref:w,class:le({"items-list":!0,updating:t(c).loading}),onScroll:H},[t(c).completed?(u(!0),v(L,{key:0},te(t(c).data,o=>(u(),v("div",{key:o.cam_id,class:"list-item d-flex align-items-center",onClick:x(V=>i.$emit("select-camera",o),["prevent"])},[s("div",sl,[I(o)==="no-signal"?(u(),A(Je,{key:0,wrapperStyle:{maxWidth:"152px",borderRadius:"4px",overflow:"hidden"}})):I(o)==="no-ssl"?(u(),A(Qe,{key:1,wrapperStyle:{maxWidth:"152px",borderRadius:"4px",overflow:"hidden"}})):(u(),A(G,{key:2,"image-source":I(o),rotation:o.video_rotate,"image-title":`${o.objectData.address} ${o.title}`,"image-class":{camera:!0,"camera-preview-dvr":!0}},null,8,["image-source","rotation","image-title"]))]),s("div",nl,[s("span",null,Z(o.number)+" "+Z(o.objectData.address)+" "+Z(o.title),1)])],8,al))),128)):j("",!0)],34),$(Pe,{name:"fade"},{default:R(()=>[t(c).loading?(u(),v("span",ol)):j("",!0)]),_:1})])])}}},ul=De(rl,[["__scopeId","data-v-03982018"]]),il={key:0,class:"puzzle"},cl={class:"row mb-3"},dl={class:"puzzle-settings mb-3"},pl={class:"row align-items-center"},vl={class:"col-12 col-xl-4"},ml={key:0,class:"col-12 col-xl-8 d-flex align-items-center wrapper-right-setting"},fl={key:1,class:"col-12 col-xl-8 d-flex align-items-center justify-content-end"},gl={class:"grid-controls"},zl=["title","onClick"],_l={key:1,class:"add-wrapper"},bl=["onClick"],yl={key:1},wl={class:"modal-header mb-3"},xl={class:"modal-body"},ql={__name:"Puzzle",setup(ae){window.Hls=Xe;const se=W("$role"),P=W("$ajax"),y=W("$toast"),h=W("$confirm"),N=p([{question:"Зачем нужна видеостена?",answer:"Видеостена используется для просмотра нескольких камер сразу, аналогично как на видеорегистраторах"},{question:"Сколько камер можно просматривать одновременно?",answer:"Есть три размерных сетки, от 2х2 до 4х4. Это значит, что максимум для просмотра - 16 камер. Стоит учесть пропускную способность сети и характеристики самого компьютера. Чем больше камер просматриваются одновременно – тем выше нагрузка."},{question:"Сколько видеостен можно создать?",answer:"Можно создать неограниченное количество видеостен."},{question:"Я могу просматривать архив на видеостене?",answer:"Нет, просмотр архива на текущее время недоступен."},{question:"Есть ли какие-то особенности работы камер на видеостене?",answer:"По умолчанию, при  добавлении камер на видеостену, используется дополнительный видеопоток, имеющий меньшее разрешение и битрейт. Это сделано для снижения нагрузки на сеть и ПК. Если при добавлении камеры в сервис вы не указали ссылку на доп. поток, тогда используется основной. При этом нагрузка на сеть и на ПК повышается, т.к. трансляция идет в полном разрешении и битрейте камеры."}]),{puzzleFullscreen:w}=qe(Te());p(navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome"));const C=p("/ajax/puzzles"),c=p("/ajax/puzzles/add"),F=p("Добавлена новая мозайка"),H=p(null),I=p(!0),i=p(!1),n=p(!1),d=p(!1),{width:B}

1=We(),{enter:G}=Ue(H);B.value<=768?I.value=!1:I.value=!0;const o=p(null),V=p(null),m=p([]),k=p([{count:4,title:"puzzle-grid_4",enabled:!1,class:"grid-button_4",type:"2x2",tooltip:"2x2 (4 камеры)"},{count:9,title:"puzzle-grid_9",enabled:!1,class:"grid-button_9",type:"3x3",tooltip:"3x3 (9 камер)"},{count:16,title:"puzzle-grid_16",enabled:!1,class:"grid-button_16",type:"4x4",tooltip:"4x4 (16 камер)"},{count:25,title:"puzzle-grid_25",enabled:!1,class:"grid-button_25",type:"5x5",tooltip:"5x5 (25 камер)"},{count:30,title:"puzzle-grid_30",enabled:!1,class:"grid-button_30",type:"5x6",tooltip:"5x6 (30 камер)"},{count:36,title:"puzzle-grid_36",enabled:!1,class:"grid-button_36",type:"6x6",tooltip:"6x6 (36 камер)"},{count:42,title:"puzzle-grid_42",enabled:!1,class:"grid-button_42",type:"7x6",tooltip:"7x6 (42 камер)"}]),b=p([]),a=E({wall:null,title:null,type:null,cameras:[]}),S=E({title:null,gridIndex:null,gridCameras:[]}),me=pe(()=>({title:{required:Oe(Re)}})),q=Fe(me,a,{$scope:!1}),ne=E({wall:null});ce();const T=pe(()=>k.value.find(l=>l.enabled)||{}),J=P.post({url:c,data:a,before(){a.type=T.value.type},success(l){if(y.success(F.value),n.value=!1,m.value.splice(T.value.count),Q(),a.wall===0)b.value.unshift({value:l.puzzleId,label:a.title,type:a.type}),a.wall=l.puzzleId;else{const e=b.value.findIndex(z=>z.value===a.wall);b.value[e].label=a.title,b.value[e].type=a.type}},error(l){y.error(l)}}),fe=P.post({url:"/ajax/puzzles/delete",before(){h.processing(!0)},success(){h.processing(!1),y.success("видеостена успешно удалена");const l=b.value.findIndex(e=>e.value===a.wall);l!=-1&&b.value.splice(l,1),n.value=!1,m.value.length=0,Q(),a.type="2x2",a.title="Новая видеостена",a.wall=0,ue(a.type),K(a.wall),h.close()},error(l){h.processing(!1),y.error(l)}});function ge(){S.title=a.title,S.gridIndex=V.value,S.gridCameras=ve(m.value),n.value=!0}function ze(){n.value=!1,a.title=S.title,oe(S.gridIndex),m.value=ve(S.gridCameras),Q()}let D="";function _e(){localStorage.getItem("default-puzlle")&&(JSON.parse(localStorage.getItem("default-puzlle")).wall===a.wall?D=!0:D=!1)}function be(){D?(localStorage.setItem("default-puzlle",JSON.stringify(a)),ce()):localStorage.removeItem("default-puzlle")}function ye(){h({auth:!1,message:`Вы уверены, что хотите удалить видеостену: <b>${a.title}</b>`,callback:l=>{l?fe.execute({puzzleId:a.wall}):h.close()}})}function Q(){for(const l in S)S[l]=null}function oe(l){k.value[V.value].enabled=!1,k.value[l].enabled=!0,V.value=l}function we(l){o.value=+l,d.value=!0}function xe(l){m.value[o.value]={position:o.value+1,camera:l,cameraId:l.cam_id,wsSupport:l.server.version?+l.server.version.split(".")[0]==5&&+l.server.version.split(".")[1]==4&&+l.server.version.split(".")[2]>=50||+l.server.version.split(".")[0]==5&&+l.server.version.split(".")[1]>=5||+l.server.version.split(".")[0]>=6:!1},d.value=!1,!l.checkSecondarySource&&se("partner")&&y.info(`Для корректной работы камеры '${l.title}' в видео стене необходим вторичный поток. В противном случае возможна высокая нагрузка на CPU и задержка онлайн трансляции`)}function re(l){m.value[l]=null}function M(){!document.fullscreenElement&&!document.webkitIsFullScreen&&!document.mozFullScreen&&!document.msFullscreenElement&&(i.value=!1)}function $e(){if(q.value.$touch(),q.value.$invalid)return!1;a.cameras.length=0;for(let l=0;l<T.value.count;l++){const e=m.value[l];e&&a.cameras.push({position:e.position,cameraId:e.cameraId})}J.execute()}function K(l){l===0?(C.value="/ajax/puzzles",c.value="/ajax/puzzles/add",F.value="Добавлена новая мозайка"):(C.value=`/ajax/puzzles/puzzle/${l}`,c.value=`/ajax/puzzles/${l}/manage`,F.value="Изменения сохранены")}function ue(l){k.value[V.value].enabled=!1;const e=k.value.findIndex(z=>z.type===l);k.value[e].enabled=!0,V.value=e}function ke({option:l}){a.title=l.label,a.type=l.type,ue(l.type),m.value=[],K(l.value),l.value!==0&&ie()}async function ie(){const l=e=>{const z=e.result.cameraIds||[];z.length!==0?z.forEach(f=>{m.value[f.position-1]={position:+f.position,camera:f.cameraData,cameraId:f.cameraId,wsSupport:f.cameraData.server.version?+f.cameraData.server.version.split(".")[0]==5&&+f.cameraData.server.version.split(".")[1]==4&&+f.cameraData.server.version.split(".")[2]>=50||+f.cameraData.server.version.split(".")[0]==5&&+f.cameraData.server.version.split(".")[1]>=5||+f.cameraData.server.version.split(".")[0]>=6:!1}}):m.value=[]};return await P.light(C.value,{success:l})}async function ce(){const l=e=>{e.result.puzzle.length!==0&&(b.value=e.result.puzzle.map(_=>({value:_.id,label:_.title,type:_.type}))),b.value.push({value:0,label:"Новая видеостена",type:"2x2"});let z=b.value[0];if(localStorage.getItem("default-puzlle")){const _=JSON.parse(localStorage.getItem("default-puzlle"));b.value.some(X=>X.value===_.wall)&&(z={label:_.title,type:_.type,value:_.wall})}a.wall=z.value,a.type=z.type,a.title=z.label;const f=k.value.findIndex(_=>_.type===a.type);k.value[f].enabled=!0,V.value=f,b.value.length>1&&(K(a.wall),ie())};return await P.light("/ajax/puzzles",{success:l})}return de(()=>a.wall,l=>{_e(),l===0?n.value=!0:n.value=!1}),de(()=>i.value,l=>{l?G().then(()=>w.value=!0):w.value=!1}),O(document,"fullscreenchange",M),O(document,"webkitfullscreenchange",M),O(document,"mozfullscreenchange",M),O(document,"MSFullscreenChange",M),(l,e)=>{const z=Ke,f=Ae,_=Ee,X=Ne,he=ul,Ce=Le("Modal");return u(),v(L,null,[t(I)?(u(),v("div",il,[e[18]||(e[18]=s("h3",{class:"mb-3"},"Мои видеостены",-1)),$(z,{link:!1,questions:t(N),request:!1},{header:R(()=>[...e[11]||(e[11]=[U(" FAQ ",-1)])]),_:1},8,["questions"]),s("form",{class:"video-wall-form",onSubmit:e[6]||(e[6]=x((...r)=>t(J).execute&&t(J).execute(...r),["prevent"]))},[s("div",cl,[$(f,{type:"single",name:"select-video-wall",label:!1,"wrapper-class":"col-12 col-sm-6 col-xl-4",options:t(b),deselect:!1,disabled:t(n)&&t(a).wall!==0,modelValue:t(a).wall,"onUpdate:modelValue":e[0]||(e[0]=r=>t(a).wall=r),onSelect:ke,onLoaded:e[1]||(e[1]=r=>t(ne).wall=r)},null,8,["options","disabled","modelValue"])]),s("div",dl,[s("div",pl,[s("div",vl,[$(_,{type:"text",name:"puzzle-header",id:"puzzle-header",placeholder:"Новая видеостена","wrapper-class":"puzzle-header-wrapper","margin-class":"","input-class":["puzzle-header",{active:t(n)}],label:!1,disabled:!t(n),prop:"title",error:t(q).title.$error,errors:t(q).$errors,modelValue:t(q).title.$model,"onUpdate:modelValue":e[2]||(e[2]=r=>t(q).title.$model=r),onLoaded:e[3]||(e[3]=r=>t(ne).title=r)},null,8,["input-class","disabled","error","errors","modelValue"])]),t(n)?(u(),v("div",fl,[s("div",gl,[(u(!0),v(L,null,te(t(k),(r,g)=>

1(u(),v("button",{key:g,type:"button",class:le(["grid-button",r.class,{active:r.enabled}]),title:r.tooltip,onClick:x(Y=>oe(g),["prevent"])},null,10,zl))),128))]),s("button",{type:"submit",class:"btn-add-table large me-2",onClick:x($e,["prevent"])},[...e[14]||(e[14]=[U(" Сохранить ",-1),s("span",{class:"icon icon-save"},null,-1)])]),t(a).wall!==0?(u(),v("button",{key:0,type:"button",class:"btn-add-table large me-2",onClick:x(ze,["prevent"])},[...e[15]||(e[15]=[U(" Отмена ",-1),s("span",{class:"icon icon-cancel"},null,-1)])])):j("",!0),t(a).wall!==0?(u(),v("button",{key:1,type:"button",class:"btn-add-table red large",onClick:x(ye,["prevent"])},[...e[16]||(e[16]=[U(" Удалить ",-1),s("span",{class:"icon icon-delete"},null,-1)])])):j("",!0)])):(u(),v("div",ml,[$(_,{type:"checkbox",name:"default-puzzle",label:"Открывать по умолчанию","input-class":"default-checkbox","wrapper-class":"input-control-wrapper lable-wrapper default-puzzle","margin-class":"mb-0",modelValue:t(D),"onUpdate:modelValue":e[4]||(e[4]=r=>ee(D)?D.value=r:D=r),onChange:be},{tip:R(()=>[...e[12]||(e[12]=[U(" При выборе, транслируемая в данный момент видеостена, будет открываться сразу при переходе в меню “Видеостены” ",-1)])]),_:1},8,["modelValue"]),s("button",{type:"button",class:"btn-fullscreen",title:"На весь экран",onClick:e[5]||(e[5]=x(r=>i.value=!t(i),["prevent"]))},[$(X,{src:"/images/player/fullscreen-blue.svg",width:28,height:28})]),s("button",{type:"button",class:"btn-add-table large",onClick:x(ge,["prevent"])},[...e[13]||(e[13]=[U(" Редактировать ",-1),s("span",{class:"icon icon-edit"},null,-1)])])]))])])],32),He(s("div",{ref_key:"puzzleContainer",ref:H,class:"puzzle-container"},[s("div",{class:le(["puzzle-container__grid","puzzle-grid",t(T).title])},[(u(!0),v(L,null,te(t(T).count,(r,g)=>(u(),v("div",{key:g,class:"puzzle-grid__cell"},[t(m)[g]?(u(),v(L,{key:0},[t(m)[g].wsSupport?(u(),A(Ye,{key:t(m)[g].camera.cam_id,index:g,camera:t(m)[g].camera,settings:t(n),onEdit:Y=>(o.value=g,d.value=!0),onDelete:re},null,8,["index","camera","settings","onEdit"])):j("",!0),t(m)[g].wsSupport?j("",!0):(u(),A(Ze,{key:t(m)[g].camera.cam_id,index:g,camera:t(m)[g].camera,settings:t(n),onEdit:Y=>(o.value=g,d.value=!0),onDelete:re},null,8,["index","camera","settings","onEdit"]))],64)):(u(),v("div",_l,[t(n)?(u(),v("button",{key:0,type:"button",class:"add",onClick:x(Y=>we(g),["prevent"])},[...e[17]||(e[17]=[s("span",{class:"plus"},"+",-1),s("span",null,"Добавить камеру",-1)])],8,bl)):j("",!0)]))]))),128))],2)],512),[[Me,t(T).enabled]])])):(u(),v("div",yl,[...e[19]||(e[19]=[s("h3",null,"Данный раздел не доступен для просмотра с мобильных устройств, приносим извинения за доставленные неудобства!",-1)])])),$(Ce,{modelValue:t(d),"onUpdate:modelValue":e[10]||(e[10]=r=>ee(d)?d.value=r:null),name:"addModal",classes:"modal-container","content-class":"modal-content modal-content-mid

1dle","click-to-close":!1,"esc-to-close":!0},{default:R(()=>[s("div",wl,[e[21]||(e[21]=s("h1",null,"Выберите камеры",-1)),s("button",{class:"btn-close",onClick:e[7]||(e[7]=x(r=>d.value=!1,["prevent"]))},[...e[20]||(e[20]=[s("span",{class:"icon-close"},null,-1)])])]),s("div",xl,[$(he,{execute:t(d),onSuccess:e[8]||(e[8]=r=>d.value=!1),onCancel:e[9]||(e[9]=r=>d.value=!1),onSelectCamera:xe},null,8,["execute"])])]),_:1},8,["modelValue"])],64)}}};export{ql as default};