@camera.ui/server 0.0.13-alpha.1 → 0.0.13-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/interface/assets/@mdi-DdmeckA1.js +1 -0
- package/dist/interface/assets/{@tanstack-CBqECT9Y.js → @tanstack-BRh6vUDU.js} +1 -1
- package/dist/interface/assets/{@vee-validate-CWdaG3kt.js → @vee-validate-aIk5PQoc.js} +1 -1
- package/dist/interface/assets/{@vue-DL9UVr_o.js → @vue-CHoPEscU.js} +1 -1
- package/dist/interface/assets/{@vueform-8UOOtZD4.js → @vueform-CEy-r2-e.js} +1 -1
- package/dist/interface/assets/{@vueuse-Dir68MUw.js → @vueuse-Ty7ydkJu.js} +1 -1
- package/dist/interface/assets/@xterm-LO7TPXYg.js +66 -0
- package/dist/interface/assets/{Account-DIyLTayx.js → Account-DIag_fJb.js} +1 -1
- package/dist/interface/assets/{Adminpanel-HbC8CMrH.js → Adminpanel-3UQD7k83.js} +2 -2
- package/dist/interface/assets/{Appearance-D7jOLM0M.js → Appearance-DyPCFCcA.js} +1 -1
- package/dist/interface/assets/Backup-BIwaSlv3.css +1 -0
- package/dist/interface/assets/{Backup-2hg7N8bX.js → Backup-B_md0hEE.js} +1 -1
- package/dist/interface/assets/{Camera-CzsBQTrn.js → Camera-RYKuJlEk.js} +1 -1
- package/dist/interface/assets/Cameras-C04Bv4eW.js +1 -0
- package/dist/interface/assets/Cameras-CW-HYbQa.css +1 -0
- package/dist/interface/assets/{Camview-CWTrsoY0.css → Camview-DGzPDs8l.css} +1 -1
- package/dist/interface/assets/{Camview-rK8gAIq1.js → Camview-cHy9U5Au.js} +1 -1
- package/dist/interface/assets/Config-BoMvRU2R.js +1 -0
- package/dist/interface/assets/Config-DahKsDli.css +1 -0
- package/dist/interface/assets/Console-DdfiafPz.css +1 -0
- package/dist/interface/assets/Console-DpF86XdY.js +4 -0
- package/dist/interface/assets/FirstSteps-43_Gw1p8.css +1 -0
- package/dist/interface/assets/FirstSteps-bb9JvbeK.js +1 -0
- package/dist/interface/assets/{NewCamera-CaZ8KccU.js → NewCamera-C19Y-MPI.js} +2 -2
- package/dist/interface/assets/NewCamera-DwPA4h8M.css +1 -0
- package/dist/interface/assets/Plugin-BgukgsPs.css +1 -0
- package/dist/interface/assets/{Plugin-C6LSJToC.js → Plugin-QDo9itJL.js} +1 -1
- package/dist/interface/assets/Plugins-Ca9wwgSE.css +1 -0
- package/dist/interface/assets/Plugins-DreFX0ds.js +1 -0
- package/dist/interface/assets/Recordings-B3hIlCpR.js +1 -0
- package/dist/interface/assets/Recordings-CWgcAA57.js +1 -0
- package/dist/interface/assets/Settings-BJ3dhoG6.js +1 -0
- package/dist/interface/assets/{Settings-B4CtAGoD.css → Settings-DMsesqQj.css} +1 -1
- package/dist/interface/assets/System-DkejFIOg.js +4 -0
- package/dist/interface/assets/User-BHWFyck9.css +1 -0
- package/dist/interface/assets/User-_5hrGMI-.js +1 -0
- package/dist/interface/assets/{VConfigEditor.vue_vue_type_script_setup_true_lang-CqJmioUl.js → VConfigEditor.vue_vue_type_script_setup_true_lang-C9bbpAse.js} +2 -2
- package/dist/interface/assets/VConsole-BZT1WyS-.css +1 -0
- package/dist/interface/assets/VConsole-UsuKdCF6.js +1 -0
- package/dist/interface/assets/VPlayer-6KqHadcW.js +1 -0
- package/dist/interface/assets/{VPlayer-CJu9D4Ha.css → VPlayer-BrBIxnlC.css} +1 -1
- package/dist/interface/assets/VPluginCard-D4bre1hy.js +4 -0
- package/dist/interface/assets/VPluginCard-EcierHZ1.css +1 -0
- package/dist/interface/assets/{ace-builds-CigWTak4.js → ace-builds-Jtyk_kwI.js} +1 -1
- package/dist/interface/assets/{axios--Jv2L996.js → axios-BI2i94Vb.js} +1 -1
- package/dist/interface/assets/{draggabilly-Arakw9Dk.js → draggabilly-YEGzHR3_.js} +1 -1
- package/dist/interface/assets/{ev-emitter-CXYwG0eJ.js → ev-emitter-t78oQA8k.js} +1 -1
- package/dist/interface/assets/{fast-deep-equal-5pvsDbwX.js → fast-deep-equal-Bs1__Kao.js} +1 -1
- package/dist/interface/assets/{highlight.js-TxRCSjhv.js → highlight.js-fBaokXp-.js} +1 -1
- package/dist/interface/assets/main-Bbvif0oi.js +9 -0
- package/dist/interface/assets/main-CHMPMUzx.css +1 -0
- package/dist/interface/assets/{nprogress-DSyAi0LF.js → nprogress-QK5AFhFr.js} +1 -1
- package/dist/interface/assets/{pinia-DvQcsQmR.js → pinia-B42WbXFS.js} +1 -1
- package/dist/interface/assets/{plugins-CMB4ORW-.js → plugins-BVTgiMCC.js} +1 -1
- package/dist/interface/assets/{system-N-zgarul.js → system-DzN6086S.js} +1 -1
- package/dist/interface/assets/{ui-buWmfohM.js → ui-s9WkyTXF.js} +1 -1
- package/dist/interface/assets/{unidragger-BYtqgAQ0.js → unidragger-91TYirAP.js} +1 -1
- package/dist/interface/assets/{v-calendar-CghEhjvD.js → v-calendar-DI1KYDXS.js} +1 -1
- package/dist/interface/assets/{vee-validate-PbgW_0me.js → vee-validate-Bcyi_7NV.js} +1 -1
- package/dist/interface/assets/{vue-i18n-DYaQP6Tc.js → vue-i18n-COBHesGQ.js} +1 -1
- package/dist/interface/assets/{vue-inline-svg-DZpyzRHr.js → vue-inline-svg-Dk2QTAg8.js} +1 -1
- package/dist/interface/assets/{vue-router-DWO1Myem.js → vue-router-C1SPCwo7.js} +1 -1
- package/dist/interface/assets/{vue3-apexcharts-rlKvKWKE.js → vue3-apexcharts-D1DBkA4f.js} +1 -1
- package/dist/interface/assets/{vue3-dnd-Kv-U-2jL.js → vue3-dnd-CB0hw1gI.js} +1 -1
- package/dist/interface/assets/{vue3-toastify-Dw-XOd2Z.js → vue3-toastify-DSsDwESL.js} +1 -1
- package/dist/interface/assets/{vuetify-B9MADlxz.js → vuetify-Bs5zynkb.js} +1 -1
- package/dist/interface/index.html +18 -18
- package/dist/interface/sw.js +1 -1
- package/dist/server/bin/cameraui.d.ts +0 -1
- package/dist/server/bin/cameraui.js +1 -3
- package/dist/server/bin/cameraui.js.map +1 -1
- package/dist/server/bin/fork.js +5 -2
- package/dist/server/bin/fork.js.map +1 -1
- package/dist/server/bin/installer/linux.d.ts +1 -0
- package/dist/server/bin/installer/linux.js +27 -7
- package/dist/server/bin/installer/linux.js.map +1 -1
- package/dist/server/package.json +3 -3
- package/dist/server/src/api/controllers/system.controller.js +1 -3
- package/dist/server/src/api/controllers/system.controller.js.map +1 -1
- package/dist/server/src/api/plugins/system.plugin.d.ts +0 -3
- package/dist/server/src/api/plugins/system.plugin.js +3 -11
- package/dist/server/src/api/plugins/system.plugin.js.map +1 -1
- package/dist/server/src/api/websocket/index.d.ts +1 -0
- package/dist/server/src/api/websocket/index.js +6 -0
- package/dist/server/src/api/websocket/index.js.map +1 -1
- package/dist/server/src/camera/controller.d.ts +3 -1
- package/dist/server/src/camera/controller.js +6 -0
- package/dist/server/src/camera/controller.js.map +1 -1
- package/dist/server/src/camera/index.d.ts +3 -7
- package/dist/server/src/camera/index.js +10 -7
- package/dist/server/src/camera/index.js.map +1 -1
- package/dist/server/src/camera/interfaces/camera.d.ts +1 -1
- package/dist/server/src/camera/interfaces/prebuffer.js +2 -2
- package/dist/server/src/camera/interfaces/prebuffer.js.map +1 -1
- package/dist/server/src/camera/types.d.ts +8 -2
- package/dist/server/src/camera/types.js.map +1 -1
- package/dist/server/src/go2rtc/index.js +1 -1
- package/dist/server/src/go2rtc/index.js.map +1 -1
- package/dist/server/src/nats/proxy/cameraDevice.d.ts +4 -9
- package/dist/server/src/nats/proxy/cameraDevice.js +47 -15
- package/dist/server/src/nats/proxy/cameraDevice.js.map +1 -1
- package/dist/server/src/nats/proxy/deviceManager.js +1 -2
- package/dist/server/src/nats/proxy/deviceManager.js.map +1 -1
- package/dist/server/src/nats/types.d.ts +12 -5
- package/dist/server/src/plugins/index.js +1 -1
- package/dist/server/src/plugins/index.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/child.js +2 -4
- package/dist/server/src/polyglot/node/plugins/child.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/proxy/cameraDevice.js +6 -4
- package/dist/server/src/polyglot/node/plugins/proxy/cameraDevice.js.map +1 -1
- package/dist/server/src/polyglot/python/camera/interfaces/camera.py +1 -1
- package/dist/server/src/polyglot/python/camera_ui_types/__init__.py +2 -2
- package/dist/server/src/polyglot/python/plugins/child.py +4 -8
- package/dist/server/src/polyglot/python/plugins/proxy/camera_device.py +10 -10
- package/dist/server/src/services/config/index.js +24 -1
- package/dist/server/src/services/config/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/interface/assets/@mdi-CmcijEFB.js +0 -1
- package/dist/interface/assets/@xterm-B4Ga69iL.js +0 -9
- package/dist/interface/assets/Backup-DBv9xFPh.css +0 -1
- package/dist/interface/assets/Cameras-BsFSPUqe.js +0 -1
- package/dist/interface/assets/Cameras-Du4Q1fbV.css +0 -1
- package/dist/interface/assets/Config-CfhTfiRn.css +0 -1
- package/dist/interface/assets/Config-DLeBAE_a.js +0 -1
- package/dist/interface/assets/Console-CJPb2CoP.css +0 -1
- package/dist/interface/assets/Console-DUMi6dpk.js +0 -4
- package/dist/interface/assets/FirstSteps-CXJW46_r.css +0 -1
- package/dist/interface/assets/FirstSteps-DiJrcnu3.js +0 -1
- package/dist/interface/assets/NewCamera-XducYkxQ.css +0 -1
- package/dist/interface/assets/Plugin-DzKKCoqQ.css +0 -1
- package/dist/interface/assets/Plugins-OYudBc-U.css +0 -1
- package/dist/interface/assets/Plugins-Vi-pGdZ9.js +0 -1
- package/dist/interface/assets/Recordings-DS0l39MO.js +0 -1
- package/dist/interface/assets/Recordings-goAd_BPx.js +0 -1
- package/dist/interface/assets/Settings-DEb_eHGS.js +0 -1
- package/dist/interface/assets/System-DgUHNQS1.js +0 -4
- package/dist/interface/assets/System-sfhoKWOV.css +0 -1
- package/dist/interface/assets/User-BAxYeQHr.js +0 -1
- package/dist/interface/assets/User-DBVny1Dv.css +0 -1
- package/dist/interface/assets/VConsole-CCrJQT3v.js +0 -1
- package/dist/interface/assets/VConsole-Ce_ESyGu.css +0 -1
- package/dist/interface/assets/VPlayer-Bpk-n5Iq.js +0 -1
- package/dist/interface/assets/VPluginCard-B2NnTL3V.js +0 -4
- package/dist/interface/assets/VPluginCard-Dom2ud4Q.css +0 -1
- package/dist/interface/assets/main-B0_ewtlD.css +0 -1
- package/dist/interface/assets/main-DGpiuR7E.js +0 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as ie,r as m,U as ma,e as n,f as M,j as w,M as i,R as l,V as E,T as y,u as e,q as le,t as fe,c as W,w as J,X as pe,O as L,Q as de,N as ve,aa as fa,l as O,am as pa,n as me,W as ga,i as Ve,m as Re,ai as wa,aj as _a}from"./@vue-DL9UVr_o.js";import{K as Qe,L as ya,M as ha,s as xa,N as Oe,F as ba,G as Va,O as ka,P as Da,Q as Ca,R as $a,S as za,T as Ma,U as Pa,V as Sa,W as Fa,X as Ia}from"./@mdi-CmcijEFB.js";import{e as Y,b as ee,o as ze,G as ke,H as We,f as _e,V as Aa,c as Be,n as Ee,I as Ta,J as La}from"./vuetify-B9MADlxz.js";import{d as ce,f as De,s as ye,u as Ra,t as Ba,U as Ea,v as Ua,w as Qa}from"./main-DGpiuR7E.js";import{F as Ue,a as Oa}from"./vee-validate-PbgW_0me.js";import{_ as Se,u as je,C as Wa}from"./VPlayer-Bpk-n5Iq.js";import{H as He}from"./react-dnd-html5-backend-1HQjlkwI.js";import{T as Ne}from"./react-dnd-touch-backend-NgACaG8W.js";import{u as Xe,a as Ye,D as Ge}from"./vue3-dnd-Kv-U-2jL.js";import{u as qe}from"./ui-buWmfohM.js";import{s as Me}from"./pinia-DvQcsQmR.js";import{l as Je,t as Ke,j as Ze,v as ea}from"./@vueuse-Dir68MUw.js";import"./vue-inline-svg-DZpyzRHr.js";import"./vue3-toastify-Dw-XOd2Z.js";import"./vue-i18n-DYaQP6Tc.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-CBqECT9Y.js";import"./vue-router-DWO1Myem.js";import"./@vee-validate-CWdaG3kt.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-CMB4ORW-.js";import"./draggabilly-Arakw9Dk.js";import"./get-size-D1dS-IaP.js";import"./unidragger-BYtqgAQ0.js";import"./ev-emitter-CXYwG0eJ.js";import"./@react-dnd-CcwRs9xb.js";import"./dnd-core-SnWOpY0X.js";import"./redux-CuxFRhX_.js";import"./fast-deep-equal-5pvsDbwX.js";const ja={class:"mt-auto flex flex-col"},Ha={class:"relative flex flex-col items-center justify-center"},Na=ie({__name:"VAudioVisualizer",emits:["listening"],setup(j,{emit:R}){const H=R,z=m(),P=m(null),T=m(),f=m(!1),d=()=>{var o,s;(o=z.value)==null||o.close(),z.value=void 0,(s=T.value)==null||s.forEach(k=>k.stop()),T.value=void 0,f.value=!1,H("listening",!1)},b=(o,s,k,U,x,N)=>{const S=o.createLinearGradient(s,k,U,x);S.addColorStop(0,"#5b040f"),S.addColorStop(.5,"#b50b21"),S.addColorStop(.9,"#df2a4c"),S.addColorStop(1,"#df6380"),o.lineWidth=N,o.strokeStyle=S,o.beginPath(),o.moveTo(s,k),o.lineTo(U,x),o.stroke(),o.closePath()},V=async()=>{var o;if(f.value)d();else try{z.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(C){console.warn("Can not enable AudioVisualizer",C);return}f.value=!0,H("listening",!0),z.value=new AudioContext;let k=z.value.createAnalyser();k.fftSize=1024,T.value=s.getTracks(),z.value.createMediaStreamSource(s).connect(k);const x=90;let N=3,S;const D=(o=P.value)==null?void 0:o.getContext("2d"),X=()=>{if(P.value&&D){const C=[],A=[];D.clearRect(0,0,P.value.width,P.value.height),requestAnimationFrame(X);let r=k.frequencyBinCount,h=new Uint8Array(r);k.getByteFrequencyData(h),C.push(h);for(let v=0;v<C[0].length;v++)A.push(0),C.forEach(F=>{A[v]+=F[v]});const p=P.value.width/2,u=P.value.height/2,_=30;D.beginPath(),D.arc(p,u,_,0,2*Math.PI),D.lineWidth=1,D.stroke(),D.closePath();for(let v=0;v<x;v++){S=A[v]*.4;let F=Math.PI*2/x,K=p+Math.cos(F*v)*_,G=u+Math.sin(F*v)*_,re=p+Math.cos(F*v)*(_+S),he=u+Math.sin(F*v)*(_+S);b(D,K,G,re,he,N)}f.value||D.clearRect(0,0,P.value.width,P.value.height)}};X()}catch(s){d(),console.error(s)}};return ma(()=>{d()}),(o,s)=>(n(),M("div",ja,[w("div",Ha,[i(ee,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:le(V,["prevent"])},{default:l(()=>[i(Y,{size:"35"},{default:l(()=>[E(y(e(Qe)),1)]),_:1})]),_:1}),w("canvas",{ref_key:"canvas",ref:P,height:"300",width:"300"},null,512)])]))}}),Xa=ce(Na,[["__scopeId","data-v-5c30fb5d"]]),Ya=["data-handler-id"],Ga=ie({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(j,{expose:R}){const H=qe(),z=j,{camera:P}=fe(z),{uiSettings:T}=Me(H),f=m(),d=m(),b=m(null);let V=null,o=0,s=0;const k=W(()=>T.value.camview.dragDisabled===!1),{x:U,y:x,sourceType:N}=Je(),{top:S,left:D}=Ke(b),[X,C]=Xe({accept:"camera",collect($){return{handlerId:$.getHandlerId()}},hover($,ae){var be;if(!f.value)return;const te=$.index,ne=z.index;if(te===ne)return;const ge=(be=f.value)==null?void 0:be.getBoundingClientRect(),xe=(ge.bottom-ge.top)/2,oe=ae.getClientOffset().y-ge.top;te<ne&&oe<xe||te>ne&&oe>xe||(z.moveCard(te,ne),$.index=ne)}}),[A,r]=Ye({type:"camera",canDrag(){return k.value},item:()=>({id:z.id,index:z.index}),collect:$=>({isDragging:$.isDragging()})}),{handlerId:h}=fe(X.value),p=W(()=>A.value.isDragging),u=W(()=>p.value&&N.value==="touch"),_=W(()=>e(p)?0:1);J(u,$=>{$?(V=v(),o=U.value-D.value,s=x.value-S.value):(K(V),V=null)}),J([U,x],()=>{F(V,o,s)});const v=()=>{if(b.value){const $=b.value.cloneNode(!0);return $.classList.add("drag-preview"),document.body.appendChild($),$}return null},F=($,ae,te)=>{$&&($.style.left=`${U.value-ae}px`,$.style.top=`${x.value-te}px`)},K=$=>{$&&document.body.removeChild($)},G=$=>{f.value=r(C($))};return R({togglePlayerMute:$=>{var ae;(ae=d.value)==null||ae.toggleMute($)},toggleMicrophone:async($,ae)=>{var te;await((te=d.value)==null?void 0:te.toggleMicrophone($,ae))}}),($,ae)=>(n(),M("div",{ref_key:"boxEl",ref:b},[w("div",{ref:G,class:"camera-card",style:pe({opacity:e(_),color:"#000",cursor:e(T).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(h)},[i(Se,{ref_key:"playerRef",ref:d,"current-camera":e(P).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["current-camera"])],12,Ya)],512))}}),qa=ce(Ga,[["__scopeId","data-v-a157f34a"]]),Ja={class:"conference"},Ka=ie({__name:"VDnD",props:{cameras:{},dbCameras:{}},emits:["drag"],setup(j,{expose:R,emit:H}){const{isTouch:z}=je(),{smallMobileActive:P}=De(),T=H,f=j,{cameras:d,dbCameras:b}=fe(f),V=m(null),o=m(null),s=m("16:9"),k=m(2),U=Ze(o),x=m([]),N=m(),{isFullscreen:S,toggle:D}=ea(V);J(d,u=>{x.value=ye(u).sort((_,v)=>_.index-v.index)},{immediate:!0,deep:!0});const X=(u,_)=>{const v=x.value[u];x.value.splice(u,1),x.value.splice(_,0,v),x.value=x.value.map((F,K)=>(F.index=K,F)).sort((F,K)=>F.index-K.index),T("drag",x.value)},C=u=>{const _=U.height.value-k.value*2,v=U.width.value-k.value*2,F=parseInt(s.value.split(":")[1])/parseInt(s.value.split(":")[0]);let K=0,G=0,re=u*F+k.value*2;for(;K<x.value.length;)G+u>v&&(G=0,re=re+u*F+k.value*2),G=G+u+k.value*2,K++;return re>_||u>v?!1:u},A=W(()=>{if(P.value)return"100%";let u=0,_=1;for(;_<5e3;){if(C(_)===!1){u=_-1;break}_++}return u=u-k.value,`${u}px`});return R({toggleFullscreen:async()=>{await D()},togglePlayerMute:u=>{for(const _ of N.value||[])_.togglePlayerMute(u)},togglePlayerMicrophone:async(u,_)=>{for(const v of N.value||[])await v.toggleMicrophone(u,_)},isFullscreen:S,selectedCameras:x}),(u,_)=>(n(),L(e(Ge),{backend:e(z)?e(Ne):e(He)},{default:l(()=>[w("div",{ref_key:"cameraDnd",ref:V,class:"scenary"},[w("div",Ja,[i(fa,{ref_key:"dishEl",ref:o,name:"list",tag:"div",class:"dish"},{default:l(()=>[(n(!0),M(ve,null,de(e(x),(v,F)=>(n(),L(qa,{id:v.cameraId,ref_for:!0,ref_key:"dndCards",ref:N,key:v.cameraId,index:F,camera:e(b).find(K=>K._id===v.cameraId),"move-card":X,style:pe({width:e(A)})},null,8,["id","index","camera","style"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),Za=ce(Ka,[["__scopeId","data-v-c22c99a6"]]),et={class:"camera-snapshot"},at={class:"camera-info flex flex-row items-center"},tt={class:"text-passive truncate"},st=ie({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(j){const R=j,{isDropped:H,camera:z,canDrag:P}=fe(R),T=m(null);let f=null,d=0,b=0;const{x:V,y:o,sourceType:s}=Je(),{top:k,left:U}=Ke(T),[x,N]=Ye(()=>({type:"camera",options:{dropEffect:"copy"},item:z.value,canDrag:P.value,collect:r=>({style:{opacity:r.isDragging()?.4:1},isDragging:r.isDragging()})})),S=W(()=>x.value.isDragging),D=W(()=>S.value&&s.value==="touch");J(D,r=>{r?(f=X(),d=V.value-U.value,b=o.value-k.value):(A(f),f=null)}),J([V,o],()=>{C(f,d,b)});const X=()=>{if(T.value){const r=T.value.cloneNode(!0);return r.classList.add("drag-preview"),document.body.appendChild(r),r}return null},C=(r,h,p)=>{r&&(r.style.left=`${V.value-h}px`,r.style.top=`${o.value-p}px`)},A=r=>{r&&document.body.removeChild(r)};return(r,h)=>{const p=Se;return n(),M("div",{ref_key:"boxEl",ref:T},[w("div",{ref:e(N),style:pe({...e(x).style,cursor:e(H)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[i(Y,{size:"20",class:"text-passive mr-2"},{default:l(()=>[E(y(e(ya)),1)]),_:1}),w("div",et,[i(p,{"current-camera":e(z).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),w("div",at,[w("span",tt,y(e(z).name),1),e(H)?(n(),L(Y,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[E(y(e(ha)),1)]),_:1})):O("",!0)])],4)],512)}}}),lt=ce(st,[["__scopeId","data-v-7dfa63f3"]]),Pe={WIDTH:400},ot={class:"camera-view-edit flex flex-col p-2"},rt={class:"mb-4 text-lg"},nt={class:"text-passive mb-5 mt-5"},it={class:"camera-container py-3"},ct=ie({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(j){pa(b=>({"7ea40162":e(T)}));const R=j,{cameras:H,droppedCameras:z,title:P}=fe(R),T=m(`${Pe.WIDTH}px`),f=m(!1),d=b=>z.value.some(V=>V.name===b.name);return(b,V)=>{const o=lt;return n(),M("div",ot,[w("b",rt,y(e(P)),1),w("span",nt,y(b.$t("components.view_box.available_streams")),1),w("div",it,[(n(!0),M(ve,null,de(e(H),(s,k)=>(n(),M("div",{key:k,class:"mb-4"},[i(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:me({shake:e(f)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),ut=ce(ct,[["__scopeId","data-v-420802a2"]]),dt={key:0,class:"overlay-button-text truncate",color:"#fff"},vt={key:1,class:"w-full h-full flex items-center justify-center"},mt=ie({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(j,{expose:R,emit:H}){const{desktopActive:z}=De(),P=H,T=j,{lastDroppedCamera:f,editMode:d,cameras:b,droppedCameras:V}=fe(T),o=m(null),s=m(),{width:k}=Ze(o),[U,x]=Xe({accept:"camera",drop:T.onDrop,collect:h=>({isOver:h.isOver(),canDrop:h.canDrop()&&f.value===void 0}),canDrop:()=>f.value===void 0}),N=W(()=>U.value.canDrop&&U.value.isOver),S=W(()=>d.value?N.value?"#171717":"#202020":"#000"),D=W(()=>k.value<=200),X=W(()=>b.value.filter(h=>!C(h))),C=h=>V.value.some(p=>p.name===h.name);return R({togglePlayerMute:h=>{var p;(p=s.value)==null||p.toggleMute(h)},toggleMicrophone:async(h,p)=>{var u;await((u=s.value)==null?void 0:u.toggleMicrophone(h,p))}}),(h,p)=>(n(),M("div",{ref:e(x),style:pe({backgroundColor:e(S)}),class:"overflow-hidden"},[e(f)?(n(),M("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(n(),L(ee,{key:0,icon:e(D),size:e(D)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:p[0]||(p[0]=le(u=>P("remove",e(f)),["prevent"]))},{default:l(()=>[i(Y,{size:"18"},{default:l(()=>[E(y(e(xa)),1)]),_:1}),e(D)?O("",!0):(n(),M("span",dt,y(e(f).name),1))]),_:1},8,["icon","size"])):O("",!0),i(ga,{name:"fade",mode:"in-out"},{default:l(()=>[e(f)?(n(),L(Se,{key:0,ref_key:"playerRef",ref:s,class:me({"camera-overlay":e(d)}),"current-camera":e(f).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:pe({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control"])):O("",!0)]),_:1})],512)):!e(z)&&e(d)?(n(),M("div",vt,[i(ee,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[i(Y,{size:"18",color:"#ffff"},{default:l(()=>[E(y(e(Oe)),1)]),_:1}),i(ze,{activator:"parent",class:"select-menu"},{default:l(()=>[i(ke,{"onClick:select":p[1]||(p[1]=u=>P("drop",u.id))},{default:l(()=>[(n(!0),M(ve,null,de(e(X),(u,_)=>(n(),L(_e,{key:_,value:u},{default:l(()=>[i(We,null,{default:l(()=>[E(y(u.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):O("",!0)],4))}}),ft=ce(mt,[["__scopeId","data-v-5b755b3b"]]),pt=ie({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(j,{expose:R,emit:H}){const{isTouch:z}=je(),{desktopActive:P}=De(),T=H,f=j,{cameras:d,editMode:b,viewSize:V,cards:o,title:s}=fe(f),k=m(null),U=m(`${Pe.WIDTH}px`),x=m(),{isFullscreen:N,toggle:S}=ea(k),D=W(()=>o.value.filter(r=>r.lastDroppedCamera).map(r=>r.lastDroppedCamera));return R({toggleFullscreen:async()=>{await S()},togglePlayerMute:r=>{for(const h of x.value||[])h.togglePlayerMute(r)},togglePlayerMicrophone:async(r,h)=>{for(const p of x.value||[])await p.toggleMicrophone(r,h)},isFullscreen:N}),(r,h)=>{const p=ut;return n(),L(e(Ge),{backend:e(z)?e(Ne):e(He)},{default:l(()=>[w("div",{ref_key:"cameraView",ref:k,class:"view-container flex items-center mx-2",style:pe({width:e(b)&&e(P)?`calc(100% - ${e(U)})`:void 0})},[w("div",{class:me(`view-wrap w-full camera-view-${e(V)}`)},[(n(!0),M(ve,null,de(e(o),(u,_)=>(n(),L(ft,{ref_for:!0,ref_key:"dragContainer",ref:x,key:_,class:me(`div${_+1}-${e(V)}`),"last-dropped-camera":u.lastDroppedCamera,cameras:e(d),"dropped-cameras":e(D),"edit-mode":e(b),onDrop:v=>T("drop",_,v),onRemove:h[0]||(h[0]=v=>T("remove",v))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(b)&&e(P)?(n(),L(p,{key:0,cameras:e(d),"dropped-cameras":e(D),title:e(s),class:"view-box",style:pe({"margin-right":e(b)?"0px":`-${e(Pe).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):O("",!0)]),_:1},8,["backend"])}}}),gt=ce(pt,[["__scopeId","data-v-8ef83e91"]]),wt=j=>(wa("data-v-ce562fc8"),j=j(),_a(),j),_t=["data-inside-id"],yt={class:"camview-topbar p-2 flex flex-row items-center"},ht={class:"flex w-full justify-start items-center"},xt={class:"camview-title truncate"},bt={class:"flex w-full justify-start items-center"},Vt={class:"camview-title truncate"},kt=wt(()=>w("div",{class:"ml-auto"},null,-1)),Dt={class:"w-full flex flex-row items-center"},Ct={class:"w-full flex flex-row items-center"},$t={key:9,class:"flex flex-row items-center"},zt={class:"text-white"},Mt={class:"h-full w-full inline-size mb-safe"},Pt={key:0,class:"h-full w-full flex items-center justify-center"},St={key:1,class:"w-full h-full"},Ft={key:0,class:"w-full h-full relative"},It={key:1,class:"w-full h-full flex flex-row"},At={key:2,class:"flex flex-col items-center justify-center w-full h-full"},Tt={class:"mt-5",style:{color:"#525252"}},Lt={class:"flex flex-col h-full w-full"},Rt={class:"relative"},Bt={for:"name",class:"v-label"},Et={key:0,class:"text-red text-center mb-5"},Ut={class:"view-scroll-container"},Qt={class:"view-select-container"},Ot=["onClick"],Wt={class:"flex flex-col h-full w-full"},jt={class:"relative"},Ht={for:"name",class:"v-label"},Nt={key:0,class:"text-red text-center mb-5"},Xt={class:"flex flex-col"},Yt=ie({__name:"Camview",setup(j){var Fe;const R=new Ea,H=new Wa,{smallMobileActive:z}=De(),P=Ra(),T=qe(),{uiSettings:f}=Me(T),{loginState:d}=Me(P),b=m(),V=m(),o=m(),s=m({}),k=m(!1),U=m(Ba()),x=m({page:1,pageSize:-1}),N=m([1,4,6,7,9,10,12,13,15,16,20,26]),S=m(!1),D=m(!1),X=m(!0),C=m(!1),A=m(!1),r=m(!1),h=m(!1),p=m(!1),u=m(!1),_=m([]),v=m([]),{data:F,isLoading:K}=H.getCamerasQuery(x),{data:G,isLoading:re}=R.getViewsQuery(((Fe=d.value.user)==null?void 0:Fe.username)||"",x),{mutate:he,isPending:$}=R.removeViewQuery(),{mutateAsync:ae,isPending:te}=R.createViewQuery(),{mutateAsync:ne,isPending:ge}=R.patchViewQuery(),{mutateAsync:xe}=R.patchViewQuerySilent(),se=W(()=>C.value||r.value||A.value),oe=W(()=>K.value||re.value||$.value||te.value||ge.value),be=W(()=>{var t,a;return((t=V.value)==null?void 0:t.isFullscreen)||((a=V.value)==null?void 0:a.isFullscreen)||!1}),aa=W(()=>navigator.mediaDevices!==void 0),I=W(()=>{var a,g;const t=((a=G.value)==null?void 0:a.result.find(B=>B._id===f.value.camview.viewid))||((g=G.value)==null?void 0:g.result[0]);return t?(s.value=t,f.value.camview.viewid=t._id):s.value={},t}),Ce=W(()=>se.value&&s.value.viewSize>0?s.value.viewSize:I.value?I.value.viewSize:1);J(d,t=>{R.toggleQueryActivator("getUserQuery",t!==null)}),J([Ce,I,F,se,f],()=>{var a,g,B;if(((a=I.value)==null?void 0:a.type)==="dnd"&&!C.value&&!r.value)return;const t=Array.from({length:Ce.value}).map((Q,Z)=>({accept:"camera",index:Z,lastDroppedCamera:void 0}));if(!r.value&&!h.value)for(const Q of((g=I.value)==null?void 0:g.cameras)||[])t[Q.index].lastDroppedCamera=(B=F.value)==null?void 0:B.result.find(Z=>Z._id===Q.cameraId);_.value=t},{deep:!0,immediate:!0}),J(s,t=>{var a,g,B;if(Object.keys(t).length===0)(a=o.value)==null||a.resetForm(),S.value=!1,D.value=!1;else{for(const[Q,Z]of Object.entries(t))(g=o.value)==null||g.setFieldValue(Q,Z);t.viewSize&&(S.value=!1),(B=t.cameras)!=null&&B.length&&(D.value=!1)}},{deep:!0}),J([h,r],([t,a])=>{(!t&&!a||t)&&(s.value={},S.value=!1)}),J([p,A],()=>{A.value||(v.value=[],s.value={},D.value=!1)}),J(p,t=>{t||(A.value=!1)}),J(A,t=>{var a;t?(v.value=((a=F.value)==null?void 0:a.result.filter(g=>{var B;return(B=I.value)==null?void 0:B.cameras.some(Q=>Q.cameraId===g._id)}))||[],p.value=!0):(v.value=[],p.value=!1)}),J(v,t=>{t.length&&(D.value=!1)}),J(se,t=>{t&&I.value&&!r.value&&(s.value=ye(I.value))}),J(d,t=>{t.user?R.toggleQueryActivator("getUserQuery",!0):R.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const ta=async t=>{if(!I.value||!d.value.user)return;const a=ye(I.value);a.cameras=t;const g=await xe({username:d.value.user.username,viewid:a._id,viewData:a});we(g)},sa=(t,a)=>{_.value[t].lastDroppedCamera=a},la=t=>{_.value=_.value.map(a=>{var g;return((g=a.lastDroppedCamera)==null?void 0:g.name)===t.name&&(a.lastDroppedCamera=void 0),a})},oa=async()=>{var g;if(!o.value||!d.value.user)return;const t=v.value.map((B,Q)=>({cameraId:B._id,index:Q}));s.value.cameras=t,s.value.type="dnd",s.value.viewSize=1,o.value.setFieldValue("type","dnd"),o.value.setFieldValue("viewSize",1),o.value.setFieldValue("cameras",t);const a=await o.value.validate();if(a){if(((g=G.value)==null?void 0:g.result.find(Z=>Z.name===s.value.name))&&!A.value){o.value.setFieldError("name","View already exists");return}if(t.length===0){D.value=!0;return}if(!a.valid)return;const Q=ye(s.value);if(Q._id){const Z=await ne({username:d.value.user.username,viewid:Q._id,viewData:Q});we(Z)}else{const Z=await ae({username:d.value.user.username,viewData:Q});we(Z)}p.value=!1}},ra=async()=>{var a,g;if(!o.value)return;s.value.cameras=[],s.value.type="view",o.value.setFieldValue("type","view"),o.value.setFieldValue("cameras",[]);const t=await o.value.validate();if(t){if((a=G.value)==null?void 0:a.result.find(Q=>Q.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!t.valid){((g=t.results.viewSize)==null?void 0:g.valid)===!1&&(S.value=!0);return}h.value=!1,r.value=!0}},na=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const t=_.value.filter(g=>g.lastDroppedCamera).map(g=>({cameraId:g.lastDroppedCamera._id,index:g.index})).sort((g,B)=>g.index-B.index);if(!t.length)return;o.value.setFieldValue("name",s.value.name),o.value.setFieldValue("cameras",t);const a=await o.value.validate();if(a!=null&&a.valid){const g=ye(s.value);if(g.cameras=t,g._id){const B=await ne({username:d.value.user.username,viewid:g._id,viewData:g});we(B)}else{const B=await ae({username:d.value.user.username,viewData:g});we(B)}}},we=t=>{f.value.camview.viewid=t._id,h.value=!1,p.value=!1,r.value=!1,C.value=!1},ia=()=>{!I.value||!d.value.user||he({username:d.value.user.username,viewid:I.value._id},{onSuccess:t=>{t.length?f.value.camview.viewid=t[0]._id:f.value.camview.viewid=void 0}})},ca=t=>{f.value.camview.viewid=t._id},ua=async()=>{V.value?await V.value.toggleFullscreen():b.value&&await b.value.toggleFullscreen()},da=()=>{X.value=!X.value,V.value?V.value.togglePlayerMute(X.value):b.value&&b.value.togglePlayerMute(X.value)},va=async t=>{V.value?await V.value.togglePlayerMicrophone(t):b.value&&await b.value.togglePlayerMicrophone(t)};return(t,a)=>{const g=Qa,B=Xa;return n(),M("main",{style:{padding:"0 !important"},"data-inside-id":e(U)},[i(e(Oa),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Ua),"initial-values":e(s)},{default:l(()=>{var Q,Z,Ie,Ae,Te,Le;return[w("div",yt,[!e(r)&&e(I)?(n(),L(ee,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[w("div",ht,[e(se)?O("",!0):(n(),L(Y,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[E(y(e(k)?e(ba):e(Va)),1)]),_:1})),w("span",xt,y(e(I).name),1)]),e(se)?O("",!0):(n(),L(ze,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":a[1]||(a[1]=c=>k.value=c)},{default:l(()=>[i(ke,{density:"compact","onClick:select":a[0]||(a[0]=c=>ca(c.id))},{default:l(()=>{var c;return[(n(!0),M(ve,null,de(((c=e(G))==null?void 0:c.result)||[],(q,ue)=>(n(),L(_e,{key:ue,active:q._id===e(I)._id,value:q},{default:l(()=>[E(y(q.name),1)]),_:2},1032,["active","value"]))),128))]}),_:1})]),_:1}))]),_:1})):e(r)&&e(s).name?(n(),L(ee,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[w("div",bt,[w("span",Vt,y(e(s).name),1)])]),_:1})):O("",!0),kt,!e(se)&&((Q=e(I))==null?void 0:Q.type)==="dnd"?(n(),L(ee,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[2]||(a[2]=le(c=>e(f).camview.dragDisabled=!e(f).camview.dragDisabled,["prevent"]))},{default:l(()=>[i(Y,{size:"18"},{default:l(()=>[E(y(e(f).camview.dragDisabled?e(ka):e(Da)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),L(ee,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[3]||(a[3]=le(c=>da(),["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[E(y(e(X)?e(Ca):e($a)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)&&e(aa)?(n(),L(ee,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[4]||(a[4]=le(c=>u.value=!0,["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[E(y(e(Qe)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),L(ee,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[5]||(a[5]=le(c=>ua(),["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[E(y(e(be)?e(za):e(Ma)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),L(ee,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[6]||(a[6]=le(c=>ia(),["prevent"]))},{default:l(()=>[i(Y,{size:"20"},{default:l(()=>[E(y(e(Pa)),1)]),_:1})]),_:1})):O("",!0),!e(A)&&!e(C)&&!e(r)&&e(I)?(n(),L(ee,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[7]||(a[7]=le(c=>{var q;return((q=e(I))==null?void 0:q.type)==="dnd"?A.value=!e(A):C.value=!e(C)},["prevent"]))},{default:l(()=>[i(Y,{size:"19"},{default:l(()=>[E(y(e(Sa)),1)]),_:1})]),_:1})):O("",!0),!e(A)&&!e(C)&&!e(r)?(n(),L(ee,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[E(y(e(Oe)),1)]),_:1}),i(ze,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[i(ke,{density:"compact","onClick:select":a[8]||(a[8]=c=>c.id==="view"?h.value=!0:p.value=!0)},{default:l(()=>[i(_e,{value:"view"},{default:l(()=>[w("div",Dt,[i(Y,{size:"18",class:"mr-2"},{default:l(()=>[E(y(e(Fa)),1)]),_:1}),E(" "+y(t.$t("views.camview.new_view")),1)])]),_:1}),i(_e,{value:"dnd"},{default:l(()=>[w("div",Ct,[i(Y,{size:"18",class:"mr-2"},{default:l(()=>[E(y(e(Ia)),1)]),_:1}),E(" "+y(t.$t("views.camview.new_dnd")),1)])]),_:1})]),_:1})]),_:1})]),_:1})):O("",!0),e(C)||e(r)?(n(),M("div",$t,[i(ee,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:a[9]||(a[9]=le(c=>e(C)?C.value=!1:r.value=!1,["prevent"]))},{default:l(()=>[E(y(t.$t("components.form.button.cancel")),1)]),_:1}),i(ee,{disabled:e(_).every(c=>c.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:a[10]||(a[10]=le(c=>na(),["prevent"]))},{default:l(()=>[w("span",zt,y(t.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):O("",!0)]),w("div",{class:me(["camview-container",{"px-0":e(z)}])},[w("div",Mt,[e(oe)||!e(G)?(n(),M("div",Pt,[i(Aa,{color:"#df2a4c",indeterminate:""})])):(n(),M("div",St,[!e(r)&&!e(C)&&(e(A)||((Z=e(I))==null?void 0:Z.type)==="dnd")?(n(),M("div",Ft,[i(Za,{ref_key:"dndRef",ref:b,cameras:((Ie=e(I))==null?void 0:Ie.cameras)||[],"db-cameras":((Ae=e(F))==null?void 0:Ae.result)||[],onDrag:ta},null,8,["cameras","db-cameras"])])):!e(A)&&(e(r)||e(C)||((Te=e(I))==null?void 0:Te.type)==="view")?(n(),M("div",It,[(n(),L(gt,{ref_key:"viewRef",ref:V,key:e(f).camview.viewid+(e(r)?"-new":e(C)?"-edit":"-view"),cameras:((Le=e(F))==null?void 0:Le.result)||[],"edit-mode":e(r)||e(C),"view-size":e(r)?e(s).viewSize:e(Ce),title:e(s).name,cards:e(_),onDrop:sa,onRemove:la},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(n(),M("div",At,[w("span",Tt,y(t.$t("views.camview.no_views_configured")),1)]))]))])],2),i(g,{modelValue:e(h),"onUpdate:modelValue":a[12]||(a[12]=c=>Ve(h)?h.value=c:null),title:t.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(oe),onConfirm:a[13]||(a[13]=c=>ra())},{content:l(()=>[w("div",Lt,[w("div",Rt,[i(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":a[11]||(a[11]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:q,errors:ue})=>[w("label",Bt,y(t.$t("components.form.label.name")),1),i(Be,Re({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:ue.length>0,"error-messages":q}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),i(Ee,{class:"my-5"}),e(S)?(n(),M("span",Et,y(t.$t("components.form.error.no_view_selected")),1)):O("",!0),w("div",Ut,[w("div",Qt,[(n(!0),M(ve,null,de(e(N),c=>(n(),M("div",{key:c,class:"view-select-item h-full w-full",onClick:le(q=>e(s).viewSize=c,["prevent"])},[w("div",{class:me(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===c}])},[i(Y,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[E(y(`$cuiGrid${c}`),1)]),_:2},1024)],2),w("span",{class:me(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===c}])},y(c)+" "+y(t.$t("views.camview.cameras")),3)],8,Ot))),128))])])])]),_:1},8,["modelValue","title","loading"]),i(g,{modelValue:e(p),"onUpdate:modelValue":a[16]||(a[16]=c=>Ve(p)?p.value=c:null),title:t.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(oe),onConfirm:a[17]||(a[17]=c=>oa())},{content:l(()=>[w("div",Wt,[w("div",jt,[i(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":a[14]||(a[14]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:q,errors:ue})=>[w("label",Ht,y(t.$t("components.form.label.name")),1),i(Be,Re({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:ue.length>0,"error-messages":q}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),i(Ee,{class:"mb-10 mt-5"}),e(D)?(n(),M("span",Nt,y(t.$t("components.form.error.no_cameras_selected")),1)):O("",!0),i(ke,{selected:e(v),"onUpdate:selected":a[15]||(a[15]=c=>Ve(v)?v.value=c:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var c;return[(n(!0),M(ve,null,de(((c=e(F))==null?void 0:c.result)||[],(q,ue)=>(n(),L(_e,{key:ue,value:q,active:e(v).some($e=>$e.name===q.name)},{prepend:l(({isActive:$e})=>[i(Ta,{start:""},{default:l(()=>[i(La,{"model-value":$e,color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),default:l(()=>[i(We,null,{default:l(()=>[E(y(q.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),i(g,{modelValue:e(u),"onUpdate:modelValue":a[18]||(a[18]=c=>Ve(u)?u.value=c:null),title:t.$t("components.dialog.title.intercom"),loading:e(oe),"hide-confirm-button":""},{content:l(()=>[w("div",Xt,[w("span",null,y(t.$t("components.dialog.message.intercom_info")),1),i(B,{onListening:va})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])],8,_t)}}}),Es=ce(Yt,[["__scopeId","data-v-ce562fc8"]]);export{Es as default};
|
|
1
|
+
import{F as ie,r as m,U as ma,e as n,f as M,j as w,M as i,R as l,V as B,T as y,u as e,q as le,t as fe,c as W,w as J,X as pe,O as E,Q as de,N as ve,aa as fa,l as O,an as pa,n as me,W as ga,i as Ve,m as Le,ai as wa,aj as _a}from"./@vue-CHoPEscU.js";import{J as Qe,K as ya,L as ha,s as xa,M as Oe,E as ba,F as Va,N as ka,O as Da,P as Ca,Q as $a,R as za,S as Ma,T as Pa,U as Sa,V as Fa,W as Ia}from"./@mdi-DdmeckA1.js";import{e as Y,b as ee,o as ze,G as ke,H as We,f as _e,V as Aa,c as Re,n as Be,I as Ta,J as Ea}from"./vuetify-Bs5zynkb.js";import{d as ce,f as De,s as ye,u as La,t as Ra,U as Ba,v as Ua,w as Qa}from"./main-Bbvif0oi.js";import{F as Ue,a as Oa}from"./vee-validate-Bcyi_7NV.js";import{_ as Se,u as je,C as Wa}from"./VPlayer-6KqHadcW.js";import{H as He}from"./react-dnd-html5-backend-1HQjlkwI.js";import{T as Ne}from"./react-dnd-touch-backend-NgACaG8W.js";import{u as Xe,a as Ye,D as qe}from"./vue3-dnd-CB0hw1gI.js";import{u as Ge}from"./ui-s9WkyTXF.js";import{s as Me}from"./pinia-B42WbXFS.js";import{m as Je,v as Ke,k as Ze,w as ea}from"./@vueuse-Ty7ydkJu.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./vue-router-C1SPCwo7.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-BVTgiMCC.js";import"./draggabilly-YEGzHR3_.js";import"./get-size-D1dS-IaP.js";import"./unidragger-91TYirAP.js";import"./ev-emitter-t78oQA8k.js";import"./@react-dnd-CcwRs9xb.js";import"./dnd-core-SnWOpY0X.js";import"./redux-CuxFRhX_.js";import"./fast-deep-equal-Bs1__Kao.js";const ja={class:"mt-auto flex flex-col"},Ha={class:"relative flex flex-col items-center justify-center"},Na=ie({__name:"VAudioVisualizer",emits:["listening"],setup(j,{emit:L}){const H=L,z=m(),P=m(null),T=m(),f=m(!1),d=()=>{var o,s;(o=z.value)==null||o.close(),z.value=void 0,(s=T.value)==null||s.forEach(k=>k.stop()),T.value=void 0,f.value=!1,H("listening",!1)},b=(o,s,k,U,x,N)=>{const S=o.createLinearGradient(s,k,U,x);S.addColorStop(0,"#5b040f"),S.addColorStop(.5,"#b50b21"),S.addColorStop(.9,"#df2a4c"),S.addColorStop(1,"#df6380"),o.lineWidth=N,o.strokeStyle=S,o.beginPath(),o.moveTo(s,k),o.lineTo(U,x),o.stroke(),o.closePath()},V=async()=>{var o;if(f.value)d();else try{z.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(C){console.warn("Can not enable AudioVisualizer",C);return}f.value=!0,H("listening",!0),z.value=new AudioContext;let k=z.value.createAnalyser();k.fftSize=1024,T.value=s.getTracks(),z.value.createMediaStreamSource(s).connect(k);const x=90;let N=3,S;const D=(o=P.value)==null?void 0:o.getContext("2d"),X=()=>{if(P.value&&D){const C=[],A=[];D.clearRect(0,0,P.value.width,P.value.height),requestAnimationFrame(X);let r=k.frequencyBinCount,h=new Uint8Array(r);k.getByteFrequencyData(h),C.push(h);for(let v=0;v<C[0].length;v++)A.push(0),C.forEach(F=>{A[v]+=F[v]});const p=P.value.width/2,u=P.value.height/2,_=30;D.beginPath(),D.arc(p,u,_,0,2*Math.PI),D.lineWidth=1,D.stroke(),D.closePath();for(let v=0;v<x;v++){S=A[v]*.4;let F=Math.PI*2/x,K=p+Math.cos(F*v)*_,q=u+Math.sin(F*v)*_,re=p+Math.cos(F*v)*(_+S),he=u+Math.sin(F*v)*(_+S);b(D,K,q,re,he,N)}f.value||D.clearRect(0,0,P.value.width,P.value.height)}};X()}catch(s){d(),console.error(s)}};return ma(()=>{d()}),(o,s)=>(n(),M("div",ja,[w("div",Ha,[i(ee,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:le(V,["prevent"])},{default:l(()=>[i(Y,{size:"35"},{default:l(()=>[B(y(e(Qe)),1)]),_:1})]),_:1}),w("canvas",{ref_key:"canvas",ref:P,height:"300",width:"300"},null,512)])]))}}),Xa=ce(Na,[["__scopeId","data-v-5c30fb5d"]]),Ya=["data-handler-id"],qa=ie({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(j,{expose:L}){const H=Ge(),z=j,{camera:P}=fe(z),{uiSettings:T}=Me(H),f=m(),d=m(),b=m(null);let V=null,o=0,s=0;const k=W(()=>T.value.camview.dragDisabled===!1),{x:U,y:x,sourceType:N}=Je(),{top:S,left:D}=Ke(b),[X,C]=Xe({accept:"camera",collect($){return{handlerId:$.getHandlerId()}},hover($,ae){var be;if(!f.value)return;const te=$.index,ne=z.index;if(te===ne)return;const ge=(be=f.value)==null?void 0:be.getBoundingClientRect(),xe=(ge.bottom-ge.top)/2,oe=ae.getClientOffset().y-ge.top;te<ne&&oe<xe||te>ne&&oe>xe||(z.moveCard(te,ne),$.index=ne)}}),[A,r]=Ye({type:"camera",canDrag(){return k.value},item:()=>({id:z.id,index:z.index}),collect:$=>({isDragging:$.isDragging()})}),{handlerId:h}=fe(X.value),p=W(()=>A.value.isDragging),u=W(()=>p.value&&N.value==="touch"),_=W(()=>e(p)?0:1);J(u,$=>{$?(V=v(),o=U.value-D.value,s=x.value-S.value):(K(V),V=null)}),J([U,x],()=>{F(V,o,s)});const v=()=>{if(b.value){const $=b.value.cloneNode(!0);return $.classList.add("drag-preview"),document.body.appendChild($),$}return null},F=($,ae,te)=>{$&&($.style.left=`${U.value-ae}px`,$.style.top=`${x.value-te}px`)},K=$=>{$&&document.body.removeChild($)},q=$=>{f.value=r(C($))};return L({togglePlayerMute:$=>{var ae;(ae=d.value)==null||ae.toggleMute($)},toggleMicrophone:async($,ae)=>{var te;await((te=d.value)==null?void 0:te.toggleMicrophone($,ae))}}),($,ae)=>(n(),M("div",{ref_key:"boxEl",ref:b},[w("div",{ref:q,class:"camera-card",style:pe({opacity:e(_),color:"#000",cursor:e(T).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(h)},[i(Se,{ref_key:"playerRef",ref:d,"current-camera":e(P).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["current-camera"])],12,Ya)],512))}}),Ga=ce(qa,[["__scopeId","data-v-a157f34a"]]),Ja={class:"conference"},Ka=ie({__name:"VDnD",props:{cameras:{},dbCameras:{}},emits:["drag"],setup(j,{expose:L,emit:H}){const{isTouch:z}=je(),{smallMobileActive:P}=De(),T=H,f=j,{cameras:d,dbCameras:b}=fe(f),V=m(null),o=m(null),s=m("16:9"),k=m(2),U=Ze(o),x=m([]),N=m(),{isFullscreen:S,toggle:D}=ea(V);J(d,u=>{x.value=ye(u).sort((_,v)=>_.index-v.index)},{immediate:!0,deep:!0});const X=(u,_)=>{const v=x.value[u];x.value.splice(u,1),x.value.splice(_,0,v),x.value=x.value.map((F,K)=>(F.index=K,F)).sort((F,K)=>F.index-K.index),T("drag",x.value)},C=u=>{const _=U.height.value-k.value*2,v=U.width.value-k.value*2,F=parseInt(s.value.split(":")[1])/parseInt(s.value.split(":")[0]);let K=0,q=0,re=u*F+k.value*2;for(;K<x.value.length;)q+u>v&&(q=0,re=re+u*F+k.value*2),q=q+u+k.value*2,K++;return re>_||u>v?!1:u},A=W(()=>{if(P.value)return"100%";let u=0,_=1;for(;_<5e3;){if(C(_)===!1){u=_-1;break}_++}return u=u-k.value,`${u}px`});return L({toggleFullscreen:async()=>{await D()},togglePlayerMute:u=>{for(const _ of N.value||[])_.togglePlayerMute(u)},togglePlayerMicrophone:async(u,_)=>{for(const v of N.value||[])await v.toggleMicrophone(u,_)},isFullscreen:S,selectedCameras:x}),(u,_)=>(n(),E(e(qe),{backend:e(z)?e(Ne):e(He)},{default:l(()=>[w("div",{ref_key:"cameraDnd",ref:V,class:"scenary"},[w("div",Ja,[i(fa,{ref_key:"dishEl",ref:o,name:"list",tag:"div",class:"dish"},{default:l(()=>[(n(!0),M(ve,null,de(e(x),(v,F)=>(n(),E(Ga,{id:v.cameraId,ref_for:!0,ref_key:"dndCards",ref:N,key:v.cameraId,index:F,camera:e(b).find(K=>K._id===v.cameraId),"move-card":X,style:pe({width:e(A)})},null,8,["id","index","camera","style"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),Za=ce(Ka,[["__scopeId","data-v-c22c99a6"]]),et={class:"camera-snapshot"},at={class:"camera-info flex flex-row items-center"},tt={class:"text-passive truncate"},st=ie({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(j){const L=j,{isDropped:H,camera:z,canDrag:P}=fe(L),T=m(null);let f=null,d=0,b=0;const{x:V,y:o,sourceType:s}=Je(),{top:k,left:U}=Ke(T),[x,N]=Ye(()=>({type:"camera",options:{dropEffect:"copy"},item:z.value,canDrag:P.value,collect:r=>({style:{opacity:r.isDragging()?.4:1},isDragging:r.isDragging()})})),S=W(()=>x.value.isDragging),D=W(()=>S.value&&s.value==="touch");J(D,r=>{r?(f=X(),d=V.value-U.value,b=o.value-k.value):(A(f),f=null)}),J([V,o],()=>{C(f,d,b)});const X=()=>{if(T.value){const r=T.value.cloneNode(!0);return r.classList.add("drag-preview"),document.body.appendChild(r),r}return null},C=(r,h,p)=>{r&&(r.style.left=`${V.value-h}px`,r.style.top=`${o.value-p}px`)},A=r=>{r&&document.body.removeChild(r)};return(r,h)=>{const p=Se;return n(),M("div",{ref_key:"boxEl",ref:T},[w("div",{ref:e(N),style:pe({...e(x).style,cursor:e(H)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[i(Y,{size:"20",class:"text-passive mr-2"},{default:l(()=>[B(y(e(ya)),1)]),_:1}),w("div",et,[i(p,{"current-camera":e(z).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),w("div",at,[w("span",tt,y(e(z).name),1),e(H)?(n(),E(Y,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[B(y(e(ha)),1)]),_:1})):O("",!0)])],4)],512)}}}),lt=ce(st,[["__scopeId","data-v-7dfa63f3"]]),Pe={WIDTH:400},ot={class:"camera-view-edit flex flex-col p-2"},rt={class:"mb-4 text-lg"},nt={class:"text-passive mb-5 mt-5"},it={class:"camera-container py-3"},ct=ie({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(j){pa(b=>({"7ea40162":e(T)}));const L=j,{cameras:H,droppedCameras:z,title:P}=fe(L),T=m(`${Pe.WIDTH}px`),f=m(!1),d=b=>z.value.some(V=>V.name===b.name);return(b,V)=>{const o=lt;return n(),M("div",ot,[w("b",rt,y(e(P)),1),w("span",nt,y(b.$t("components.view_box.available_streams")),1),w("div",it,[(n(!0),M(ve,null,de(e(H),(s,k)=>(n(),M("div",{key:k,class:"mb-4"},[i(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:me({shake:e(f)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),ut=ce(ct,[["__scopeId","data-v-420802a2"]]),dt={key:0,class:"overlay-button-text truncate",color:"#fff"},vt={key:1,class:"w-full h-full flex items-center justify-center"},mt=ie({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(j,{expose:L,emit:H}){const{desktopActive:z}=De(),P=H,T=j,{lastDroppedCamera:f,editMode:d,cameras:b,droppedCameras:V}=fe(T),o=m(null),s=m(),{width:k}=Ze(o),[U,x]=Xe({accept:"camera",drop:T.onDrop,collect:h=>({isOver:h.isOver(),canDrop:h.canDrop()&&f.value===void 0}),canDrop:()=>f.value===void 0}),N=W(()=>U.value.canDrop&&U.value.isOver),S=W(()=>d.value?N.value?"#171717":"#202020":"#000"),D=W(()=>k.value<=200),X=W(()=>b.value.filter(h=>!C(h))),C=h=>V.value.some(p=>p.name===h.name);return L({togglePlayerMute:h=>{var p;(p=s.value)==null||p.toggleMute(h)},toggleMicrophone:async(h,p)=>{var u;await((u=s.value)==null?void 0:u.toggleMicrophone(h,p))}}),(h,p)=>(n(),M("div",{ref:e(x),style:pe({backgroundColor:e(S)}),class:"overflow-hidden"},[e(f)?(n(),M("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(n(),E(ee,{key:0,icon:e(D),size:e(D)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:p[0]||(p[0]=le(u=>P("remove",e(f)),["prevent"]))},{default:l(()=>[i(Y,{size:"18"},{default:l(()=>[B(y(e(xa)),1)]),_:1}),e(D)?O("",!0):(n(),M("span",dt,y(e(f).name),1))]),_:1},8,["icon","size"])):O("",!0),i(ga,{name:"fade",mode:"in-out"},{default:l(()=>[e(f)?(n(),E(Se,{key:0,ref_key:"playerRef",ref:s,class:me({"camera-overlay":e(d)}),"current-camera":e(f).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:pe({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control"])):O("",!0)]),_:1})],512)):!e(z)&&e(d)?(n(),M("div",vt,[i(ee,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[i(Y,{size:"18",color:"#ffff"},{default:l(()=>[B(y(e(Oe)),1)]),_:1}),i(ze,{activator:"parent",class:"select-menu"},{default:l(()=>[i(ke,{"onClick:select":p[1]||(p[1]=u=>P("drop",u.id))},{default:l(()=>[(n(!0),M(ve,null,de(e(X),(u,_)=>(n(),E(_e,{key:_,value:u},{default:l(()=>[i(We,null,{default:l(()=>[B(y(u.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):O("",!0)],4))}}),ft=ce(mt,[["__scopeId","data-v-5b755b3b"]]),pt=ie({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(j,{expose:L,emit:H}){const{isTouch:z}=je(),{desktopActive:P}=De(),T=H,f=j,{cameras:d,editMode:b,viewSize:V,cards:o,title:s}=fe(f),k=m(null),U=m(`${Pe.WIDTH}px`),x=m(),{isFullscreen:N,toggle:S}=ea(k),D=W(()=>o.value.filter(r=>r.lastDroppedCamera).map(r=>r.lastDroppedCamera));return L({toggleFullscreen:async()=>{await S()},togglePlayerMute:r=>{for(const h of x.value||[])h.togglePlayerMute(r)},togglePlayerMicrophone:async(r,h)=>{for(const p of x.value||[])await p.toggleMicrophone(r,h)},isFullscreen:N}),(r,h)=>{const p=ut;return n(),E(e(qe),{backend:e(z)?e(Ne):e(He)},{default:l(()=>[w("div",{ref_key:"cameraView",ref:k,class:"view-container flex items-center mx-2",style:pe({width:e(b)&&e(P)?`calc(100% - ${e(U)})`:void 0})},[w("div",{class:me(`view-wrap w-full camera-view-${e(V)}`)},[(n(!0),M(ve,null,de(e(o),(u,_)=>(n(),E(ft,{ref_for:!0,ref_key:"dragContainer",ref:x,key:_,class:me(`div${_+1}-${e(V)}`),"last-dropped-camera":u.lastDroppedCamera,cameras:e(d),"dropped-cameras":e(D),"edit-mode":e(b),onDrop:v=>T("drop",_,v),onRemove:h[0]||(h[0]=v=>T("remove",v))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(b)&&e(P)?(n(),E(p,{key:0,cameras:e(d),"dropped-cameras":e(D),title:e(s),class:"view-box",style:pe({"margin-right":e(b)?"0px":`-${e(Pe).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):O("",!0)]),_:1},8,["backend"])}}}),gt=ce(pt,[["__scopeId","data-v-8ef83e91"]]),wt=j=>(wa("data-v-1a4d7341"),j=j(),_a(),j),_t=["data-inside-id"],yt={class:"camview-topbar p-2 flex flex-row items-center"},ht={class:"flex w-full justify-start items-center"},xt={class:"camview-title truncate"},bt={class:"flex w-full justify-start items-center"},Vt={class:"camview-title truncate"},kt=wt(()=>w("div",{class:"ml-auto"},null,-1)),Dt={class:"w-full flex flex-row items-center"},Ct={class:"w-full flex flex-row items-center"},$t={key:9,class:"flex flex-row items-center"},zt={class:"text-white"},Mt={class:"h-full w-full inline-size mb-safe"},Pt={key:0,class:"h-full w-full flex items-center justify-center"},St={key:1,class:"w-full h-full"},Ft={key:0,class:"w-full h-full relative"},It={key:1,class:"w-full h-full flex flex-row"},At={key:2,class:"flex flex-col items-center justify-center w-full h-full"},Tt={class:"mt-5",style:{color:"#525252"}},Et={class:"flex flex-col h-full w-full"},Lt={class:"relative"},Rt={for:"name",class:"v-label"},Bt={key:0,class:"text-red text-center mb-5"},Ut={class:"view-scroll-container"},Qt={class:"view-select-container"},Ot=["onClick"],Wt={class:"flex flex-col h-full w-full"},jt={class:"relative"},Ht={for:"name",class:"v-label"},Nt={key:0,class:"text-red text-center mb-5"},Xt={class:"flex flex-col"},Yt=ie({__name:"Camview",setup(j){var Fe;const L=new Ba,H=new Wa,{smallMobileActive:z}=De(),P=La(),T=Ge(),{uiSettings:f}=Me(T),{loginState:d}=Me(P),b=m(),V=m(),o=m(),s=m({}),k=m(!1),U=m(Ra()),x=m({page:1,pageSize:-1}),N=m([1,4,6,7,9,10,12,13,15,16,20,26]),S=m(!1),D=m(!1),X=m(!0),C=m(!1),A=m(!1),r=m(!1),h=m(!1),p=m(!1),u=m(!1),_=m([]),v=m([]),{data:F,isLoading:K}=H.getCamerasQuery(x),{data:q,isLoading:re}=L.getViewsQuery(((Fe=d.value.user)==null?void 0:Fe.username)||"",x),{mutate:he,isPending:$}=L.removeViewQuery(),{mutateAsync:ae,isPending:te}=L.createViewQuery(),{mutateAsync:ne,isPending:ge}=L.patchViewQuery(),{mutateAsync:xe}=L.patchViewQuerySilent(),se=W(()=>C.value||r.value||A.value),oe=W(()=>K.value||re.value||$.value||te.value||ge.value),be=W(()=>{var t,a;return((t=V.value)==null?void 0:t.isFullscreen)||((a=V.value)==null?void 0:a.isFullscreen)||!1}),aa=W(()=>navigator.mediaDevices!==void 0),I=W(()=>{var a,g;const t=((a=q.value)==null?void 0:a.result.find(R=>R._id===f.value.camview.viewid))||((g=q.value)==null?void 0:g.result[0]);return t?(s.value=t,f.value.camview.viewid=t._id):s.value={},t}),Ce=W(()=>se.value&&s.value.viewSize>0?s.value.viewSize:I.value?I.value.viewSize:1);J(d,t=>{L.toggleQueryActivator("getUserQuery",t!==null)}),J([Ce,I,F,se,f],()=>{var a,g,R;if(((a=I.value)==null?void 0:a.type)==="dnd"&&!C.value&&!r.value)return;const t=Array.from({length:Ce.value}).map((Q,Z)=>({accept:"camera",index:Z,lastDroppedCamera:void 0}));if(!r.value&&!h.value)for(const Q of((g=I.value)==null?void 0:g.cameras)||[])t[Q.index].lastDroppedCamera=(R=F.value)==null?void 0:R.result.find(Z=>Z._id===Q.cameraId);_.value=t},{deep:!0,immediate:!0}),J(s,t=>{var a,g,R;if(Object.keys(t).length===0)(a=o.value)==null||a.resetForm(),S.value=!1,D.value=!1;else{for(const[Q,Z]of Object.entries(t))(g=o.value)==null||g.setFieldValue(Q,Z);t.viewSize&&(S.value=!1),(R=t.cameras)!=null&&R.length&&(D.value=!1)}},{deep:!0}),J([h,r],([t,a])=>{(!t&&!a||t)&&(s.value={},S.value=!1)}),J([p,A],()=>{A.value||(v.value=[],s.value={},D.value=!1)}),J(p,t=>{t||(A.value=!1)}),J(A,t=>{var a;t?(v.value=((a=F.value)==null?void 0:a.result.filter(g=>{var R;return(R=I.value)==null?void 0:R.cameras.some(Q=>Q.cameraId===g._id)}))||[],p.value=!0):(v.value=[],p.value=!1)}),J(v,t=>{t.length&&(D.value=!1)}),J(se,t=>{t&&I.value&&!r.value&&(s.value=ye(I.value))}),J(d,t=>{t.user?L.toggleQueryActivator("getUserQuery",!0):L.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const ta=async t=>{if(!I.value||!d.value.user)return;const a=ye(I.value);a.cameras=t;const g=await xe({username:d.value.user.username,viewid:a._id,viewData:a});we(g)},sa=(t,a)=>{_.value[t].lastDroppedCamera=a},la=t=>{_.value=_.value.map(a=>{var g;return((g=a.lastDroppedCamera)==null?void 0:g.name)===t.name&&(a.lastDroppedCamera=void 0),a})},oa=async()=>{var g;if(!o.value||!d.value.user)return;const t=v.value.map((R,Q)=>({cameraId:R._id,index:Q}));s.value.cameras=t,s.value.type="dnd",s.value.viewSize=1,o.value.setFieldValue("type","dnd"),o.value.setFieldValue("viewSize",1),o.value.setFieldValue("cameras",t);const a=await o.value.validate();if(a){if(((g=q.value)==null?void 0:g.result.find(Z=>Z.name===s.value.name))&&!A.value){o.value.setFieldError("name","View already exists");return}if(t.length===0){D.value=!0;return}if(!a.valid)return;const Q=ye(s.value);if(Q._id){const Z=await ne({username:d.value.user.username,viewid:Q._id,viewData:Q});we(Z)}else{const Z=await ae({username:d.value.user.username,viewData:Q});we(Z)}p.value=!1}},ra=async()=>{var a,g;if(!o.value)return;s.value.cameras=[],s.value.type="view",o.value.setFieldValue("type","view"),o.value.setFieldValue("cameras",[]);const t=await o.value.validate();if(t){if((a=q.value)==null?void 0:a.result.find(Q=>Q.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!t.valid){((g=t.results.viewSize)==null?void 0:g.valid)===!1&&(S.value=!0);return}h.value=!1,r.value=!0}},na=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const t=_.value.filter(g=>g.lastDroppedCamera).map(g=>({cameraId:g.lastDroppedCamera._id,index:g.index})).sort((g,R)=>g.index-R.index);if(!t.length)return;o.value.setFieldValue("name",s.value.name),o.value.setFieldValue("cameras",t);const a=await o.value.validate();if(a!=null&&a.valid){const g=ye(s.value);if(g.cameras=t,g._id){const R=await ne({username:d.value.user.username,viewid:g._id,viewData:g});we(R)}else{const R=await ae({username:d.value.user.username,viewData:g});we(R)}}},we=t=>{f.value.camview.viewid=t._id,h.value=!1,p.value=!1,r.value=!1,C.value=!1},ia=()=>{!I.value||!d.value.user||he({username:d.value.user.username,viewid:I.value._id},{onSuccess:t=>{t.length?f.value.camview.viewid=t[0]._id:f.value.camview.viewid=void 0}})},ca=t=>{f.value.camview.viewid=t._id},ua=async()=>{V.value?await V.value.toggleFullscreen():b.value&&await b.value.toggleFullscreen()},da=()=>{X.value=!X.value,V.value?V.value.togglePlayerMute(X.value):b.value&&b.value.togglePlayerMute(X.value)},va=async t=>{V.value?await V.value.togglePlayerMicrophone(t):b.value&&await b.value.togglePlayerMicrophone(t)};return(t,a)=>{const g=Qa,R=Xa;return n(),M("main",{class:"w-full h-full",style:{padding:"0 !important"},"data-inside-id":e(U)},[i(e(Oa),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Ua),"initial-values":e(s)},{default:l(()=>{var Q,Z,Ie,Ae,Te,Ee;return[w("div",yt,[!e(r)&&e(I)?(n(),E(ee,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[w("div",ht,[e(se)?O("",!0):(n(),E(Y,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[B(y(e(k)?e(ba):e(Va)),1)]),_:1})),w("span",xt,y(e(I).name),1)]),e(se)?O("",!0):(n(),E(ze,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":a[1]||(a[1]=c=>k.value=c)},{default:l(()=>[i(ke,{density:"compact","onClick:select":a[0]||(a[0]=c=>ca(c.id))},{default:l(()=>{var c;return[(n(!0),M(ve,null,de(((c=e(q))==null?void 0:c.result)||[],(G,ue)=>(n(),E(_e,{key:ue,active:G._id===e(I)._id,value:G},{default:l(()=>[B(y(G.name),1)]),_:2},1032,["active","value"]))),128))]}),_:1})]),_:1}))]),_:1})):e(r)&&e(s).name?(n(),E(ee,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[w("div",bt,[w("span",Vt,y(e(s).name),1)])]),_:1})):O("",!0),kt,!e(se)&&((Q=e(I))==null?void 0:Q.type)==="dnd"?(n(),E(ee,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[2]||(a[2]=le(c=>e(f).camview.dragDisabled=!e(f).camview.dragDisabled,["prevent"]))},{default:l(()=>[i(Y,{size:"18"},{default:l(()=>[B(y(e(f).camview.dragDisabled?e(ka):e(Da)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),E(ee,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[3]||(a[3]=le(c=>da(),["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[B(y(e(X)?e(Ca):e($a)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)&&e(aa)?(n(),E(ee,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[4]||(a[4]=le(c=>u.value=!0,["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[B(y(e(Qe)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),E(ee,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[5]||(a[5]=le(c=>ua(),["prevent"]))},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[B(y(e(be)?e(za):e(Ma)),1)]),_:1})]),_:1})):O("",!0),!e(se)&&e(I)?(n(),E(ee,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[6]||(a[6]=le(c=>ia(),["prevent"]))},{default:l(()=>[i(Y,{size:"20"},{default:l(()=>[B(y(e(Pa)),1)]),_:1})]),_:1})):O("",!0),!e(A)&&!e(C)&&!e(r)&&e(I)?(n(),E(ee,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:a[7]||(a[7]=le(c=>{var G;return((G=e(I))==null?void 0:G.type)==="dnd"?A.value=!e(A):C.value=!e(C)},["prevent"]))},{default:l(()=>[i(Y,{size:"19"},{default:l(()=>[B(y(e(Sa)),1)]),_:1})]),_:1})):O("",!0),!e(A)&&!e(C)&&!e(r)?(n(),E(ee,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[i(Y,{size:"22"},{default:l(()=>[B(y(e(Oe)),1)]),_:1}),i(ze,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[i(ke,{density:"compact","onClick:select":a[8]||(a[8]=c=>c.id==="view"?h.value=!0:p.value=!0)},{default:l(()=>[i(_e,{value:"view"},{default:l(()=>[w("div",Dt,[i(Y,{size:"18",class:"mr-2"},{default:l(()=>[B(y(e(Fa)),1)]),_:1}),B(" "+y(t.$t("views.camview.new_view")),1)])]),_:1}),i(_e,{value:"dnd"},{default:l(()=>[w("div",Ct,[i(Y,{size:"18",class:"mr-2"},{default:l(()=>[B(y(e(Ia)),1)]),_:1}),B(" "+y(t.$t("views.camview.new_dnd")),1)])]),_:1})]),_:1})]),_:1})]),_:1})):O("",!0),e(C)||e(r)?(n(),M("div",$t,[i(ee,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:a[9]||(a[9]=le(c=>e(C)?C.value=!1:r.value=!1,["prevent"]))},{default:l(()=>[B(y(t.$t("components.form.button.cancel")),1)]),_:1}),i(ee,{disabled:e(_).every(c=>c.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:a[10]||(a[10]=le(c=>na(),["prevent"]))},{default:l(()=>[w("span",zt,y(t.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):O("",!0)]),w("div",{class:me(["camview-container",{"px-0":e(z)}])},[w("div",Mt,[e(oe)||!e(q)?(n(),M("div",Pt,[i(Aa,{color:"#df2a4c",indeterminate:""})])):(n(),M("div",St,[!e(r)&&!e(C)&&(e(A)||((Z=e(I))==null?void 0:Z.type)==="dnd")?(n(),M("div",Ft,[i(Za,{ref_key:"dndRef",ref:b,cameras:((Ie=e(I))==null?void 0:Ie.cameras)||[],"db-cameras":((Ae=e(F))==null?void 0:Ae.result)||[],onDrag:ta},null,8,["cameras","db-cameras"])])):!e(A)&&(e(r)||e(C)||((Te=e(I))==null?void 0:Te.type)==="view")?(n(),M("div",It,[(n(),E(gt,{ref_key:"viewRef",ref:V,key:e(f).camview.viewid+(e(r)?"-new":e(C)?"-edit":"-view"),cameras:((Ee=e(F))==null?void 0:Ee.result)||[],"edit-mode":e(r)||e(C),"view-size":e(r)?e(s).viewSize:e(Ce),title:e(s).name,cards:e(_),onDrop:sa,onRemove:la},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(n(),M("div",At,[w("span",Tt,y(t.$t("views.camview.no_views_configured")),1)]))]))])],2),i(g,{modelValue:e(h),"onUpdate:modelValue":a[12]||(a[12]=c=>Ve(h)?h.value=c:null),title:t.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(oe),onConfirm:a[13]||(a[13]=c=>ra())},{content:l(()=>[w("div",Et,[w("div",Lt,[i(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":a[11]||(a[11]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:ue})=>[w("label",Rt,y(t.$t("components.form.label.name")),1),i(Re,Le({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:ue.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),i(Be,{class:"my-5"}),e(S)?(n(),M("span",Bt,y(t.$t("components.form.error.no_view_selected")),1)):O("",!0),w("div",Ut,[w("div",Qt,[(n(!0),M(ve,null,de(e(N),c=>(n(),M("div",{key:c,class:"view-select-item h-full w-full",onClick:le(G=>e(s).viewSize=c,["prevent"])},[w("div",{class:me(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===c}])},[i(Y,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[B(y(`$cuiGrid${c}`),1)]),_:2},1024)],2),w("span",{class:me(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===c}])},y(c)+" "+y(t.$t("views.camview.cameras")),3)],8,Ot))),128))])])])]),_:1},8,["modelValue","title","loading"]),i(g,{modelValue:e(p),"onUpdate:modelValue":a[16]||(a[16]=c=>Ve(p)?p.value=c:null),title:t.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(oe),onConfirm:a[17]||(a[17]=c=>oa())},{content:l(()=>[w("div",Wt,[w("div",jt,[i(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":a[14]||(a[14]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:ue})=>[w("label",Ht,y(t.$t("components.form.label.name")),1),i(Re,Le({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:ue.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),i(Be,{class:"mb-10 mt-5"}),e(D)?(n(),M("span",Nt,y(t.$t("components.form.error.no_cameras_selected")),1)):O("",!0),i(ke,{selected:e(v),"onUpdate:selected":a[15]||(a[15]=c=>Ve(v)?v.value=c:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var c;return[(n(!0),M(ve,null,de(((c=e(F))==null?void 0:c.result)||[],(G,ue)=>(n(),E(_e,{key:ue,value:G,active:e(v).some($e=>$e.name===G.name)},{prepend:l(({isActive:$e})=>[i(Ta,{start:""},{default:l(()=>[i(Ea,{"model-value":$e,color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),default:l(()=>[i(We,null,{default:l(()=>[B(y(G.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),i(g,{modelValue:e(u),"onUpdate:modelValue":a[18]||(a[18]=c=>Ve(u)?u.value=c:null),title:t.$t("components.dialog.title.intercom"),loading:e(oe),"hide-confirm-button":""},{content:l(()=>[w("div",Xt,[w("span",null,y(t.$t("components.dialog.message.intercom_info")),1),i(R,{onListening:va})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])],8,_t)}}}),Bs=ce(Yt,[["__scopeId","data-v-1a4d7341"]]);export{Bs as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var se=Object.defineProperty;var ie=(n,t,o)=>t in n?se(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o;var R=(n,t,o)=>ie(n,typeof t!="symbol"?t+"":t,o);import{i as Q,x as C,a as re,f as ce,y as le,w as ue,B as me,d as fe}from"./main-Bbvif0oi.js";import{_ as de}from"./VConfigEditor.vue_vue_type_script_setup_true_lang-C9bbpAse.js";import{r as l,u as e,F as ge,c as I,w as K,x as pe,e as c,f as O,O as g,M as s,l as ye,ae as Ce,j,R as a,X as _e,ar as ve,i as F,m as he,V as p,T as f,q as V,g as P,v as E}from"./@vue-CHoPEscU.js";import{_ as be,$ as we,I as Qe,H as Ve}from"./@mdi-DdmeckA1.js";import{i as x}from"./vue3-toastify-DSsDwESL.js";import{u as xe,a as N,b as k}from"./@tanstack-BRh6vUDU.js";import{r as ke}from"./system-DzN6086S.js";import{u as qe}from"./ui-s9WkyTXF.js";import{s as ze}from"./utils-BvINh1mj.js";import{s as U}from"./pinia-B42WbXFS.js";import{P as Se,Q as Re,e as y,b as q}from"./vuetify-Bs5zynkb.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./ace-builds-Jtyk_kwI.js";const Fe=async({json:n,signal:t})=>(await C.get("/config",{params:{json:n},signal:t})).data,Ge=async({json:n,signal:t})=>(await C.get("/config/go2rtc",{params:{json:n},signal:t})).data,Ae=async({configData:n})=>(await C.patch("/config",n,{headers:{"Content-Type":"text/yaml"}})).data,Le=async({configData:n})=>(await C.patch("/config/go2rtc",n,{headers:{"Content-Type":"text/yaml"}})).data,Me=async()=>(await C.delete("/config")).data,Te=async()=>(await C.delete("/config/go2rtc")).data;class Be{constructor(){R(this,"_queryClient",xe());R(this,"queryActivator",l([{name:"getConfigQuery",enabled:!0},{name:"getGo2RtcConfigQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getConfigQuery(t=!1){return N({queryKey:["config",{json:t}],queryFn:({signal:o})=>Fe({json:e(t),signal:o}),enabled:()=>this.queryActivator.value.some(o=>o.name==="getConfigQuery"&&o.enabled)})}getGo2RtcConfigQuery(t=!1){return N({queryKey:["go2rtcConfig"],queryFn:({signal:o})=>Ge({json:e(t),signal:o}),enabled:()=>this.queryActivator.value.some(o=>o.name==="getGo2RtcConfigQuery"&&o.enabled)})}patchConfigQuery(){return k({mutationFn:Ae,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:["config"]}),x.success(Q.global.t("components.toast.config_updated"))}})}patchGo2RtcConfigQuery(){return k({mutationFn:Le,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:["go2rtcConfig"]}),x.success(Q.global.t("components.toast.config_go2rtc_updated"))}})}delteConfigQuery(){return k({mutationFn:Me,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:["config"]}),x.success(Q.global.t("components.toast.config_deleted"))}})}delteGo2RtcConfigQuery(){return k({mutationFn:Te,onSuccess:async()=>{await this._queryClient.refetchQueries({queryKey:["go2rtcConfig"]}),x.success(Q.global.t("components.toast.config_go2rtc_deleted"))}})}toggleQueryActivator(t,o){const w=this.queryActivator.value.find(z=>z.name===t);w&&(w.enabled=o)}}const De={class:"w-full h-full",style:{padding:"0 !important"}},$e={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},Ie=ge({__name:"Config",setup(n){const t=new Be,o=re(),w=qe(),{extraSmallMobileActive:z}=ce(),{theme:G}=U(o),{uiSettings:u}=U(w),d=l("camera.ui"),_=l(""),v=l(""),A=l(!1),S=l(!1),L=l(!1),h=l(!1),M=I(()=>({fontSize:u.value.config.zoom})),{data:T,isLoading:H}=t.getConfigQuery(A),{data:B,isLoading:X}=t.getGo2RtcConfigQuery(A),{mutateAsync:Z,isPending:J}=t.patchConfigQuery(),{mutateAsync:W,isPending:Y}=t.patchGo2RtcConfigQuery(),m=I(()=>H.value||X.value||J.value||Y.value);K(T,()=>{_.value=T.value||""},{deep:!0,immediate:!0}),K(B,()=>{v.value=B.value||""},{deep:!0,immediate:!0});const D=async b=>{d.value==="camera.ui"?(await Z({configData:_.value}),b&&(L.value=!0,ke())):await W({configData:v.value}),b||(h.value=!1)},ee=()=>{d.value=d.value==="camera.ui"?"go2rtc":"camera.ui"},te=()=>{u.value.config.zoom!==8&&u.value.config.zoom--},oe=()=>{u.value.config.zoom!==20&&u.value.config.zoom++};return pe(async()=>{await ze(100),S.value=!0}),(b,i)=>{const ne=le,$=de,ae=ue;return c(),O("main",De,[(c(),g(Ce,{to:".app"},[e(L)?(c(),O("div",$e,[s(ne,{reload:""})])):ye("",!0)])),j("div",{class:"text-editor-buttons flex flex-row justify-center",style:_e(e(z)?`bottom: calc(1rem + ${e(me).HEIGHT}px + env(safe-area-inset-bottom, 0px))`:"bottom: calc(1rem + env(safe-area-inset-bottom, 0px))")},[s(Se,{location:"top center",transition:"fade-transition","close-on-content-click":!1},{activator:a(({props:r})=>[s(Re,he(r,{size:"default",icon:""}),{default:a(()=>[s(y,{size:"20"},{default:a(()=>[p(f(e(be)),1)]),_:1})]),_:2},1040)]),default:a(()=>[s(q,{key:"1",loading:e(m),color:"success",icon:"",onClick:i[0]||(i[0]=V(r=>e(d)==="go2rtc"?D(!1):h.value=!0,["prevent"]))},{default:a(()=>[s(y,{size:"20"},{default:a(()=>[p(f(e(we)),1)]),_:1})]),_:1},8,["loading"]),s(q,{key:"2",loading:e(m),color:"#df2a4c",icon:"",onClick:V(ee,["prevent"])},{default:a(()=>[e(d)==="camera.ui"?(c(),g(y,{key:0,size:"20"},{default:a(()=>[p(f("$cuiLogo"))]),_:1})):(c(),g(y,{key:1,size:"30"},{default:a(()=>[p(f("$cuiGo2rtc"))]),_:1}))]),_:1},8,["loading"]),s(q,{key:"3",loading:e(m),icon:"",disabled:e(u).config.zoom===20,onClick:V(oe,["prevent"])},{default:a(()=>[s(y,{size:"20"},{default:a(()=>[p(f(e(Qe)),1)]),_:1})]),_:1},8,["loading","disabled"]),s(q,{key:"4",loading:e(m),disabled:e(u).config.zoom===8,icon:"",onClick:V(te,["prevent"])},{default:a(()=>[s(y,{size:"20"},{default:a(()=>[p(f(e(Ve)),1)]),_:1})]),_:1},8,["loading","disabled"])]),_:1})],4),(c(),g(ve,null,{default:a(()=>[e(d)==="camera.ui"?P((c(),g($,{key:0,modelValue:e(_),"onUpdate:modelValue":i[1]||(i[1]=r=>F(_)?_.value=r:null),lang:"yaml",theme:e(G),options:e(M),"read-only":e(m),class:"text-editor"},null,8,["modelValue","theme","options","read-only"])),[[E,e(S)]]):P((c(),g($,{key:1,modelValue:e(v),"onUpdate:modelValue":i[2]||(i[2]=r=>F(v)?v.value=r:null),lang:"yaml",theme:e(G),options:e(M),"read-only":e(m),class:"text-editor"},null,8,["modelValue","theme","options","read-only"])),[[E,e(S)]])]),_:1})),s(ae,{modelValue:e(h),"onUpdate:modelValue":i[3]||(i[3]=r=>F(h)?h.value=r:null),title:b.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.save_and_restart",loading:e(m),onConfirm:i[4]||(i[4]=r=>D(!0))},{content:a(()=>[j("span",null,f(b.$t("components.dialog.message.confirm_restart_server")),1)]),_:1},8,["modelValue","title","loading"])])}}}),bt=fe(Ie,[["__scopeId","data-v-ec401cf4"]]);export{bt as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.text-editor-buttons[data-v-ec401cf4]{z-index:3;width:48px;height:48px;position:fixed;right:calc(1rem + env(safe-area-inset-right,0px));background:none;border-top:none;box-shadow:none;padding:0;opacity:.5;transition:opacity .3s}.text-editor-buttons[data-v-ec401cf4]:hover{opacity:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.page-title[data-v-98270db5]{font-size:1.2rem;font-weight:600}.text-editor-buttons[data-v-98270db5]{z-index:3;width:48px;height:48px;position:fixed;right:calc(1rem + env(safe-area-inset-right,0px));background:none;border-top:none;box-shadow:none;padding:0;opacity:.5;transition:opacity .3s}.text-editor-buttons[data-v-98270db5]:hover{opacity:1}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{z as U,f as E,w as $,B as N,d as P}from"./main-Bbvif0oi.js";import{F as h,r as k,c as z,a3 as S,U as j,e as H,f as F,M as t,u as o,j as L,R as n,X as q,i as G,m as W,V as f,T as m,q as y}from"./@vue-CHoPEscU.js";import{_ as X,a0 as Z,a1 as J,I as K,H as Y}from"./@mdi-DdmeckA1.js";import{S as oo}from"./system-DzN6086S.js";import{V as eo}from"./VConsole-UsuKdCF6.js";import{u as to}from"./ui-s9WkyTXF.js";import{s as no}from"./pinia-B42WbXFS.js";import{P as ao,Q as so,e as g,b as _}from"./vuetify-Bs5zynkb.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";const lo={class:"w-full h-full",style:{padding:"0 !important"}},io=h({__name:"Console",setup(ro){const d=new oo,V=U(),x=to(),{extraSmallMobileActive:C}=E(),{uiSettings:i}=no(x),v=k(null),c=k(),u=k(!1),Q=z(()=>({fontSize:i.value.console.zoom}));d.toggleQueryActivator("downloadLogQuery",!1);const{data:w,isLoading:B,suspense:T}=d.downloadLogQuery(),{mutate:M,isPending:R}=d.clearLogQuery(),p=z(()=>B.value||R.value),D=async()=>{M(void 0,{onSuccess:()=>{u.value=!1}})},I=async()=>{try{if(d.toggleQueryActivator("downloadLogQuery",!0),await T(),w.value){const a=w.value,e=window.URL.createObjectURL(new Blob([a])),s=document.createElement("a");s.href=e,s.setAttribute("download","camera.ui.log.txt"),document.body.appendChild(s),s.click(),s.remove()}}finally{d.toggleQueryActivator("downloadLogQuery",!1)}},A=()=>{i.value.console.zoom!==8&&i.value.console.zoom--},O=()=>{i.value.console.zoom!==20&&i.value.console.zoom++};return S(()=>{c.value=V.connectToNamespace("/logs")}),S(()=>{var a,e,s,l;(a=c.value)==null||a.socket.on("stdout",r=>{var b;(b=v.value)==null||b.writeTerminal(r)}),(e=c.value)==null||e.socket.on("disconnect",()=>{var r;(r=v.value)==null||r.writeTerminal(`
|
|
2
|
+
\rWebsocket failed to connect! Is the server running?
|
|
3
|
+
\r
|
|
4
|
+
\r`)}),(s=c.value)==null||s.socket.on("clear-log",()=>{var r;(r=v.value)==null||r.clearTerminal()}),(l=c.value)==null||l.socket.emit("get-log")}),j(()=>{var a,e;(e=(a=c.value)==null?void 0:a.end)==null||e.call(a)}),(a,e)=>{const s=$;return H(),F("main",lo,[t(eo,{ref_key:"consoleRef",ref:v,class:"text-editor",options:o(Q)},null,8,["options"]),L("div",{class:"text-editor-buttons flex flex-row justify-center",style:q(o(C)?`bottom: calc(1rem + ${o(N).HEIGHT}px + env(safe-area-inset-bottom, 0px))`:"bottom: calc(1rem + env(safe-area-inset-bottom, 0px))")},[t(ao,{location:"top center",transition:"fade-transition","close-on-content-click":!1},{activator:n(({props:l})=>[t(so,W(l,{size:"default",icon:""}),{default:n(()=>[t(g,{size:"20"},{default:n(()=>[f(m(o(X)),1)]),_:1})]),_:2},1040)]),default:n(()=>[t(_,{key:"1",loading:o(p),color:"success",icon:"",onClick:y(I,["prevent"])},{default:n(()=>[t(g,{size:"20"},{default:n(()=>[f(m(o(Z)),1)]),_:1})]),_:1},8,["loading"]),t(_,{key:"2",loading:o(p),color:"red",icon:"",onClick:e[0]||(e[0]=y(l=>u.value=!0,["prevent"]))},{default:n(()=>[t(g,{size:"20"},{default:n(()=>[f(m(o(J)),1)]),_:1})]),_:1},8,["loading"]),t(_,{key:"3",loading:o(p),icon:"",disabled:o(i).console.zoom===20,onClick:y(O,["prevent"])},{default:n(()=>[t(g,{size:"20"},{default:n(()=>[f(m(o(K)),1)]),_:1})]),_:1},8,["loading","disabled"]),t(_,{key:"4",loading:o(p),disabled:o(i).console.zoom===8,icon:"",onClick:y(A,["prevent"])},{default:n(()=>[t(g,{size:"20"},{default:n(()=>[f(m(o(Y)),1)]),_:1})]),_:1},8,["loading","disabled"])]),_:1})],4),t(s,{modelValue:o(u),"onUpdate:modelValue":e[1]||(e[1]=l=>G(u)?u.value=l:null),title:a.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.clear",loading:o(p),onConfirm:e[2]||(e[2]=l=>D())},{content:n(()=>[L("span",null,m(a.$t("components.dialog.message.confirm_clear_log")),1)]),_:1},8,["modelValue","title","loading"])])}}}),Po=P(io,[["__scopeId","data-v-98270db5"]]);export{Po as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.window[data-v-0cbf5310]{height:100%}.firststeps-progress[data-v-0cbf5310]{background:var(--color-primary);position:fixed;height:calc(170px + env(safe-area-inset-top,0px));top:0;left:0;z-index:1}.firststeps-progress-inner[data-v-0cbf5310]{max-width:500px}.firststeps-button[data-v-0cbf5310]{position:relative;text-transform:none!important;color:#ffffff80!important;font-size:.8rem}.firststeps-next[data-v-0cbf5310]{background:var(--color-primary);color:#fff}.firststeps-skip[data-v-0cbf5310]{position:relative;right:-10px}.firststeps[data-v-0cbf5310]{background:var(--background-login);overflow-y:scroll;top:calc(170px + env(safe-area-inset-top,0px));height:calc(100% - 170px - env(safe-area-inset-top,0px));position:relative}.firststeps-progress-text[data-v-0cbf5310]{color:#fff;font-size:1.2rem}.firststeps-progress-text b[data-v-0cbf5310]{font-weight:800}.firststeps-progress-text span[data-v-0cbf5310]{margin-left:10px;opacity:.5}.firststeps-progress-title[data-v-0cbf5310]{color:#fff;font-size:1.5rem;font-weight:800}.firststeps-step-bar[data-v-0cbf5310]{height:3px;width:50px;background:#ffffff80;flex:1 1 auto}.firststeps-step-bar-active[data-v-0cbf5310]{background:#fff}.firststeps-info[data-v-0cbf5310]{color:var(--color-disabled)}.firststeps-form[data-v-0cbf5310]{max-width:500px}@media screen and (max-width: 450px){.firststeps-progress[data-v-0cbf5310]{width:100dvw}}@keyframes animate-svg-stroke-3-0cbf5310{0%{stroke-dashoffset:119.24423783197108px;stroke-dasharray:119.24423783197108px}to{stroke-dashoffset:0;stroke-dasharray:119.24423783197108px}}@keyframes animate-svg-fill-3-0cbf5310{0%{fill:transparent}to{fill:#c5c6c8}}div[data-v-0cbf5310] .svg-elem-3{animation:animate-svg-stroke-3-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .24s both,animate-svg-fill-3-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1s both}@keyframes animate-svg-stroke-4-0cbf5310{0%{stroke-dashoffset:72.2947006225586px;stroke-dasharray:72.2947006225586px}to{stroke-dashoffset:0;stroke-dasharray:72.2947006225586px}}@keyframes animate-svg-fill-4-0cbf5310{0%{fill:transparent}to{fill:#1a1e21}}div[data-v-0cbf5310] .svg-elem-4{animation:animate-svg-stroke-4-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .36s both,animate-svg-fill-4-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.1s both}@keyframes animate-svg-stroke-5-0cbf5310{0%{stroke-dashoffset:12.32623871258889px;stroke-dasharray:12.32623871258889px}to{stroke-dashoffset:0;stroke-dasharray:12.32623871258889px}}@keyframes animate-svg-fill-5-0cbf5310{0%{fill:transparent}to{fill:#fff}}div[data-v-0cbf5310] .svg-elem-5{animation:animate-svg-stroke-5-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .48s both,animate-svg-fill-5-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.2000000000000002s both}@keyframes animate-svg-stroke-6-0cbf5310{0%{stroke-dashoffset:12.32623871258889px;stroke-dasharray:12.32623871258889px}to{stroke-dashoffset:0;stroke-dasharray:12.32623871258889px}}@keyframes animate-svg-fill-6-0cbf5310{0%{fill:transparent}to{fill:#fff}}div[data-v-0cbf5310] .svg-elem-6{animation:animate-svg-stroke-6-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .6s both,animate-svg-fill-6-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.3s both}@keyframes animate-svg-stroke-7-0cbf5310{0%{stroke-dashoffset:12.32623871258889px;stroke-dasharray:12.32623871258889px}to{stroke-dashoffset:0;stroke-dasharray:12.32623871258889px}}@keyframes animate-svg-fill-7-0cbf5310{0%{fill:transparent}to{fill:#fff}}div[data-v-0cbf5310] .svg-elem-7{animation:animate-svg-stroke-7-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .72s both,animate-svg-fill-7-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.4000000000000001s both}@keyframes animate-svg-stroke-8-0cbf5310{0%{stroke-dashoffset:12.430087609918113px;stroke-dasharray:12.430087609918113px}to{stroke-dashoffset:0;stroke-dasharray:12.430087609918113px}}@keyframes animate-svg-fill-8-0cbf5310{0%{fill:transparent}to{fill:#fff}}div[data-v-0cbf5310] .svg-elem-8{animation:animate-svg-stroke-8-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .84s both,animate-svg-fill-8-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.5s both}@keyframes animate-svg-stroke-9-0cbf5310{0%{stroke-dashoffset:24.203350067138672px;stroke-dasharray:24.203350067138672px}to{stroke-dashoffset:0;stroke-dasharray:24.203350067138672px}}@keyframes animate-svg-fill-9-0cbf5310{0%{fill:transparent}to{fill:#fff}}div[data-v-0cbf5310] .svg-elem-9{animation:animate-svg-stroke-9-0cbf5310 .5s cubic-bezier(.47,0,.745,.715) .96s both,animate-svg-fill-9-0cbf5310 .3s cubic-bezier(.47,0,.745,.715) 1.6s both}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{u as ie,a as de,b as me,i as ce,g as pe,c as ue,r as fe,_ as ve,d as he}from"./main-Bbvif0oi.js";import{F as ge,r as u,b as be,c as G,w as _e,e as f,f as R,j as t,u as e,O as z,q as B,l as E,T as m,N as we,Q as ye,M as l,R as c,n as xe,i as V,m as S,V as L,ai as ke,aj as Ve}from"./@vue-CHoPEscU.js";import{m as H,a as J}from"./@mdi-DdmeckA1.js";import{F as b,a as Se}from"./vee-validate-Bcyi_7NV.js";import{I as $e}from"./vue-inline-svg-Dk2QTAg8.js";import{a as Ce}from"./vue-router-C1SPCwo7.js";import{s as N}from"./pinia-B42WbXFS.js";import{b as $,w as Fe,x as P,y as K,d as T,c as O,z as X}from"./vuetify-Bs5zynkb.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";const q=_=>(ke("data-v-0cbf5310"),_=_(),Ve(),_),Ie={class:"w-full h-full"},Ue={class:"firststeps-progress flex flex-col items-center p-5 w-full"},je={class:"firststeps-progress-inner pt-safe flex flex-col h-full w-full"},Me={class:"flex flex-row items-center"},Re={class:"firststeps-progress-title mt-3"},ze={class:"firststeps-progress-text mt-1"},Be={class:"flex flex-row gap-2 mt-3 mb-3"},Ee={class:"firststeps flex flex-col items-center p-5 w-full h-full hide-scrollbar"},Le={class:"relative"},Ne={for:"theme",class:"v-label"},Pe=q(()=>t("div",{class:"py-2"},null,-1)),Te={class:"ml-auto flex"},Oe=q(()=>t("div",{class:"py-3"},null,-1)),qe={class:"relative"},Ae={for:"language",class:"v-label"},De={class:"flex flex-row relative"},We={class:"w-100 mr-5"},Qe={for:"username",class:"v-label"},Ge={class:"image-upload ml-auto mt-3"},He={for:"file-input"},Je={class:"relative mt-5"},Ke={for:"password",class:"v-label"},Xe={class:"relative"},Ye={for:"password",class:"v-label"},Ze={class:"ml-auto flex"},es=q(()=>t("div",{class:"py-3"},null,-1)),ss={class:"ml-auto flex"},ts={class:"w-full flex flex-col justify-center items-center"},os={class:"text-center mt-10 firststeps-info"},as=ge({__name:"FirstSteps",setup(_){const C=ie(),Y=de(),Z=me(),ee=Ce(),{t:F}=ce.global,{loading:v,loginState:se}=N(C),{locale:I,languages:te}=N(Z),{colors:oe,theme:U,autoMode:w}=N(Y),n=u(0),A=u(),j=u(),y=u(!1),x=u(!1),h=u(),D=u(!1),k=be([{title:F("views.firststeps.step_appearance")},{title:F("views.firststeps.step_account")},{title:F("views.firststeps.step_finish")}]),ae=G(()=>Math.round((n.value+1)/k.length*100)),M=G(()=>n.value===k.length-1);_e(n,o=>{o===0&&(D.value=!1)});const le=async o=>{var d;const s=(d=o.target)==null?void 0:d.files;j.value=s==null?void 0:s[0],A.value=await fe(o)},re=async()=>{var o,s;try{await C.logout()}catch(d){console.error(((s=(o=d.response)==null?void 0:o.data)==null?void 0:s.message)??d.message??d)}},W=async()=>{var o,s,d,a;if(n.value>0){const r=(o=h.value)==null?void 0:o.getValues();if(r&&!r.password){(s=h.value)==null||s.setFieldError("password","Required"),(d=h.value)==null||d.setFieldError("passwordConfirm","Required");return}const i=await((a=h.value)==null?void 0:a.validate());i!=null&&i.valid&&!M.value&&n.value++}else n.value++},ne=async o=>{var s,d;if(D.value=!0,M.value){let a;const r={...o};r.firstLogin=!1,delete r.upload;try{v.value=!0,j.value&&(a=new FormData,a.append("upload",j.value)),await C.updateUser(r,a,!0),ee.push({path:"/cameras"})}catch(i){console.error(((d=(s=i.response)==null?void 0:s.data)==null?void 0:d.message)??i.message??i)}}},Q=()=>{n.value>0&&n.value--};return(o,s)=>{const d=ve;return f(),R("main",Ie,[t("div",Ue,[t("div",je,[t("div",Me,[e(n)>0?(f(),z($,{key:0,density:"compact",class:"firststeps-button no-drag",variant:"tonal",color:"tonal",text:o.$t("components.form.button.previous"),loading:e(v),onClick:s[0]||(s[0]=B(a=>Q(),["prevent"]))},null,8,["text","loading"])):E("",!0),e(n)===0?(f(),z($,{key:1,density:"compact",class:"firststeps-button no-drag",variant:"tonal",color:"white",text:o.$t("components.form.button.logout"),loading:e(v),onClick:s[1]||(s[1]=B(a=>re(),["prevent"]))},null,8,["text","loading"])):E("",!0),e(M)?E("",!0):(f(),z($,{key:2,density:"compact",class:"firststeps-button ml-auto no-drag",variant:"tonal",color:"white",text:o.$t("components.form.button.next"),loading:e(v),onClick:s[2]||(s[2]=B(a=>W(),["prevent"]))},null,8,["text","loading"]))]),t("h1",Re,m(e(k)[e(n)].title),1),t("h1",ze,[t("b",null,m(e(ae))+"%",1),t("span",null,m(o.$t("views.firststeps.complete")),1)]),t("div",Be,[(f(!0),R(we,null,ye(e(k),(a,r)=>(f(),R("div",{key:r,class:xe(["firststeps-step-bar",{"firststeps-step-bar-active":e(n)===r}])},null,2))),128))])])]),t("div",Ee,[l(e(Se),{ref_key:"userForm",ref:h,class:"firststeps-form flex flex-col h-full w-full","validation-schema":e(ue),onSubmit:s[10]||(s[10]=a=>ne(a))},{default:c(()=>[l(Fe,{modelValue:e(n),"onUpdate:modelValue":s[9]||(s[9]=a=>V(n)?n.value=a:null),class:"window",touch:{left:W,right:Q}},{default:c(()=>[l(P,{value:0,transition:"fade","reverse-transition":"fade-reverse",disabled:!1},{default:c(()=>[t("div",Le,[t("label",Ne,m(o.$t("components.form.label.theme")),1),l(K,{modelValue:e(U),"onUpdate:modelValue":s[3]||(s[3]=a=>V(U)?U.value=a:null),variant:"outlined",name:"theme","hide-details":"",density:"compact",items:e(oe),disabled:e(w)},null,8,["modelValue","items","disabled"])]),Pe,t("div",null,[t("div",Te,[l(T,{modelValue:e(w),"onUpdate:modelValue":s[4]||(s[4]=a=>V(w)?w.value=a:null),color:"#df2a4c",type:"checkbox",label:o.$t("components.form.label.system_preference"),"hide-details":""},null,8,["modelValue","label"])])]),Oe,t("div",qe,[t("label",Ae,m(o.$t("components.form.label.language")),1),l(K,{modelValue:e(I),"onUpdate:modelValue":s[5]||(s[5]=a=>V(I)?I.value=a:null),variant:"outlined",name:"language","hide-details":"",density:"compact",items:e(te)},null,8,["modelValue","items"])])]),_:1}),l(P,{value:1,transition:"fade","reverse-transition":"fade-reverse",disabled:!1},{default:c(()=>{var a;return[t("div",De,[t("div",We,[t("label",Qe,m(o.$t("components.form.label.username")),1),l(O,{variant:"outlined",type:"text",disabled:"","hide-details":"",density:"compact",value:(a=e(se).user)==null?void 0:a.username},null,8,["value"])]),t("div",Ge,[t("label",He,[l(d,{src:e(A),size:"4rem",style:{"border-radius":"4rem",border:"1px solid var(--border)"}},null,8,["src"]),l(e(b),{id:"file-input",type:"file",name:"upload",accept:"image/png,image/jpeg,image/jpg",onChange:s[6]||(s[6]=r=>le(r))})])])]),t("div",Je,[t("label",Ke,m(o.$t("components.form.label.new_password")),1),l(e(b),{name:"password"},{default:c(({field:r,errorMessage:i,errors:p})=>[l(O,S({variant:"outlined"},r,{name:"password",type:e(y)?"text":"password",error:p.length>0,"error-messages":i,density:"compact","append-inner-icon":e(y)?e(H):e(J),"onClick:appendInner":s[7]||(s[7]=g=>y.value=!e(y))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),t("div",Xe,[t("label",Ye,m(o.$t("components.form.label.new_password_confirm")),1),l(e(b),{name:"passwordConfirm"},{default:c(({field:r,errorMessage:i,errors:p})=>[l(O,S({variant:"outlined"},r,{name:"passwordConfirm",type:e(x)?"text":"password",error:p.length>0,"error-messages":i,density:"compact","append-inner-icon":e(x)?e(H):e(J),"onClick:appendInner":s[8]||(s[8]=g=>x.value=!e(x))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),t("div",null,[t("div",Ze,[l(e(b),{name:"oneLogin",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:c(({field:r,errorMessage:i,errors:p,value:g})=>[l(T,S(r,{name:"oneLogin",color:"#df2a4c",type:"checkbox",error:p.length>0,"error-messages":i,value:g,label:o.$t("components.form.label.one_login"),"hide-details":""}),null,16,["error","error-messages","value","label"])]),_:1})]),l(X,{theme:"dark",density:"compact",variant:"tonal",style:{"font-size":"0.7rem",color:"var(--color-disabled)"}},{default:c(()=>[L(m(o.$t("components.form.hint.one_login")),1)]),_:1})]),es,t("div",null,[t("div",ss,[l(e(b),{name:"rememberMe",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:c(({field:r,errorMessage:i,errors:p,value:g})=>[l(T,S({name:"rememberMe"},r,{color:"#df2a4c",type:"checkbox",error:p.length>0,"error-messages":i,value:g,label:o.$t("components.form.label.remember_me"),"hide-details":""}),null,16,["error","error-messages","value","label"])]),_:1})]),l(X,{class:"mb-safe",theme:"dark",density:"compact",variant:"tonal",style:{"font-size":"0.7rem",color:"var(--color-disabled)"}},{default:c(()=>[L(m(o.$t("components.form.hint.remember_me")),1)]),_:1})])]}),_:1}),l(P,{value:2,transition:"fade","reverse-transition":"fade-reverse",disabled:!1},{default:c(()=>[t("div",ts,[l(e($e),{src:e(pe)("logo_animated.svg"),width:"78px",height:"84px",title:"camera.ui","aria-label":"camera.ui"},null,8,["src"]),t("p",os,m(o.$t("views.firststeps.finish_message")),1),l($,{class:"mt-7 text-white",type:"submit",elevation:"1",color:"#df2a4c",loading:e(v)},{default:c(()=>[L(m(o.$t("views.firststeps.enjoy")),1)]),_:1},8,["loading"])])]),_:1})]),_:1},8,["modelValue","touch"])]),_:1},8,["validation-schema"])])])}}}),Rs=he(as,[["__scopeId","data-v-0cbf5310"]]);export{Rs as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{C as we,c as ve,_ as _e}from"./VPlayer-
|
|
1
|
+
import{C as we,c as ve,_ as _e}from"./VPlayer-6KqHadcW.js";import{f as ye,w as xe,d as ke}from"./main-Bbvif0oi.js";import{F as Se,r as w,D as Te,c as Pe,w as Re,e as h,f as k,j as m,M as a,R as n,u as t,i as O,n as W,T as l,V as d,m as G,N as D,Q as B,O as A,q as _,l as Ie,X as Ae}from"./@vue-CHoPEscU.js";import{H as P,t as Ce,y as He,j as Ve,p as je}from"./highlight.js-fBaokXp-.js";import{e as z,s as Ee,E as Oe,F as Ge,X as Me,Y as Ue,Z as Fe}from"./@mdi-DdmeckA1.js";import{j as $e}from"./@vueuse-Ty7ydkJu.js";import{M as Le}from"./markdown-it-DI8MEbma.js";import{F as C,a as We}from"./vee-validate-Bcyi_7NV.js";import{s as De}from"./utils-BvINh1mj.js";import{a as Be}from"./vue-router-C1SPCwo7.js";import{b as S,e as y,K as N,L as Y,M as K,N as q,c as J,y as X,m as ze,O as Ne,V as Q}from"./vuetify-Bs5zynkb.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./zod-BaF2dDCd.js";import"./pinia-B42WbXFS.js";import"./@vee-validate-aIk5PQoc.js";import"./vue3-toastify-DSsDwESL.js";import"./plugins-BVTgiMCC.js";import"./@tanstack-BRh6vUDU.js";import"./draggabilly-YEGzHR3_.js";import"./@xterm-LO7TPXYg.js";import"./get-size-D1dS-IaP.js";import"./unidragger-91TYirAP.js";import"./ev-emitter-t78oQA8k.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-QK5AFhFr.js";import"./mdurl-k9Sl0PQj.js";import"./uc.micro-kMc2yuuw.js";import"./entities-C20TfXL6.js";import"./linkify-it-DmNjr4Kv.js";import"./punycode.js-Dj65hjkv.js";const Ye=["bubble://","dvrip://","echo:","exec:","expr:","ffmpeg:","gopro://","hass:","homekit://","http://","https://","httpx://","isapi://","ivideon:","kasa://","nest:","onvif://","roborock://","rtmp://","rtsp://","rtspx://","tapo://","tcp://","webrtc:","webtorrent:"],Ke=["#backchannel=0","#header=","#media=audio","#media=video","#timeout=10","#timeout=20","#timeout=30","#transport="],Z=["#audio=aac","#audio=aac/16000","#audio=mp3","#audio=opus","#audio=pcm","#audio=pcm/8000","#audio=pcm/16000","#audio=pcm/48000","#audio=pcma","#audio=pcma/8000","#audio=pcma/16000","#audio=pcma/48000","#audio=pcml","#audio=pcml/8000","#audio=pcml/44100","#audio=pcmu","#audio=pcmu/8000","#audio=pcmu/16000","#audio=pcmu/48000","#drawtext","#hardware","#hardware=cuda","#hardware=dxva2","#hardware=rkmpp","#hardware=v4l2m2m","#hardware=vaapi","#hardware=videotoolbox","#height=","#raw=","#rotate=-90","#rotate=90","#rotate=180","#rotate=270","#video=copy","#video=h264","#video=h265","#video=mjpeg","#width="],qe=["client_id=","client_private=","device_id=","device_public="],Je=["#header="],Xe=["client_id=","client_secret=","refresh_token=","project_id=","device_id="],Qe=["#client_id=","#format=openipc","#format=wyze","#format=kinesis","#ice_servers="],Ze="#### Source: Bubble\n\nOther names: [ESeeCloud](http://www.eseecloud.com/), [dvr163](http://help.dvr163.com/).\n\n- you can skip `username`, `password`, `port`, `ch` and `stream` if they are default\n- setup separate streams for different channels and streams\n\n```yaml\nstreams:\n camera1: bubble://username:password@192.168.1.123:34567/bubble/live?ch=0&stream=0\n```\n\n_Source: [Go2Rtc Bubble](https://github.com/AlexxIT/go2rtc#source-bubble)_\n",et="#### Source: DVRIP\n\nOther names: DVR-IP, NetSurveillance, Sofia protocol (NETsurveillance ActiveX plugin XMeye SDK).\n\n- you can skip `username`, `password`, `port`, `channel` and `subtype` if they are default\n- setup separate streams for different channels\n- use `subtype=0` for Main stream, and `subtype=1` for Extra1 stream\n- only the TCP protocol is supported\n\n```yaml\nstreams:\n only_stream: dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n only_tts: dvrip://username:password@192.168.1.123:34567?backchannel=1\n two_way_audio:\n - dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n - dvrip://username:password@192.168.1.123:34567?backchannel=1\n```\n\n_Source: [Go2Rtc DVRIP](https://github.com/AlexxIT/go2rtc#source-dvrip)_\n",tt=`#### Source: Echo
|
|
2
2
|
|
|
3
3
|
Some sources may have a dynamic link. And you will need to get it using a bash or python script. Your script should echo a link to the source. RTSP, FFmpeg or any of the [supported sources](https://github.com/AlexxIT/go2rtc#module-streams).
|
|
4
4
|
|
|
@@ -445,4 +445,4 @@ streams:
|
|
|
445
445
|
\`\`\`
|
|
446
446
|
|
|
447
447
|
_Source: [Go2Rtc Webtorrent](https://github.com/AlexxIT/go2rtc#source-webtorrent)_
|
|
448
|
-
`,_t={class:"h-full w-full inline-size mb-safe"},yt={class:"page-title"},xt={class:"window"},kt={class:"subview-title text-color"},St={class:"relative"},Tt={for:"name",class:"v-label"},Pt={class:"mt-5"},Rt={class:"subview-title text-color"},It={class:"flex flex-row items-center justify-center ml-auto"},At={class:"relative w-full flex flex-col"},Ct=["for"],Ht=["for"],Vt=["for"],jt={class:"w-full flex flex-row justify-center my-1"},Et={class:"ml-2 flex items-center justify-center",style:{"max-height":"44px"}},Ot={class:"flex items-center ml-auto"},Gt={class:"flex flex-row w-full items-center justify-center mt-3"},Mt={key:0,class:"w-full h-full flex items-center justify-center"},Ut=["innerHTML"],Ft={key:1,class:"w-full h-full flex items-center justify-center"},$t={key:0,class:"w-full h-full flex items-center justify-center"},Lt=Se({__name:"NewCamera",setup(Wt){P.registerLanguage("typescript",Ce),P.registerLanguage("yaml",He),P.registerLanguage("json",Ve),P.registerLanguage("python",je);const{smallMobileActive:H}=ye(),ee=Be(),U=new we,te=w(new Set),oe=w(),ae=w(!1),M=w(0),V=w([0]),T=w(),ne=w(["high-resolution","mid-resolution","low-resolution","snapshot"]),j=Te(),R=w(!1),E=w(!1),g=w({disabled:!1,name:"",info:{manufacturer:"",model:"",hardware:"",serialNumber:"",firmwareVersion:"",supportUrl:""},sources:[{name:"",roles:[],urls:[{protocol:"rtsp://",url:[]}]}],recording:{enabled:!1},interface:{streamingMode:"webrtc"},extensions:{hub:[],plugins:[]}}),{mutate:se,isPending:re}=U.createCameraQuery(),{mutateAsync:ie,isPending:ce}=U.previewCameraQuery(),u=Pe(()=>re.value||ae.value),F=Le("commonmark",{highlight(o,e){if(e&&P.getLanguage(e))try{return'<pre><code class="hljs">'+P.highlight(o,{language:e,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+F.utils.escapeHtml(o)+"</code></pre>"}});Re(R,o=>{o||setTimeout(()=>{j.value={presets:[],md:void 0}},300)});const me=o=>{g.value.sources[o].urls.push({protocol:"rtsp://",url:[]})},le=(o,e)=>{g.value.sources[o].urls.splice(e,1)},ue=()=>{g.value.sources.push({name:"",roles:[],urls:[{protocol:"rtsp://",url:[]}]}),V.value=[g.value.sources.length]},pe=o=>{g.value.sources.splice(o,1)},$=o=>{let e,s,b;switch(o){case"bubble://":e=[],s=Object.assign({"../markdowns/bubble.md":Ze});break;case"dvrip://":e=[],s=Object.assign({"../markdowns/dvrip.md":et});break;case"echo:":e=[],s=Object.assign({"../markdowns/echo.md":tt});break;case"exec:":e=[],s=Object.assign({"../markdowns/exec.md":ot});break;case"expr:":e=[],s=Object.assign({"../markdowns/expr.md":at});break;case"ffmpeg:":e=Z,s=Object.assign({"../markdowns/ffmpeg.md":nt});break;case"gopro://":e=Z,s=Object.assign({"../markdowns/gopro.md":st});break;case"hass:":e=[],s=Object.assign({"../markdowns/hass.md":rt});break;case"homekit://":e=qe,s=Object.assign({"../markdowns/homekit.md":it});break;case"http://":case"https://":case"httpx://":case"tcp://":e=Je,s=Object.assign({"../markdowns/http.md":ct});break;case"isapi://":e=[],s=Object.assign({"../markdowns/isapi.md":mt});break;case"ivideon:":e=[],s=Object.assign({"../markdowns/ivideon.md":lt});break;case"kasa://":e=[],s=Object.assign({"../markdowns/kasa.md":ut});break;case"nest:":e=Xe,s=Object.assign({"../markdowns/nest.md":pt});break;case"onvif://":e=[],s=Object.assign({"../markdowns/onvif.md":dt});break;case"roborock://":e=[],s=Object.assign({"../markdowns/roborock.md":ht});break;case"rtmp://":e=[],s=Object.assign({"../markdowns/rtmp.md":gt});break;case"rtsp://":case"rtspx://":e=Ke,s=Object.assign({"../markdowns/rtsp.md":ft});break;case"tapo://":e=[],s=Object.assign({"../markdowns/tapo.md":bt});break;case"webrtc:":e=Qe,s=Object.assign({"../markdowns/webrtc.md":wt});break;case"webtorrent:":e=[],s=Object.assign({"../markdowns/webtorrent.md":vt});break;default:e=[],s=void 0;break}return s&&(b=Object.values(s)[0]),j.value={presets:e,md:b},{presets:e,md:b}},de=o=>{$(o),R.value=!0},he=async o=>{T.value=void 0,E.value=!0;const e=o.url.join(""),b={url:e.includes(o.protocol)?e:`${o.protocol}${e}`},r=await ie({cameraData:b});T.value=r?`data:image/jpeg;base64,${r}`:"ERROR",T.value!=="ERROR"&&te.value.add(b.url)},ge=o=>({...o,pluginId:"native",type:"camera",isCloud:!1,hasLight:!1,hasSiren:!1,hasBinarySensor:!1,hasBattery:!1,activityZones:[],activitySettings:{motion:{timeout:20},object:{confidence:.7}},frameWorkerSettings:{decoder:"wasm",fps:10,resolution:640},sources:o.sources.map(s=>{let b=s.urls.map(r=>{if(r.url){const c=r.url.join("");return c.includes(r.protocol)?c:`${r.protocol}${c}`}}).filter(Boolean);return{_id:"",...s,urls:b}})}),fe=o=>{const{isLoading:e}=$e(0,{parent:".topbar"});e.value=!0;let s=ge(o);se({cameraData:s},{onSuccess:async()=>{e.value=!1,await De(500),ee.push({path:"/cameras"})}})},be=(o,e)=>{e.protocol=o};return(o,e)=>{const s=xe,b=_e;return h(),k("main",{class:W({"px-0":t(H)})},[m("div",_t,[a(t(We),{ref_key:"cameraVeeForm",ref:oe,class:"firststeps-form flex flex-col h-full w-full","validation-schema":t(ve),"initial-values":t(g),onSubmit:e[3]||(e[3]=r=>fe(r))},{default:n(()=>[m("div",{class:W(["mb-3 flex items-center",{"mx-2":t(H)}]),style:{height:"30px"}},[m("h1",yt,l(o.$t("views.new_camera.title")),1),a(S,{loading:t(u),variant:"text",color:"green",type:"submit",class:"ml-auto"},{default:n(()=>[a(y,{size:"15",class:"mr-1"},{default:n(()=>[d(l(t(z)),1)]),_:1}),d(" "+l(o.$t("components.form.button.add")),1)]),_:1},8,["loading"])],2),m("div",xt,[m("div",null,[m("span",kt,l(o.$t("components.form.label.camera")),1),a(N,{modelValue:t(M),"onUpdate:modelValue":e[1]||(e[1]=r=>O(M)?M.value=r:null),class:"inner-component mt-2"},{default:n(()=>[a(Y,{elevation:"0",value:1},{default:n(()=>[a(K,{style:{height:"48px"},class:"truncate"},{default:n(()=>[d(l(o.$t("views.new_camera.camera")),1)]),_:1}),a(q,{eager:""},{default:n(()=>[m("div",St,[a(t(C),{modelValue:t(g).name,"onUpdate:modelValue":e[0]||(e[0]=r=>t(g).name=r),name:"name"},{default:n(({field:r,errorMessage:c,errors:i})=>[m("label",Tt,l(o.$t("components.form.label.camera_name")),1),a(J,G({loading:t(u),variant:"outlined",name:"name",type:"text",density:"compact"},r,{error:i.length>0,"error-messages":c}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),m("div",Pt,[m("span",Rt,l(o.$t("components.form.label.camera_sources")),1),a(N,{modelValue:t(V),"onUpdate:modelValue":e[2]||(e[2]=r=>O(V)?V.value=r:null),class:"inner-component mt-2",multiple:"",variant:"accordion"},{default:n(()=>[(h(!0),k(D,null,B(t(g).sources,(r,c)=>(h(),A(Y,{key:c,value:c+1,elevation:"0",style:Ae(t(H)?"border-radius: 0px !important":"")},{default:n(()=>[a(K,{style:{height:"48px"},class:"truncate"},{actions:n(({expanded:i})=>[m("div",It,[a(S,{disabled:t(g).sources.length<2||t(u),size:"22.5",rounded:"",color:"red",variant:"text",class:"mx-2",onClick:_(f=>pe(c),["stop"])},{default:n(()=>[a(y,null,{default:n(()=>[d(l(t(Ee)),1)]),_:1})]),_:2},1032,["disabled","onClick"]),i?(h(),A(y,{key:0,size:"22.5"},{default:n(()=>[d(l(t(Oe)),1)]),_:1})):(h(),A(y,{key:1,size:"22.5"},{default:n(()=>[d(l(t(Ge)),1)]),_:1}))])]),default:n(()=>[d(l(o.$t("views.new_camera.source")+": "+c)+" ",1)]),_:2},1024),a(q,{eager:""},{default:n(()=>[m("div",At,[a(t(C),{modelValue:r.name,"onUpdate:modelValue":i=>r.name=i,name:`sources[${c}].name`},{default:n(({field:i,errorMessage:f,errors:p})=>[m("label",{for:`sources[${c}].name`,class:"v-label"},l(o.$t("components.form.label.source_name")),9,Ct),a(J,G({loading:t(u),variant:"outlined",name:`sources[${c}].name`,type:"text",density:"compact",ref_for:!0},i,{error:p.length>0,"error-messages":f}),null,16,["loading","name","error","error-messages"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),a(t(C),{modelValue:r.roles,"onUpdate:modelValue":i=>r.roles=i,name:`sources[${c}].roles`},{default:n(({field:i,errorMessage:f,errors:p})=>[m("label",{for:`sources[${c}].roles`,class:"v-label"},l(o.$t("components.form.label.source_role")),9,Ht),a(X,G({loading:t(u),items:t(ne).filter(x=>!t(g).sources.some((I,v)=>{var L;return((L=I.roles)==null?void 0:L.includes(x))&&v!==c})),variant:"outlined",name:`sources[${c}].roles`,type:"text",density:"compact",chips:"",multiple:"",clearable:"",ref_for:!0},i,{error:p.length>0,"error-messages":f,"model-value":i.value,onKeydown:_(()=>null,["prevent"])}),{chip:n(({item:x})=>[a(ze,{color:"#df2a4c"},{default:n(()=>[d(l(x.title),1)]),_:2},1024)]),_:2},1040,["loading","items","name","error","error-messages","model-value"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),m("label",{for:`sources[${c}].urls[].url`,class:"v-label"},l(o.$t("components.form.label.camera_sources")),9,Vt),(h(!0),k(D,null,B(r.urls,(i,f)=>(h(),k("div",{key:f},[m("div",jt,[a(t(C),{modelValue:i.protocol,"onUpdate:modelValue":p=>i.protocol=p,name:`sources[${c}].urls[${f}].protocol`},{default:n(({field:p,errors:x,errorMessage:I})=>[a(X,G({loading:t(u),items:t(Ye),"hide-no-data":"","hide-details":"",variant:"outlined",name:`sources[${c}].urls[${f}].protocol`,type:"text",density:"compact",style:{"min-width":"125px","max-width":"125px","min-height":"40px","max-height":"40px"},class:"camera-protocol",ref_for:!0},p,{error:x.length>0,"error-messages":I,"model-value":p.value,onKeydown:_(()=>null,["prevent"]),"onUpdate:modelValue":v=>be(v,i)}),null,16,["loading","items","name","error","error-messages","model-value","onUpdate:modelValue"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),a(t(C),{modelValue:i.url,"onUpdate:modelValue":p=>i.url=p,name:`sources[${c}].urls[${f}].url`},{default:n(({field:p,errorMessage:x,errors:I})=>[a(Ne,{modelValue:i.url,"onUpdate:modelValue":[v=>i.url=v,v=>p.value=v],loading:t(u),clearable:"",chips:"",multiple:"",items:$(i.protocol).presets,variant:"outlined",name:`sources[${c}].urls[${f}].url`,type:"text",density:"compact",class:"camera-source",error:I.length>0,"error-messages":x},{"append-inner":n(()=>[r.urls.length>1?(h(),A(S,{key:0,size:"28",variant:"text",rounded:"",density:"compact",color:"red",disabled:r.urls.length<2||t(u),onClick:_(v=>le(c,f),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Me)),1)]),_:1})]),_:2},1032,["disabled","onClick"])):Ie("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue","loading","items","name","error","error-messages"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),m("div",Et,[a(S,{disabled:!i.protocol||!i.url.length||t(u),color:"#5e5e5e",density:"compact",icon:"",variant:"text",onClick:_(p=>he(i),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Ue)),1)]),_:1})]),_:2},1032,["disabled","onClick"]),a(S,{disabled:t(u),color:"#5e5e5e",density:"compact",icon:"",variant:"text",onClick:_(p=>de(i.protocol),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Fe)),1)]),_:1})]),_:2},1032,["disabled","onClick"])])])]))),128)),m("div",Ot,[a(S,{disabled:t(u),color:"#df2a4c",variant:"flat",onClick:_(i=>me(c),["prevent"])},{default:n(()=>[d(l(o.$t("components.form.button.add_source")),1)]),_:2},1032,["disabled","onClick"])])])]),_:2},1024)]),_:2},1032,["value","style"]))),128))]),_:1},8,["modelValue"]),m("div",Gt,[a(S,{disabled:t(u),variant:"text",color:"#df2a4c",icon:"",onClick:_(ue,["prevent"])},{default:n(()=>[a(y,{size:"30"},{default:n(()=>[d(l(t(z)),1)]),_:1})]),_:1},8,["disabled"])])])])]),_:1},8,["validation-schema","initial-values"])]),a(s,{modelValue:t(R),"onUpdate:modelValue":e[4]||(e[4]=r=>O(R)?R.value=r:null),title:o.$t("components.dialog.title.information"),loading:t(u),"hide-confirm-button":""},{content:n(()=>{var r;return[(r=t(j))!=null&&r.md?(h(),k("div",Mt,[m("div",{class:"w-full markdown-body",innerHTML:t(F).render(t(j).md)},null,8,Ut)])):(h(),k("div",Ft,[a(Q,{color:"#df2a4c",indeterminate:""})]))]}),_:1},8,["modelValue","title","loading"]),a(s,{modelValue:t(E),"onUpdate:modelValue":e[5]||(e[5]=r=>O(E)?E.value=r:null),title:o.$t("components.dialog.title.preview"),loading:t(u),"hide-confirm-button":""},{content:n(()=>[!t(T)||t(ce)?(h(),k("div",$t,[a(Q,{color:"#df2a4c",indeterminate:""})])):(h(),A(b,{key:1,class:"mt-5 inner-component","show-camera-name":"","current-camera":t(T),"border-radius":t(H)?0:3,border:!1,target:"preview","preview-src":t(T),"button-elevation":"1"},null,8,["current-camera","border-radius","preview-src"]))]),_:1},8,["modelValue","title","loading"])],2)}}}),Eo=ke(Lt,[["__scopeId","data-v-0257bb75"]]);export{Eo as default};
|
|
448
|
+
`,_t={class:"h-full w-full inline-size mb-safe"},yt={class:"page-title"},xt={class:"window"},kt={class:"subview-title text-color"},St={class:"relative"},Tt={for:"name",class:"v-label"},Pt={class:"mt-5"},Rt={class:"subview-title text-color"},It={class:"flex flex-row items-center justify-center ml-auto"},At={class:"relative w-full flex flex-col"},Ct=["for"],Ht=["for"],Vt=["for"],jt={class:"w-full flex flex-row justify-center my-1"},Et={class:"ml-2 flex items-center justify-center",style:{"max-height":"44px"}},Ot={class:"flex items-center ml-auto"},Gt={class:"flex flex-row w-full items-center justify-center mt-3"},Mt={key:0,class:"w-full h-full flex items-center justify-center"},Ut=["innerHTML"],Ft={key:1,class:"w-full h-full flex items-center justify-center"},$t={key:0,class:"w-full h-full flex items-center justify-center"},Lt=Se({__name:"NewCamera",setup(Wt){P.registerLanguage("typescript",Ce),P.registerLanguage("yaml",He),P.registerLanguage("json",Ve),P.registerLanguage("python",je);const{smallMobileActive:H}=ye(),ee=Be(),U=new we,te=w(new Set),oe=w(),ae=w(!1),M=w(0),V=w([0]),T=w(),ne=w(["high-resolution","mid-resolution","low-resolution","snapshot"]),j=Te(),R=w(!1),E=w(!1),g=w({disabled:!1,name:"",info:{manufacturer:"",model:"",hardware:"",serialNumber:"",firmwareVersion:"",supportUrl:""},sources:[{name:"",roles:[],urls:[{protocol:"rtsp://",url:[]}]}],recording:{enabled:!1},interface:{streamingMode:"webrtc"},extensions:{hub:[],plugins:[]}}),{mutate:se,isPending:re}=U.createCameraQuery(),{mutateAsync:ie,isPending:ce}=U.previewCameraQuery(),u=Pe(()=>re.value||ae.value),F=Le("commonmark",{highlight(o,e){if(e&&P.getLanguage(e))try{return'<pre><code class="hljs">'+P.highlight(o,{language:e,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+F.utils.escapeHtml(o)+"</code></pre>"}});Re(R,o=>{o||setTimeout(()=>{j.value={presets:[],md:void 0}},300)});const me=o=>{g.value.sources[o].urls.push({protocol:"rtsp://",url:[]})},le=(o,e)=>{g.value.sources[o].urls.splice(e,1)},ue=()=>{g.value.sources.push({name:"",roles:[],urls:[{protocol:"rtsp://",url:[]}]}),V.value=[g.value.sources.length]},pe=o=>{g.value.sources.splice(o,1)},$=o=>{let e,s,b;switch(o){case"bubble://":e=[],s=Object.assign({"../markdowns/bubble.md":Ze});break;case"dvrip://":e=[],s=Object.assign({"../markdowns/dvrip.md":et});break;case"echo:":e=[],s=Object.assign({"../markdowns/echo.md":tt});break;case"exec:":e=[],s=Object.assign({"../markdowns/exec.md":ot});break;case"expr:":e=[],s=Object.assign({"../markdowns/expr.md":at});break;case"ffmpeg:":e=Z,s=Object.assign({"../markdowns/ffmpeg.md":nt});break;case"gopro://":e=Z,s=Object.assign({"../markdowns/gopro.md":st});break;case"hass:":e=[],s=Object.assign({"../markdowns/hass.md":rt});break;case"homekit://":e=qe,s=Object.assign({"../markdowns/homekit.md":it});break;case"http://":case"https://":case"httpx://":case"tcp://":e=Je,s=Object.assign({"../markdowns/http.md":ct});break;case"isapi://":e=[],s=Object.assign({"../markdowns/isapi.md":mt});break;case"ivideon:":e=[],s=Object.assign({"../markdowns/ivideon.md":lt});break;case"kasa://":e=[],s=Object.assign({"../markdowns/kasa.md":ut});break;case"nest:":e=Xe,s=Object.assign({"../markdowns/nest.md":pt});break;case"onvif://":e=[],s=Object.assign({"../markdowns/onvif.md":dt});break;case"roborock://":e=[],s=Object.assign({"../markdowns/roborock.md":ht});break;case"rtmp://":e=[],s=Object.assign({"../markdowns/rtmp.md":gt});break;case"rtsp://":case"rtspx://":e=Ke,s=Object.assign({"../markdowns/rtsp.md":ft});break;case"tapo://":e=[],s=Object.assign({"../markdowns/tapo.md":bt});break;case"webrtc:":e=Qe,s=Object.assign({"../markdowns/webrtc.md":wt});break;case"webtorrent:":e=[],s=Object.assign({"../markdowns/webtorrent.md":vt});break;default:e=[],s=void 0;break}return s&&(b=Object.values(s)[0]),j.value={presets:e,md:b},{presets:e,md:b}},de=o=>{$(o),R.value=!0},he=async o=>{T.value=void 0,E.value=!0;const e=o.url.join(""),b={url:e.includes(o.protocol)?e:`${o.protocol}${e}`},r=await ie({cameraData:b});T.value=r?`data:image/jpeg;base64,${r}`:"ERROR",T.value!=="ERROR"&&te.value.add(b.url)},ge=o=>({...o,pluginId:"native",type:"camera",isCloud:!1,hasLight:!1,hasSiren:!1,hasBinarySensor:!1,hasBattery:!1,activityZones:[],activitySettings:{motion:{timeout:20},object:{confidence:.7}},frameWorkerSettings:{decoder:"wasm",fps:10,resolution:640},sources:o.sources.map(s=>{let b=s.urls.map(r=>{if(r.url){const c=r.url.join("");return c.includes(r.protocol)?c:`${r.protocol}${c}`}}).filter(Boolean);return{_id:"",...s,urls:b}})}),fe=o=>{const{isLoading:e}=$e(0,{parent:".topbar"});e.value=!0;let s=ge(o);se({cameraData:s},{onSuccess:async()=>{e.value=!1,await De(500),ee.push({path:"/cameras"})}})},be=(o,e)=>{e.protocol=o};return(o,e)=>{const s=xe,b=_e;return h(),k("main",{class:W(["w-full h-full",{"px-0":t(H)}])},[m("div",_t,[a(t(We),{ref_key:"cameraVeeForm",ref:oe,class:"firststeps-form flex flex-col h-full w-full","validation-schema":t(ve),"initial-values":t(g),onSubmit:e[3]||(e[3]=r=>fe(r))},{default:n(()=>[m("div",{class:W(["mb-3 flex items-center",{"mx-2":t(H)}]),style:{height:"30px"}},[m("h1",yt,l(o.$t("views.new_camera.title")),1),a(S,{loading:t(u),variant:"text",color:"green",type:"submit",class:"ml-auto"},{default:n(()=>[a(y,{size:"15",class:"mr-1"},{default:n(()=>[d(l(t(z)),1)]),_:1}),d(" "+l(o.$t("components.form.button.add")),1)]),_:1},8,["loading"])],2),m("div",xt,[m("div",null,[m("span",kt,l(o.$t("components.form.label.camera")),1),a(N,{modelValue:t(M),"onUpdate:modelValue":e[1]||(e[1]=r=>O(M)?M.value=r:null),class:"inner-component mt-2"},{default:n(()=>[a(Y,{elevation:"0",value:1},{default:n(()=>[a(K,{style:{height:"48px"},class:"truncate"},{default:n(()=>[d(l(o.$t("views.new_camera.camera")),1)]),_:1}),a(q,{eager:""},{default:n(()=>[m("div",St,[a(t(C),{modelValue:t(g).name,"onUpdate:modelValue":e[0]||(e[0]=r=>t(g).name=r),name:"name"},{default:n(({field:r,errorMessage:c,errors:i})=>[m("label",Tt,l(o.$t("components.form.label.camera_name")),1),a(J,G({loading:t(u),variant:"outlined",name:"name",type:"text",density:"compact"},r,{error:i.length>0,"error-messages":c}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),m("div",Pt,[m("span",Rt,l(o.$t("components.form.label.camera_sources")),1),a(N,{modelValue:t(V),"onUpdate:modelValue":e[2]||(e[2]=r=>O(V)?V.value=r:null),class:"inner-component mt-2",multiple:"",variant:"accordion"},{default:n(()=>[(h(!0),k(D,null,B(t(g).sources,(r,c)=>(h(),A(Y,{key:c,value:c+1,elevation:"0",style:Ae(t(H)?"border-radius: 0px !important":"")},{default:n(()=>[a(K,{style:{height:"48px"},class:"truncate"},{actions:n(({expanded:i})=>[m("div",It,[a(S,{disabled:t(g).sources.length<2||t(u),size:"22.5",rounded:"",color:"red",variant:"text",class:"mx-2",onClick:_(f=>pe(c),["stop"])},{default:n(()=>[a(y,null,{default:n(()=>[d(l(t(Ee)),1)]),_:1})]),_:2},1032,["disabled","onClick"]),i?(h(),A(y,{key:0,size:"22.5"},{default:n(()=>[d(l(t(Oe)),1)]),_:1})):(h(),A(y,{key:1,size:"22.5"},{default:n(()=>[d(l(t(Ge)),1)]),_:1}))])]),default:n(()=>[d(l(o.$t("views.new_camera.source")+": "+c)+" ",1)]),_:2},1024),a(q,{eager:""},{default:n(()=>[m("div",At,[a(t(C),{modelValue:r.name,"onUpdate:modelValue":i=>r.name=i,name:`sources[${c}].name`},{default:n(({field:i,errorMessage:f,errors:p})=>[m("label",{for:`sources[${c}].name`,class:"v-label"},l(o.$t("components.form.label.source_name")),9,Ct),a(J,G({loading:t(u),variant:"outlined",name:`sources[${c}].name`,type:"text",density:"compact",ref_for:!0},i,{error:p.length>0,"error-messages":f}),null,16,["loading","name","error","error-messages"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),a(t(C),{modelValue:r.roles,"onUpdate:modelValue":i=>r.roles=i,name:`sources[${c}].roles`},{default:n(({field:i,errorMessage:f,errors:p})=>[m("label",{for:`sources[${c}].roles`,class:"v-label"},l(o.$t("components.form.label.source_role")),9,Ht),a(X,G({loading:t(u),items:t(ne).filter(x=>!t(g).sources.some((I,v)=>{var L;return((L=I.roles)==null?void 0:L.includes(x))&&v!==c})),variant:"outlined",name:`sources[${c}].roles`,type:"text",density:"compact",chips:"",multiple:"",clearable:"",ref_for:!0},i,{error:p.length>0,"error-messages":f,"model-value":i.value,onKeydown:_(()=>null,["prevent"])}),{chip:n(({item:x})=>[a(ze,{color:"#df2a4c"},{default:n(()=>[d(l(x.title),1)]),_:2},1024)]),_:2},1040,["loading","items","name","error","error-messages","model-value"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),m("label",{for:`sources[${c}].urls[].url`,class:"v-label"},l(o.$t("components.form.label.camera_sources")),9,Vt),(h(!0),k(D,null,B(r.urls,(i,f)=>(h(),k("div",{key:f},[m("div",jt,[a(t(C),{modelValue:i.protocol,"onUpdate:modelValue":p=>i.protocol=p,name:`sources[${c}].urls[${f}].protocol`},{default:n(({field:p,errors:x,errorMessage:I})=>[a(X,G({loading:t(u),items:t(Ye),"hide-no-data":"","hide-details":"",variant:"outlined",name:`sources[${c}].urls[${f}].protocol`,type:"text",density:"compact",style:{"min-width":"125px","max-width":"125px","min-height":"40px","max-height":"40px"},class:"camera-protocol",ref_for:!0},p,{error:x.length>0,"error-messages":I,"model-value":p.value,onKeydown:_(()=>null,["prevent"]),"onUpdate:modelValue":v=>be(v,i)}),null,16,["loading","items","name","error","error-messages","model-value","onUpdate:modelValue"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),a(t(C),{modelValue:i.url,"onUpdate:modelValue":p=>i.url=p,name:`sources[${c}].urls[${f}].url`},{default:n(({field:p,errorMessage:x,errors:I})=>[a(Ne,{modelValue:i.url,"onUpdate:modelValue":[v=>i.url=v,v=>p.value=v],loading:t(u),clearable:"",chips:"",multiple:"",items:$(i.protocol).presets,variant:"outlined",name:`sources[${c}].urls[${f}].url`,type:"text",density:"compact",class:"camera-source",error:I.length>0,"error-messages":x},{"append-inner":n(()=>[r.urls.length>1?(h(),A(S,{key:0,size:"28",variant:"text",rounded:"",density:"compact",color:"red",disabled:r.urls.length<2||t(u),onClick:_(v=>le(c,f),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Me)),1)]),_:1})]),_:2},1032,["disabled","onClick"])):Ie("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue","loading","items","name","error","error-messages"])]),_:2},1032,["modelValue","onUpdate:modelValue","name"]),m("div",Et,[a(S,{disabled:!i.protocol||!i.url.length||t(u),color:"#5e5e5e",density:"compact",icon:"",variant:"text",onClick:_(p=>he(i),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Ue)),1)]),_:1})]),_:2},1032,["disabled","onClick"]),a(S,{disabled:t(u),color:"#5e5e5e",density:"compact",icon:"",variant:"text",onClick:_(p=>de(i.protocol),["prevent"])},{default:n(()=>[a(y,{size:"20"},{default:n(()=>[d(l(t(Fe)),1)]),_:1})]),_:2},1032,["disabled","onClick"])])])]))),128)),m("div",Ot,[a(S,{disabled:t(u),color:"#df2a4c",variant:"flat",onClick:_(i=>me(c),["prevent"])},{default:n(()=>[d(l(o.$t("components.form.button.add_source")),1)]),_:2},1032,["disabled","onClick"])])])]),_:2},1024)]),_:2},1032,["value","style"]))),128))]),_:1},8,["modelValue"]),m("div",Gt,[a(S,{disabled:t(u),variant:"text",color:"#df2a4c",icon:"",onClick:_(ue,["prevent"])},{default:n(()=>[a(y,{size:"30"},{default:n(()=>[d(l(t(z)),1)]),_:1})]),_:1},8,["disabled"])])])])]),_:1},8,["validation-schema","initial-values"])]),a(s,{modelValue:t(R),"onUpdate:modelValue":e[4]||(e[4]=r=>O(R)?R.value=r:null),title:o.$t("components.dialog.title.information"),loading:t(u),"hide-confirm-button":""},{content:n(()=>{var r;return[(r=t(j))!=null&&r.md?(h(),k("div",Mt,[m("div",{class:"w-full markdown-body",innerHTML:t(F).render(t(j).md)},null,8,Ut)])):(h(),k("div",Ft,[a(Q,{color:"#df2a4c",indeterminate:""})]))]}),_:1},8,["modelValue","title","loading"]),a(s,{modelValue:t(E),"onUpdate:modelValue":e[5]||(e[5]=r=>O(E)?E.value=r:null),title:o.$t("components.dialog.title.preview"),loading:t(u),"hide-confirm-button":""},{content:n(()=>[!t(T)||t(ce)?(h(),k("div",$t,[a(Q,{color:"#df2a4c",indeterminate:""})])):(h(),A(b,{key:1,class:"mt-5 inner-component","show-camera-name":"","current-camera":t(T),"border-radius":t(H)?0:3,border:!1,target:"preview","preview-src":t(T),"button-elevation":"1"},null,8,["current-camera","border-radius","preview-src"]))]),_:1},8,["modelValue","title","loading"])],2)}}}),Eo=ke(Lt,[["__scopeId","data-v-f07bf40c"]]);export{Eo as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-f07bf40c] .v-expansion-panel-title__overlay,div[data-v-f07bf40c] .v-expansion-panel__shadow{background:var(--background-inner-component);border-radius:4px;border:1px solid var(--border-card);box-shadow:none!important}@media screen and (max-width: 639px){div[data-v-f07bf40c] .v-expansion-panel-title__overlay,div[data-v-f07bf40c] .v-expansion-panel__shadow{border-radius:0}}.new-source-container[data-v-f07bf40c]{padding:1rem;background:rgba(var(--color-rgb),.04);border-radius:10px}.camera-protocol[data-v-f07bf40c] .v-input__prepend,.camera-source[data-v-f07bf40c] .v-input__prepend{margin:0!important}.camera-protocol[data-v-f07bf40c] .v-field{border-radius:4px 0 0 4px/4px 0px 0px 4px!important}.camera-source[data-v-f07bf40c] .v-field{border-top-left-radius:0;border-bottom-left-radius:0}.camera-source[data-v-f07bf40c] .v-input__append{margin-left:5px}.window[data-v-f07bf40c]{min-height:calc(100% - 36px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.box-title[data-v-c1c7820f],.box-title[data-v-453d8b3d]{border-bottom:1px solid var(--border-input);padding-bottom:1rem}.detection-canvas[data-v-453d8b3d]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.box-title[data-v-b825f442]{border-bottom:1px solid var(--border-input);padding-bottom:1rem}.full-inner-height[data-v-974eb13b]{height:calc(100% - (42px + env(safe-area-inset-bottom,0px)))}.box-title[data-v-974eb13b]{border-bottom:1px solid var(--border-input);padding-bottom:1rem}.settings-tab[data-v-974eb13b]{border-bottom:1px solid var(--border-input)}.options-segments[data-v-974eb13b]{width:100%;height:70px;min-height:70px;background:#0000001a;border-top:1px solid rgba(var(--color-rgb),.05)}.options-segments-text[data-v-974eb13b]{font-size:.7rem}div[data-v-974eb13b] .v-list{overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as we,b as at,C as lt,d as it,e as rt,g as ut}from"./VPlayer-Bpk-n5Iq.js";import{_ as ct}from"./VPluginCard-B2NnTL3V.js";import{F as $e,t as Ee,r as a,c as H,w as Y,e as l,f as u,j as s,u as e,T as d,l as y,n as X,V as J,M as f,R as g,q as P,y as te,i as fe,a3 as dt,U as ft,X as Qe,O as B,N as Pe,Q as De}from"./@vue-DL9UVr_o.js";import{Y as Fe,k as ce,i as oe,c as Be}from"./@mdi-CmcijEFB.js";import{i as ze}from"./vue3-toastify-Dw-XOd2Z.js";import{P as Ie}from"./plugins-CMB4ORW-.js";import{A as Me,M as Ve,i as Ue,d as ke,C as Je,D as je,w as Ye,E as Re,F as Le,z as mt,f as pt,t as vt}from"./main-DGpiuR7E.js";import{e as ae,b as me,V as de,U as gt,W as _t,C as ht,w as yt,G as qe,f as He,I as bt,J as xt,n as wt,x as $t}from"./vuetify-B9MADlxz.js";import{H as se,t as It,y as kt,j as Ct,p as St}from"./highlight.js-TxRCSjhv.js";import{M as Pt}from"./markdown-it-DI8MEbma.js";import{u as Dt}from"./vue-router-DWO1Myem.js";import{x as Vt}from"./@vueuse-Dir68MUw.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./vee-validate-PbgW_0me.js";import"./zod-BaF2dDCd.js";import"./pinia-DvQcsQmR.js";import"./@vee-validate-CWdaG3kt.js";import"./draggabilly-Arakw9Dk.js";import"./@xterm-B4Ga69iL.js";import"./get-size-D1dS-IaP.js";import"./unidragger-BYtqgAQ0.js";import"./ev-emitter-CXYwG0eJ.js";import"./@tanstack-CBqECT9Y.js";import"./VConfigEditor.vue_vue_type_script_setup_true_lang-CqJmioUl.js";import"./ace-builds-CigWTak4.js";import"./@vueform-8UOOtZD4.js";import"./system-N-zgarul.js";import"./VConsole-CCrJQT3v.js";import"./vue-inline-svg-DZpyzRHr.js";import"./vue-i18n-DYaQP6Tc.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-DSyAi0LF.js";import"./mdurl-k9Sl0PQj.js";import"./uc.micro-kMc2yuuw.js";import"./entities-C20TfXL6.js";import"./linkify-it-DmNjr4Kv.js";import"./punycode.js-Dj65hjkv.js";const jt={class:"w-full"},Lt={key:0,class:"w-full"},zt={class:"flex flex-col justify-center items-center mb-5"},Et={for:"restoreInput",class:"cursor-pointer text-center text-sm"},Ft=["accept"],Ot={key:0,class:"text-red text-sm"},Tt={key:1,class:"w-full flex flex-col items-center justify-center"},At={class:"relative mb-4 w-full"},Nt=["src","type"],Qt={class:"flex items-center justify-center"},Bt={class:"mx-2"},Mt={class:"disabled-text"},Ut={class:"mt-10"},Jt={class:"box-title w-full mb-3"},Rt={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},qt=$e({__name:"VAudioDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=a([]),x=a(!1),p=a(!1),D=a(!1),b=a(!1),$=a(null),I=a(null),z=a(Me.join(",")),F=a(""),S=a({}),h=a(!1),V=a(),_=a(!0),{mutateAsync:E,isPending:A}=O.detectAudioQuery(),{data:M,isLoading:G}=O.getPluginInterfaceQuery(T.value,{type:"audioDetection"}),R=H(()=>A.value||G.value||h.value),w=n=>{const t=i.value.findIndex(o=>o.name===n);t>-1&&(i.value.splice(t,1),W(),F.value="",V.value=void 0)},j=n=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],n.dataTransfer)if(n.dataTransfer.files.length>1)p.value=!0;else{const t=n.dataTransfer.files[0];Me.includes(t.type)&&t.size<=Ve?(i.value.push(t),te(()=>{k(t)})):t.size>Ve?b.value=!0:p.value=!0}},K=n=>{var o;p.value=!1,b.value=!1,i.value=[];const t=n.target;if(t&&t.files){if(((o=t.files)==null?void 0:o.length)>1)p.value=!0;else if(t.files.length===1){const m=t.files[0];m.size<=Ve?(i.value.push(m),te(()=>{k(m)})):b.value=!0}}},W=()=>{$.value&&($.value.value="")},Z=n=>n<1024?n+" bytes":n<1048576?(n/1024).toFixed(1)+" KB":(n/1048576).toFixed(1)+" MB",k=n=>{h.value=!0;const t=new Audio;t.src=URL.createObjectURL(n),t.onloadedmetadata=()=>{V.value={mimeType:n.type},h.value=!1}},q=async n=>{if(!i.value.length){D.value=!0;return}h.value=!0;const t=new FormData;t.append("upload",i.value[0]),t.append("config",JSON.stringify(n)),t.append("metadata",JSON.stringify(V.value));try{await E({pluginName:T.value,formData:t})?ze.info(Ue.global.t("components.detection_interface.audio_detected")):ze.info(Ue.global.t("components.detection_interface.audio_not_detected"))}catch(o){console.error("Error detecting audio",o)}finally{h.value=!1}};return Y(i,n=>{n.length>0?(D.value=!1,_.value=!1):(F.value="",V.value=void 0,_.value=!0)},{immediate:!0,deep:!0}),(n,t)=>{const o=we;return l(),u("div",jt,[s("div",{class:"file-upload-box p-4",onDrop:t[1]||(t[1]=P(m=>j(m),["prevent"])),onDragover:t[2]||(t[2]=P(m=>x.value=!0,["prevent"])),onDragenter:t[3]||(t[3]=P(m=>x.value=!0,["prevent"])),onDragleave:t[4]||(t[4]=P(m=>x.value=!1,["prevent"]))},[e(i).length?(l(),u("div",Tt,[s("div",At,[s("audio",{ref_key:"audioPlayer",ref:I,controls:"",class:"w-full"},[s("source",{src:e(F),type:e(i)[0].type},null,8,Nt),J(" Your browser does not support the audio element. ")],512)]),s("div",Qt,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:t[0]||(t[0]=P(m=>w(e(i)[0].name),["stop"]))},{default:g(()=>[f(ae,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",Bt,d(e(i)[0].name),1),s("span",Mt,"("+d(Z(e(i)[0].size))+")",1)])])):(l(),u("div",Lt,[s("div",zt,[s("label",Et,d(n.$t("components.detection_interface.drop_or_select_audio_to_detect")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(z),onChange:K},null,40,Ft),e(p)?(l(),u("p",Ot,d(n.$t("components.detection_interface.only_one_audio_allowed")),1)):y("",!0),e(D)?(l(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(n.$t("components.detection_interface.audio_required")),3)):y("",!0),e(b)?(l(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(n.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",Ut,[s("div",Jt,d(n.$t("components.detection_interface.interface_config")),1),e(S)&&Object.keys(e(S)).length?y("",!0):(l(),u("div",Rt,d(n.$t("components.detection_interface.no_interface_config")),1)),f(o,{config:e(S),"ui-schema":e(M),loading:e(R),"save-button-label":n.$t("components.detection_interface.detect_audio"),"disable-button":e(_),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:q},null,8,["config","ui-schema","loading","save-button-label","disable-button"])])])}}}),Ht=ke(qt,[["__scopeId","data-v-299a60c5"]]),Yt={class:"w-full"},Xt={key:0,class:"w-full"},Gt={class:"flex flex-col justify-center items-center mb-5"},Kt={for:"restoreInput",class:"cursor-pointer text-center text-sm"},Wt=["accept"],Zt={key:0,class:"text-red text-sm"},en={key:1,class:"w-full flex flex-col items-center justify-center"},tn={class:"relative mb-4"},nn=["src"],on={class:"flex items-center justify-center"},sn={class:"mx-2"},an={class:"disabled-text"},ln={class:"mt-10"},rn={class:"box-title w-full mb-3"},un={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},cn={class:"relative"},dn=["src"],fn=$e({__name:"VObjectDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=a([]),x=a(!1),p=a(!1),D=a(!1),b=a(!1),$=a(null),I=a(Je.join(",")),z=a(""),F=a({}),S=a(!1),h=a(),V=a([]),_=a(!1),E=a(!0),{mutateAsync:A,isPending:M}=O.detectObjectsQuery(),{data:G,isLoading:R}=O.getPluginInterfaceQuery(T.value,{type:"objectDetection"}),w=H(()=>M.value||R.value||S.value),j=t=>{const o=i.value.findIndex(m=>m.name===t);o>-1&&(i.value.splice(o,1),Z(),z.value="",h.value=void 0)},K=t=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],t.dataTransfer)if(t.dataTransfer.files.length>1)p.value=!0;else{const o=t.dataTransfer.files[0];Je.includes(o.type)&&o.size<=je?(i.value.push(o),te(()=>{k(o)})):o.size>je?b.value=!0:p.value=!0}},W=t=>{var m;p.value=!1,b.value=!1,i.value=[];const o=t.target;if(o&&o.files){if(((m=o.files)==null?void 0:m.length)>1)p.value=!0;else if(o.files.length===1){const L=o.files[0];L.size<=je?(i.value.push(L),te(()=>{k(L)})):b.value=!0}}},Z=()=>{$.value&&($.value.value="")},k=t=>{S.value=!0;const o=new Image;o.src=URL.createObjectURL(t),o.onload=()=>{z.value=o.src,h.value={width:o.width,height:o.height},S.value=!1}},q=t=>t<1024?t+" bytes":t<1048576?(t/1024).toFixed(1)+" KB":(t/1048576).toFixed(1)+" MB",n=async t=>{if(!i.value.length){D.value=!0;return}S.value=!0;const o=new FormData;o.append("upload",i.value[0]),o.append("config",JSON.stringify(t)),o.append("metadata",JSON.stringify(h.value));try{const m=await A({pluginName:T.value,formData:o});_.value=!0,setTimeout(()=>{V.value=m},300)}catch(m){console.error("Error detecting objects",m)}finally{S.value=!1}};return Y(i,t=>{t.length>0?(D.value=!1,E.value=!1):(z.value="",h.value=void 0,E.value=!0)},{immediate:!0,deep:!0}),(t,o)=>{const m=we,L=at,Ce=Ye;return l(),u("div",Yt,[s("div",{class:"file-upload-box p-4",onDrop:o[1]||(o[1]=P(U=>K(U),["prevent"])),onDragover:o[2]||(o[2]=P(U=>x.value=!0,["prevent"])),onDragenter:o[3]||(o[3]=P(U=>x.value=!0,["prevent"])),onDragleave:o[4]||(o[4]=P(U=>x.value=!1,["prevent"]))},[e(i).length?(l(),u("div",en,[s("div",tn,[s("img",{src:e(z),alt:"Preview",class:"w-full"},null,8,nn)]),s("div",on,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:o[0]||(o[0]=P(U=>j(e(i)[0].name),["stop"]))},{default:g(()=>[f(ae,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",sn,d(e(i)[0].name),1),s("span",an,"("+d(q(e(i)[0].size))+")",1)])])):(l(),u("div",Xt,[s("div",Gt,[s("label",Kt,d(t.$t("components.detection_interface.drop_or_select_image_to_detect_objects")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(I),onChange:W},null,40,Wt),e(p)?(l(),u("p",Zt,d(t.$t("components.detection_interface.only_one_image_allowed")),1)):y("",!0),e(D)?(l(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(t.$t("components.detection_interface.image_required")),3)):y("",!0),e(b)?(l(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(t.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",ln,[s("div",rn,d(t.$t("components.detection_interface.interface_config")),1),e(F)&&Object.keys(e(F)).length?y("",!0):(l(),u("div",un,d(t.$t("components.detection_interface.no_interface_config")),1)),f(m,{config:e(F),"ui-schema":e(G),loading:e(w),"save-button-label":t.$t("components.detection_interface.detect_objects"),"disable-button":e(E),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:n},null,8,["config","ui-schema","loading","save-button-label","disable-button"])]),f(Ce,{modelValue:e(_),"onUpdate:modelValue":o[5]||(o[5]=U=>fe(_)?_.value=U:null),title:t.$t("components.dialog.title.result"),"hide-confirm-button":"",width:"auto"},{content:g(()=>[s("div",cn,[f(L,{detections:e(V)},null,8,["detections"]),s("img",{src:e(z),alt:"Preview",class:"w-full"},null,8,dn)])]),_:1},8,["modelValue","title"])])}}}),mn=ke(fn,[["__scopeId","data-v-49843399"]]),pn={class:"w-full"},vn={key:0,class:"w-full"},gn={class:"flex flex-col justify-center items-center mb-5"},_n={for:"restoreInput",class:"cursor-pointer text-center text-sm"},hn=["accept"],yn={key:0,class:"text-red text-sm"},bn={key:1,class:"w-full flex flex-col items-center justify-center"},xn={class:"relative mb-4 w-full"},wn={class:"flex items-center justify-center"},$n={class:"mx-2"},In={class:"disabled-text"},kn={class:"mt-10"},Cn={class:"box-title w-full mb-3"},Sn={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},Pn={class:"relative"},Dn=$e({__name:"VMotionDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=a([]),x=a(!1),p=a(!1),D=a(!1),b=a(!1),$=a(null),I=a(null),z=a(null),F=a(Re.join(",")),S=a({}),h=a(!1),V=a(!1),_=a(!0),{mutateAsync:E,isPending:A}=O.detectMotionQuery(),{data:M,isLoading:G}=O.getPluginInterfaceQuery(T.value,{type:"motionDetection"}),R=H(()=>A.value||G.value||h.value),w=n=>{const t=i.value.findIndex(o=>o.name===n);t>-1&&(i.value.splice(t,1),W(),I.value.src="")},j=n=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],n.dataTransfer)if(n.dataTransfer.files.length>1)p.value=!0;else{const t=n.dataTransfer.files[0];Re.includes(t.type)&&t.size<=Le?(i.value.push(t),te(()=>{k(t)})):t.size>Le?b.value=!0:p.value=!0}},K=n=>{var o;p.value=!1,b.value=!1,i.value=[];const t=n.target;if(t&&t.files){if(((o=t.files)==null?void 0:o.length)>1)p.value=!0;else if(t.files.length===1){const m=t.files[0];m.size<=Le?(i.value.push(m),te(()=>{k(m)})):b.value=!0}}},W=()=>{$.value&&($.value.value="")},Z=n=>n<1024?n+" bytes":n<1048576?(n/1024).toFixed(1)+" KB":(n/1048576).toFixed(1)+" MB",k=n=>{h.value=!0,I.value.src=URL.createObjectURL(n),I.value.load(),I.value.onloadeddata=()=>{h.value=!1}},q=async n=>{if(!i.value.length){D.value=!0;return}h.value=!0;const t=new FormData;t.append("upload",i.value[0]),t.append("config",JSON.stringify(n));try{const o=await E({pluginName:T.value,formData:t}),m=new Blob([o],{type:"video/mp4"});V.value=!0,setTimeout(()=>{z.value&&(z.value.src=URL.createObjectURL(m),z.value.load())},300)}catch(o){console.error("Error detecting motion",o)}finally{h.value=!1}};return Y(i,n=>{n.length>0?(D.value=!1,_.value=!1):_.value=!0},{immediate:!0,deep:!0}),(n,t)=>{const o=we,m=Ye;return l(),u("div",pn,[s("div",{class:"file-upload-box p-4",onDrop:t[1]||(t[1]=P(L=>j(L),["prevent"])),onDragover:t[2]||(t[2]=P(L=>x.value=!0,["prevent"])),onDragenter:t[3]||(t[3]=P(L=>x.value=!0,["prevent"])),onDragleave:t[4]||(t[4]=P(L=>x.value=!1,["prevent"]))},[e(i).length?(l(),u("div",bn,[s("div",xn,[s("video",{ref_key:"videoPlayer",ref:I,controls:"",class:"w-full"},"Your browser does not support the video tag.",512)]),s("div",wn,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:t[0]||(t[0]=P(L=>w(e(i)[0].name),["stop"]))},{default:g(()=>[f(ae,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",$n,d(e(i)[0].name),1),s("span",In,"("+d(Z(e(i)[0].size))+")",1)])])):(l(),u("div",vn,[s("div",gn,[s("label",_n,d(n.$t("components.detection_interface.drop_or_select_video_to_detect_motion")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(F),onChange:K},null,40,hn),e(p)?(l(),u("p",yn,d(n.$t("components.detection_interface.only_one_video_allowed")),1)):y("",!0),e(D)?(l(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(n.$t("components.detection_interface.video_required")),3)):y("",!0),e(b)?(l(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(n.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",kn,[s("div",Cn,d(n.$t("components.detection_interface.interface_config")),1),e(S)&&Object.keys(e(S)).length?y("",!0):(l(),u("div",Sn,d(n.$t("components.detection_interface.no_interface_config")),1)),f(o,{config:e(S),"ui-schema":e(M),loading:e(R),"save-button-label":n.$t("components.detection_interface.detect_motion"),"disable-button":e(_),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:q},null,8,["config","ui-schema","loading","save-button-label","disable-button"])]),f(m,{modelValue:e(V),"onUpdate:modelValue":t[5]||(t[5]=L=>fe(V)?V.value=L:null),title:n.$t("components.dialog.title.result"),"hide-confirm-button":"",width:"auto"},{content:g(()=>[s("div",Pn,[s("video",{ref_key:"videoPlayerResult",ref:z,controls:"",class:"w-full"},"Your browser does not support the video tag.",512)])]),_:1},8,["modelValue","title"])])}}}),Vn=ke(Dn,[["__scopeId","data-v-9c8effb8"]]),jn={key:0,class:"flex items-center justify-center w-full h-full"},Ln={key:1,class:"h-full w-full inline-size mb-safe"},zn={class:"page-title"},En={class:"flex flex-col flex-1 inner-component mt-0 p-4"},Fn={class:"box-title w-full mb-3"},On={key:0,class:"w-full h-full flex items-center justify-center"},Tn={key:1},An={class:"options-segments flex items-center justify-between"},Nn={class:"flex flex-col items-center justify-center"},Qn={class:"options-segments-text mt-2"},Bn={key:1},Mn={key:2},Un={key:3},Jn={key:4},Rn={class:"w-full full-inner-height"},qn={class:"flex flex-col md:flex-row gap-2 h-full"},Hn={class:"flex flex-col flex-1",style:{height:"200px","max-height":"200px"}},Yn={key:0,class:"w-full h-full flex items-center justify-center inner-component mt-0"},Xn={class:"flex flex-col flex-1 inner-component mt-0 p-4"},Gn={class:"box-title w-full mb-3"},Kn={key:0,class:"w-full h-full flex items-center justify-center"},Wn=["innerHTML"],Zn={class:"flex flex-col flex-1 inner-component mt-0 p-4"},eo={class:"box-title w-full mb-3"},to={key:0,class:"w-full h-full flex items-center justify-center"},no=["innerHTML"],oo=["data-ignore-id"],so=$e({__name:"Plugin",setup(ne){se.registerLanguage("typescript",It),se.registerLanguage("yaml",kt),se.registerLanguage("json",Ct),se.registerLanguage("python",St);const O=new lt,C=new Ie,T=mt(),i=Dt(),{mobileActive:x,smallMobileActive:p}=pt(),D=a(vt()),b=a(),$=a(!1),I=a([]),z=a(!1),F=a(i.params.scope),S=a(i.params.pluginname),h=a(),V=a([]),_=a({name:"settings",icon:ce,isInterface:!1}),E=a(!1),A=a(),M=a(),[G,R]=Vt(),w=H(()=>F.value?`${F.value}/${S.value}`:S.value);C.toggleQueryActivator("getPluginContractQuery",!1);const{data:j,isLoading:K}=C.getPluginQuery(w),{data:W,isLoading:Z}=C.getPluginConfigJsonQuery(w),{data:k,isLoading:q}=C.getPluginSchemaQuery(w),{data:n}=C.getPluginContractQuery(w),{data:t,isLoading:o}=C.getPluginReadmeQuery(w),{data:m,isLoading:L}=C.getPluginChangelogQuery(w),{mutateAsync:Ce,isPending:U}=C.actionButtonQuery(),{mutate:Xe,isPending:Ge}=C.patchPluginConfigQuery(),{mutate:Ke,isPending:We}=O.addCameraExtensionQuery(),{mutate:Ze,isPending:et}=O.removeCameraExtensionQuery(),Oe=H(()=>!!(K.value||Z.value||q.value||o.value||L.value)),pe=H(()=>!!(We.value||et.value)),le=H(()=>!!($.value||U.value||Ge.value)),ve=H(()=>{var r,c,N;return!!(k.value||(r=n.value)!=null&&r.cameras.length||(c=n.value)!=null&&c.contract.extension||(N=n.value)!=null&&N.contract.supportAdditionalCameras)}),Se=Pt("commonmark",{highlight(r,c){if(c&&se.getLanguage(c))try{return'<pre><code class="hljs">'+se.highlight(r,{language:c,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+Se.utils.escapeHtml(r)+"</code></pre>"}});Y(()=>i.params.pluginname,()=>{S.value=i.params.pluginname},{deep:!0,immediate:!0}),Y(h,r=>{te(()=>z.value=!!r)}),Y(k,()=>{q.value?C.toggleQueryActivator("getPluginContractQuery",!1):C.toggleQueryActivator("getPluginContractQuery",!0)},{deep:!0,immediate:!0}),Y(n,()=>{var ge,_e,he,ye,be,xe,ie,re,ue,v;const r=[];let c=!1,N=!1;((ge=n.value)==null?void 0:ge.contract.extension)==="motionDetection"&&(N=!0,r.push({name:"motion_detection",icon:oe,isInterface:!0}),_.value={name:"motion_detection",icon:oe,isInterface:!0}),((_e=n.value)==null?void 0:_e.contract.extension)==="objectDetection"&&(N=!0,r.push({name:"object_detection",icon:oe,isInterface:!0}),_.value={name:"object_detection",icon:oe,isInterface:!0}),((he=n.value)==null?void 0:he.contract.extension)==="audioDetection"&&(N=!0,r.push({name:"audio_detection",icon:oe,isInterface:!0}),_.value={name:"audio_detection",icon:oe,isInterface:!0}),k.value&&k.value.schema&&Object.keys(k.value.schema).length&&(r.push({name:"settings",icon:ce,isInterface:!1}),c=!0,N||(_.value={name:"settings",icon:ce,isInterface:!1})),((ye=n.value)!=null&&ye.cameras.length||(be=n.value)!=null&&be.contract.extension||(xe=n.value)!=null&&xe.contract.supportAdditionalCameras)&&(r.push({name:"cameras",icon:Be,isInterface:!1}),!c&&!N&&(_.value={name:"cameras",icon:Be,isInterface:!1})),V.value=r,((ie=n.value)!=null&&ie.contract.extension||(re=n.value)!=null&&re.contract.supportAdditionalCameras)&&((ue=n.value)!=null&&ue.cameras.length)&&(I.value=(v=n.value)==null?void 0:v.cameras.filter(ee=>ee.extensions.plugins.includes(w.value)).map(ee=>ee.name))},{deep:!0,immediate:!0}),Y(E,r=>{r||(A.value=void 0,M.value=void 0)});const tt=async r=>{if(!k.value)return;$.value=!0;const c=ut(k.value.schema,r);Xe({pluginName:w.value,configData:c},{onSettled:()=>{$.value=!1}})},nt=async r=>{$.value=!0,await Ce({pluginName:w.value,actionId:r.actionId,payload:r.payload},{onSuccess:c=>{c!=null&&c.toast&&ze[c.toast.type](c.toast.message),c!=null&&c.schema&&Object.keys(c.schema).length&&(M.value=r.payload,A.value=c,E.value=!0)},onSettled:()=>{$.value=!1}})},ot=async r=>{j.value&&(I.value.includes(r.name)?Ze({cameraname:r.name,pluginname:j.value.pluginName},{onSuccess:()=>{I.value=I.value.filter(c=>c!==r.name)}}):Ke({cameraname:r.name,pluginname:j.value.pluginName},{onSuccess:()=>{I.value=[...I.value,r.name]}}))};return dt(()=>{b.value=T.connectToNamespace("/plugins")}),ft(()=>{var r,c;(c=(r=b.value)==null?void 0:r.end)==null||c.call(r)}),(r,c)=>{var ie,re,ue;const N=we,ge=Vn,_e=mn,he=Ht,ye=ct,be=it,xe=rt;return l(),u("main",{class:X({"px-0":e(p)})},[e(Oe)?(l(),u("div",jn,[f(de,{color:"#df2a4c",indeterminate:""})])):(l(),u("div",Ln,[s("div",{class:X(["mb-3 flex w-full items-center",{"px-2":e(p)}]),style:{height:"30px"}},[s("h1",zn,d((ie=e(j))==null?void 0:ie.displayName),1)],2),f(e(G),null,{default:g(()=>[s("div",{class:"plugin-settings-box flex flex-col gap-2 h-full",style:Qe({width:e(ve)&&!e(x)?"40%":"100%"})},[s("div",En,[s("div",Fn,d(r.$t("views.plugin.plugin_settings")),1),e(j)?(l(),u("div",Tn,[s("div",An,[f(gt,{modelValue:e(_),"onUpdate:modelValue":c[0]||(c[0]=v=>fe(_)?_.value=v:null),height:"100%",grow:"","slider-color":"#df2a4c","hide-slider":e(pe)||e(le)},{default:g(()=>[(l(!0),u(Pe,null,De(e(V),(v,ee)=>(l(),B(_t,{key:ee,value:v,disabled:e(Oe)||v.isInterface&&e(j).disabled,"min-width":"auto"},{default:g(()=>[s("div",Nn,[f(ae,{size:"20"},{default:g(()=>[J(d(v.icon),1)]),_:2},1024),s("span",Qn,d(v.isInterface?r.$t("views.plugin.segment_tab_interface"):r.$t(`views.plugin.segment_tab_${v.name.toLowerCase()}`)),1)])]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","hide-slider"])]),e(pe)||e(le)?(l(),B(ht,{key:0,height:"2",color:"#df2a4c",indeterminate:"",style:{"margin-top":"-2px"}})):y("",!0),f(yt,{modelValue:e(_),"onUpdate:modelValue":c[1]||(c[1]=v=>fe(_)?_.value=v:null),class:"box-content w-full flex-1 mt-3",continuous:""},{default:g(()=>[(l(!0),u(Pe,null,De(e(V),(v,ee)=>(l(),B($t,{key:ee,value:{name:v.name,icon:v.icon,isInterface:v.isInterface},disabled:v.isInterface&&e(j).disabled},{default:g(()=>{var Te;return[v.name==="settings"&&e(k)?(l(),B(N,{key:0,config:e(W)||{},"ui-schema":e(k),loading:e(le),onOnFormSubmit:tt,onOnSubmit:nt},null,8,["config","ui-schema","loading"])):y("",!0),v.name==="cameras"?(l(),u("div",Bn,[(l(!0),u(Pe,null,De((Te=e(n))==null?void 0:Te.cameras,Q=>{var Ae,Ne;return l(),u("div",{key:Q.name},[!((Ae=e(n))!=null&&Ae.contract.extension)&&!((Ne=e(n))!=null&&Ne.contract.supportAdditionalCameras)?(l(),B(qe,{key:0,"select-strategy":"classic",class:"py-0",disabled:e(pe)||e(le),"onClick:select":()=>r.$router.push(`/cameras/${Q.name}`)},{default:g(()=>[f(He,{value:Q.name,class:"px-2"},{append:g(()=>[f(me,{class:"ml-auto",size:"28",rounded:"",density:"compact",variant:"text",onClick:P(st=>h.value=Q.name,["stop"])},{default:g(()=>[f(ae,{size:"18"},{default:g(()=>[J(d(e(ce)),1)]),_:1})]),_:2},1032,["onClick"])]),default:g(()=>[J(d(Q.name)+" ",1)]),_:2},1032,["value"])]),_:2},1032,["disabled","onClick:select"])):(l(),B(qe,{key:1,"select-strategy":"classic",class:"py-0",disabled:e(pe)||e(le),"onUpdate:selected":()=>ot(Q)},{default:g(()=>[f(He,{class:"px-2",value:e(j).pluginName,active:e(I).includes(Q.name)},{prepend:g(()=>[f(bt,{start:""},{default:g(()=>[f(xt,{"model-value":e(I).includes(Q.name),color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),append:g(()=>[f(me,{class:"ml-auto",size:"28",rounded:"",density:"compact",variant:"text",onClick:P(st=>h.value=Q.name,["stop"])},{default:g(()=>[f(ae,{size:"18"},{default:g(()=>[J(d(e(ce)),1)]),_:1})]),_:2},1032,["onClick"])]),default:g(()=>[J(d(Q.name)+" ",1)]),_:2},1032,["value","active"])]),_:2},1032,["disabled","onUpdate:selected"])),f(wt,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})])}),128))])):y("",!0),v.name==="motion_detection"?(l(),u("div",Mn,[f(ge,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0),v.name==="object_detection"?(l(),u("div",Un,[f(_e,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0),v.name==="audio_detection"?(l(),u("div",Jn,[f(he,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0)]}),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue"])])):(l(),u("div",On,[f(de,{color:"#df2a4c",indeterminate:""})]))])],4)]),_:1}),s("div",Rn,[s("div",qn,[s("div",{class:"w-full flex flex-col gap-2 h-full",style:Qe({width:e(ve)&&!e(x)?"60%":"100%"})},[s("div",Hn,[e(j)?(l(),B(ye,{key:1,ref:"pluginRef",plugin:e(j),"min-height":"175px",height:"100%",width:"100%","border-radius":"4px","show-toggle":"","show-settings":"","show-logo":"","show-plugin-status":"","show-logs":"","show-configs":"",truncate:!1,onIsLoading:c[2]||(c[2]=v=>$.value=v)},null,8,["plugin"])):(l(),u("div",Yn,[f(de,{color:"#df2a4c",indeterminate:""})]))]),e(ve)&&e(x)?(l(),B(e(R),{key:0})):y("",!0),s("div",Xn,[s("div",Gn,d(r.$t("views.plugin.readme")),1),e(o)?(l(),u("div",Kn,[f(de,{color:"#df2a4c",indeterminate:""})])):(l(),u("div",{key:1,class:"box-content w-full h-full flex-1 markdown-body pt-1",innerHTML:e(Se).render(e(t)||r.$t("views.plugin.no_readme"))},null,8,Wn))]),s("div",Zn,[s("div",eo,d(r.$t("views.plugin.changelog")),1),e(L)?(l(),u("div",to,[f(de,{color:"#df2a4c",indeterminate:""})])):(l(),u("div",{key:1,class:"box-content w-full h-full flex-1 markdown-body pt-1",innerHTML:e(Se).render(e(m)||r.$t("views.plugin.no_changelog"))},null,8,no))])],4),e(ve)&&!e(x)?(l(),B(e(R),{key:0})):y("",!0)])])])),e(h)?(l(),u("div",{key:2,"data-ignore-id":e(D)},[f(be,{"camera-name":e(h),show:e(z),onClose:c[3]||(c[3]=v=>h.value=void 0)},null,8,["camera-name","show"])],8,oo)):y("",!0),(ue=(re=e(A))==null?void 0:re.schema)!=null&&ue.config?(l(),B(xe,{key:3,modelValue:e(E),"onUpdate:modelValue":c[4]||(c[4]=v=>fe(E)?E.value=v:null),"ui-schema":{schema:e(A).schema},"plugin-config":e(M)||{},"plugin-name":e(w)},null,8,["modelValue","ui-schema","plugin-config","plugin-name"])):y("",!0)],2)}}}),ts=ke(so,[["__scopeId","data-v-6dc083fb"]]);export{ts as default};
|
|
1
|
+
import{a as we,b as lt,C as at,d as it,e as rt,g as ut}from"./VPlayer-6KqHadcW.js";import{_ as ct}from"./VPluginCard-D4bre1hy.js";import{F as $e,t as Ee,r as l,c as H,w as Y,e as a,f as u,j as s,u as e,T as d,l as y,n as X,V as J,M as f,R as g,q as P,y as te,i as fe,a3 as dt,U as ft,X as Qe,O as B,N as Pe,Q as De}from"./@vue-CHoPEscU.js";import{X as Fe,k as ce,i as oe,c as Be}from"./@mdi-DdmeckA1.js";import{i as ze}from"./vue3-toastify-DSsDwESL.js";import{P as Ie}from"./plugins-BVTgiMCC.js";import{A as Me,M as Ve,i as Ue,d as ke,C as Je,D as je,w as Ye,E as Re,F as Le,z as mt,f as pt,t as vt}from"./main-Bbvif0oi.js";import{e as le,b as me,V as de,U as gt,W as _t,C as ht,w as yt,G as qe,f as He,I as bt,J as xt,n as wt,x as $t}from"./vuetify-Bs5zynkb.js";import{H as se,t as It,y as kt,j as Ct,p as St}from"./highlight.js-fBaokXp-.js";import{M as Pt}from"./markdown-it-DI8MEbma.js";import{u as Dt}from"./vue-router-C1SPCwo7.js";import{x as Vt}from"./@vueuse-Ty7ydkJu.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./vee-validate-Bcyi_7NV.js";import"./zod-BaF2dDCd.js";import"./pinia-B42WbXFS.js";import"./@vee-validate-aIk5PQoc.js";import"./draggabilly-YEGzHR3_.js";import"./@xterm-LO7TPXYg.js";import"./get-size-D1dS-IaP.js";import"./unidragger-91TYirAP.js";import"./ev-emitter-t78oQA8k.js";import"./@tanstack-BRh6vUDU.js";import"./VConfigEditor.vue_vue_type_script_setup_true_lang-C9bbpAse.js";import"./ace-builds-Jtyk_kwI.js";import"./@vueform-CEy-r2-e.js";import"./system-DzN6086S.js";import"./VConsole-UsuKdCF6.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-QK5AFhFr.js";import"./mdurl-k9Sl0PQj.js";import"./uc.micro-kMc2yuuw.js";import"./entities-C20TfXL6.js";import"./linkify-it-DmNjr4Kv.js";import"./punycode.js-Dj65hjkv.js";const jt={class:"w-full"},Lt={key:0,class:"w-full"},zt={class:"flex flex-col justify-center items-center mb-5"},Et={for:"restoreInput",class:"cursor-pointer text-center text-sm"},Ft=["accept"],Ot={key:0,class:"text-red text-sm"},Tt={key:1,class:"w-full flex flex-col items-center justify-center"},At={class:"relative mb-4 w-full"},Nt=["src","type"],Qt={class:"flex items-center justify-center"},Bt={class:"mx-2"},Mt={class:"disabled-text"},Ut={class:"mt-10"},Jt={class:"box-title w-full mb-3"},Rt={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},qt=$e({__name:"VAudioDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=l([]),x=l(!1),p=l(!1),D=l(!1),b=l(!1),$=l(null),I=l(null),z=l(Me.join(",")),F=l(""),S=l({}),h=l(!1),V=l(),_=l(!0),{mutateAsync:E,isPending:A}=O.detectAudioQuery(),{data:M,isLoading:G}=O.getPluginInterfaceQuery(T.value,{type:"audioDetection"}),R=H(()=>A.value||G.value||h.value),w=n=>{const t=i.value.findIndex(o=>o.name===n);t>-1&&(i.value.splice(t,1),W(),F.value="",V.value=void 0)},j=n=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],n.dataTransfer)if(n.dataTransfer.files.length>1)p.value=!0;else{const t=n.dataTransfer.files[0];Me.includes(t.type)&&t.size<=Ve?(i.value.push(t),te(()=>{k(t)})):t.size>Ve?b.value=!0:p.value=!0}},K=n=>{var o;p.value=!1,b.value=!1,i.value=[];const t=n.target;if(t&&t.files){if(((o=t.files)==null?void 0:o.length)>1)p.value=!0;else if(t.files.length===1){const m=t.files[0];m.size<=Ve?(i.value.push(m),te(()=>{k(m)})):b.value=!0}}},W=()=>{$.value&&($.value.value="")},Z=n=>n<1024?n+" bytes":n<1048576?(n/1024).toFixed(1)+" KB":(n/1048576).toFixed(1)+" MB",k=n=>{h.value=!0;const t=new Audio;t.src=URL.createObjectURL(n),t.onloadedmetadata=()=>{V.value={mimeType:n.type},h.value=!1}},q=async n=>{if(!i.value.length){D.value=!0;return}h.value=!0;const t=new FormData;t.append("upload",i.value[0]),t.append("config",JSON.stringify(n)),t.append("metadata",JSON.stringify(V.value));try{await E({pluginName:T.value,formData:t})?ze.info(Ue.global.t("components.detection_interface.audio_detected")):ze.info(Ue.global.t("components.detection_interface.audio_not_detected"))}catch(o){console.error("Error detecting audio",o)}finally{h.value=!1}};return Y(i,n=>{n.length>0?(D.value=!1,_.value=!1):(F.value="",V.value=void 0,_.value=!0)},{immediate:!0,deep:!0}),(n,t)=>{const o=we;return a(),u("div",jt,[s("div",{class:"file-upload-box p-4",onDrop:t[1]||(t[1]=P(m=>j(m),["prevent"])),onDragover:t[2]||(t[2]=P(m=>x.value=!0,["prevent"])),onDragenter:t[3]||(t[3]=P(m=>x.value=!0,["prevent"])),onDragleave:t[4]||(t[4]=P(m=>x.value=!1,["prevent"]))},[e(i).length?(a(),u("div",Tt,[s("div",At,[s("audio",{ref_key:"audioPlayer",ref:I,controls:"",class:"w-full"},[s("source",{src:e(F),type:e(i)[0].type},null,8,Nt),J(" Your browser does not support the audio element. ")],512)]),s("div",Qt,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:t[0]||(t[0]=P(m=>w(e(i)[0].name),["stop"]))},{default:g(()=>[f(le,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",Bt,d(e(i)[0].name),1),s("span",Mt,"("+d(Z(e(i)[0].size))+")",1)])])):(a(),u("div",Lt,[s("div",zt,[s("label",Et,d(n.$t("components.detection_interface.drop_or_select_audio_to_detect")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(z),onChange:K},null,40,Ft),e(p)?(a(),u("p",Ot,d(n.$t("components.detection_interface.only_one_audio_allowed")),1)):y("",!0),e(D)?(a(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(n.$t("components.detection_interface.audio_required")),3)):y("",!0),e(b)?(a(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(n.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",Ut,[s("div",Jt,d(n.$t("components.detection_interface.interface_config")),1),e(S)&&Object.keys(e(S)).length?y("",!0):(a(),u("div",Rt,d(n.$t("components.detection_interface.no_interface_config")),1)),f(o,{config:e(S),"ui-schema":e(M),loading:e(R),"save-button-label":n.$t("components.detection_interface.detect_audio"),"disable-button":e(_),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:q},null,8,["config","ui-schema","loading","save-button-label","disable-button"])])])}}}),Ht=ke(qt,[["__scopeId","data-v-c1c7820f"]]),Yt={class:"w-full"},Xt={key:0,class:"w-full"},Gt={class:"flex flex-col justify-center items-center mb-5"},Kt={for:"restoreInput",class:"cursor-pointer text-center text-sm"},Wt=["accept"],Zt={key:0,class:"text-red text-sm"},en={key:1,class:"w-full flex flex-col items-center justify-center"},tn={class:"relative mb-4"},nn=["src"],on={class:"flex items-center justify-center"},sn={class:"mx-2"},ln={class:"disabled-text"},an={class:"mt-10"},rn={class:"box-title w-full mb-3"},un={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},cn={class:"relative"},dn=["src"],fn=$e({__name:"VObjectDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=l([]),x=l(!1),p=l(!1),D=l(!1),b=l(!1),$=l(null),I=l(Je.join(",")),z=l(""),F=l({}),S=l(!1),h=l(),V=l([]),_=l(!1),E=l(!0),{mutateAsync:A,isPending:M}=O.detectObjectsQuery(),{data:G,isLoading:R}=O.getPluginInterfaceQuery(T.value,{type:"objectDetection"}),w=H(()=>M.value||R.value||S.value),j=t=>{const o=i.value.findIndex(m=>m.name===t);o>-1&&(i.value.splice(o,1),Z(),z.value="",h.value=void 0)},K=t=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],t.dataTransfer)if(t.dataTransfer.files.length>1)p.value=!0;else{const o=t.dataTransfer.files[0];Je.includes(o.type)&&o.size<=je?(i.value.push(o),te(()=>{k(o)})):o.size>je?b.value=!0:p.value=!0}},W=t=>{var m;p.value=!1,b.value=!1,i.value=[];const o=t.target;if(o&&o.files){if(((m=o.files)==null?void 0:m.length)>1)p.value=!0;else if(o.files.length===1){const L=o.files[0];L.size<=je?(i.value.push(L),te(()=>{k(L)})):b.value=!0}}},Z=()=>{$.value&&($.value.value="")},k=t=>{S.value=!0;const o=new Image;o.src=URL.createObjectURL(t),o.onload=()=>{z.value=o.src,h.value={width:o.width,height:o.height},S.value=!1}},q=t=>t<1024?t+" bytes":t<1048576?(t/1024).toFixed(1)+" KB":(t/1048576).toFixed(1)+" MB",n=async t=>{if(!i.value.length){D.value=!0;return}S.value=!0;const o=new FormData;o.append("upload",i.value[0]),o.append("config",JSON.stringify(t)),o.append("metadata",JSON.stringify(h.value));try{const m=await A({pluginName:T.value,formData:o});_.value=!0,setTimeout(()=>{V.value=m},300)}catch(m){console.error("Error detecting objects",m)}finally{S.value=!1}};return Y(i,t=>{t.length>0?(D.value=!1,E.value=!1):(z.value="",h.value=void 0,E.value=!0)},{immediate:!0,deep:!0}),(t,o)=>{const m=we,L=lt,Ce=Ye;return a(),u("div",Yt,[s("div",{class:"file-upload-box p-4",onDrop:o[1]||(o[1]=P(U=>K(U),["prevent"])),onDragover:o[2]||(o[2]=P(U=>x.value=!0,["prevent"])),onDragenter:o[3]||(o[3]=P(U=>x.value=!0,["prevent"])),onDragleave:o[4]||(o[4]=P(U=>x.value=!1,["prevent"]))},[e(i).length?(a(),u("div",en,[s("div",tn,[s("img",{src:e(z),alt:"Preview",class:"w-full"},null,8,nn)]),s("div",on,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:o[0]||(o[0]=P(U=>j(e(i)[0].name),["stop"]))},{default:g(()=>[f(le,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",sn,d(e(i)[0].name),1),s("span",ln,"("+d(q(e(i)[0].size))+")",1)])])):(a(),u("div",Xt,[s("div",Gt,[s("label",Kt,d(t.$t("components.detection_interface.drop_or_select_image_to_detect_objects")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(I),onChange:W},null,40,Wt),e(p)?(a(),u("p",Zt,d(t.$t("components.detection_interface.only_one_image_allowed")),1)):y("",!0),e(D)?(a(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(t.$t("components.detection_interface.image_required")),3)):y("",!0),e(b)?(a(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(t.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",an,[s("div",rn,d(t.$t("components.detection_interface.interface_config")),1),e(F)&&Object.keys(e(F)).length?y("",!0):(a(),u("div",un,d(t.$t("components.detection_interface.no_interface_config")),1)),f(m,{config:e(F),"ui-schema":e(G),loading:e(w),"save-button-label":t.$t("components.detection_interface.detect_objects"),"disable-button":e(E),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:n},null,8,["config","ui-schema","loading","save-button-label","disable-button"])]),f(Ce,{modelValue:e(_),"onUpdate:modelValue":o[5]||(o[5]=U=>fe(_)?_.value=U:null),title:t.$t("components.dialog.title.result"),"hide-confirm-button":"",width:"auto"},{content:g(()=>[s("div",cn,[f(L,{detections:e(V)},null,8,["detections"]),s("img",{src:e(z),alt:"Preview",class:"w-full"},null,8,dn)])]),_:1},8,["modelValue","title"])])}}}),mn=ke(fn,[["__scopeId","data-v-453d8b3d"]]),pn={class:"w-full"},vn={key:0,class:"w-full"},gn={class:"flex flex-col justify-center items-center mb-5"},_n={for:"restoreInput",class:"cursor-pointer text-center text-sm"},hn=["accept"],yn={key:0,class:"text-red text-sm"},bn={key:1,class:"w-full flex flex-col items-center justify-center"},xn={class:"relative mb-4 w-full"},wn={class:"flex items-center justify-center"},$n={class:"mx-2"},In={class:"disabled-text"},kn={class:"mt-10"},Cn={class:"box-title w-full mb-3"},Sn={key:0,class:"flex items-center justify-center text-sm text-passive mt-5"},Pn={class:"relative"},Dn=$e({__name:"VMotionDetectionInterface",props:{pluginName:{}},setup(ne){const O=new Ie,C=ne,{pluginName:T}=Ee(C),i=l([]),x=l(!1),p=l(!1),D=l(!1),b=l(!1),$=l(null),I=l(null),z=l(null),F=l(Re.join(",")),S=l({}),h=l(!1),V=l(!1),_=l(!0),{mutateAsync:E,isPending:A}=O.detectMotionQuery(),{data:M,isLoading:G}=O.getPluginInterfaceQuery(T.value,{type:"motionDetection"}),R=H(()=>A.value||G.value||h.value),w=n=>{const t=i.value.findIndex(o=>o.name===n);t>-1&&(i.value.splice(t,1),W(),I.value.src="")},j=n=>{if(x.value=!1,p.value=!1,b.value=!1,i.value=[],n.dataTransfer)if(n.dataTransfer.files.length>1)p.value=!0;else{const t=n.dataTransfer.files[0];Re.includes(t.type)&&t.size<=Le?(i.value.push(t),te(()=>{k(t)})):t.size>Le?b.value=!0:p.value=!0}},K=n=>{var o;p.value=!1,b.value=!1,i.value=[];const t=n.target;if(t&&t.files){if(((o=t.files)==null?void 0:o.length)>1)p.value=!0;else if(t.files.length===1){const m=t.files[0];m.size<=Le?(i.value.push(m),te(()=>{k(m)})):b.value=!0}}},W=()=>{$.value&&($.value.value="")},Z=n=>n<1024?n+" bytes":n<1048576?(n/1024).toFixed(1)+" KB":(n/1048576).toFixed(1)+" MB",k=n=>{h.value=!0,I.value.src=URL.createObjectURL(n),I.value.load(),I.value.onloadeddata=()=>{h.value=!1}},q=async n=>{if(!i.value.length){D.value=!0;return}h.value=!0;const t=new FormData;t.append("upload",i.value[0]),t.append("config",JSON.stringify(n));try{const o=await E({pluginName:T.value,formData:t}),m=new Blob([o],{type:"video/mp4"});V.value=!0,setTimeout(()=>{z.value&&(z.value.src=URL.createObjectURL(m),z.value.load())},300)}catch(o){console.error("Error detecting motion",o)}finally{h.value=!1}};return Y(i,n=>{n.length>0?(D.value=!1,_.value=!1):_.value=!0},{immediate:!0,deep:!0}),(n,t)=>{const o=we,m=Ye;return a(),u("div",pn,[s("div",{class:"file-upload-box p-4",onDrop:t[1]||(t[1]=P(L=>j(L),["prevent"])),onDragover:t[2]||(t[2]=P(L=>x.value=!0,["prevent"])),onDragenter:t[3]||(t[3]=P(L=>x.value=!0,["prevent"])),onDragleave:t[4]||(t[4]=P(L=>x.value=!1,["prevent"]))},[e(i).length?(a(),u("div",bn,[s("div",xn,[s("video",{ref_key:"videoPlayer",ref:I,controls:"",class:"w-full"},"Your browser does not support the video tag.",512)]),s("div",wn,[f(me,{size:"28",variant:"text",color:"red",rounded:"",onClick:t[0]||(t[0]=P(L=>w(e(i)[0].name),["stop"]))},{default:g(()=>[f(le,{size:"20"},{default:g(()=>[J(d(e(Fe)),1)]),_:1})]),_:1}),s("b",$n,d(e(i)[0].name),1),s("span",In,"("+d(Z(e(i)[0].size))+")",1)])])):(a(),u("div",vn,[s("div",gn,[s("label",_n,d(n.$t("components.detection_interface.drop_or_select_video_to_detect_motion")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:$,type:"file",class:"d-none",accept:e(F),onChange:K},null,40,hn),e(p)?(a(),u("p",yn,d(n.$t("components.detection_interface.only_one_video_allowed")),1)):y("",!0),e(D)?(a(),u("p",{key:1,class:X(["text-red text-sm",{"mt-2":e(p)}])},d(n.$t("components.detection_interface.video_required")),3)):y("",!0),e(b)?(a(),u("p",{key:2,class:X(["text-red text-sm",{"mt-2":e(p)||e(D)}])},d(n.$t("components.detection_interface.file_size_error")),3)):y("",!0)])]))],32),s("div",kn,[s("div",Cn,d(n.$t("components.detection_interface.interface_config")),1),e(S)&&Object.keys(e(S)).length?y("",!0):(a(),u("div",Sn,d(n.$t("components.detection_interface.no_interface_config")),1)),f(o,{config:e(S),"ui-schema":e(M),loading:e(R),"save-button-label":n.$t("components.detection_interface.detect_motion"),"disable-button":e(_),"save-button-color":"#df2a4c","show-button":"",onOnFormSubmit:q},null,8,["config","ui-schema","loading","save-button-label","disable-button"])]),f(m,{modelValue:e(V),"onUpdate:modelValue":t[5]||(t[5]=L=>fe(V)?V.value=L:null),title:n.$t("components.dialog.title.result"),"hide-confirm-button":"",width:"auto"},{content:g(()=>[s("div",Pn,[s("video",{ref_key:"videoPlayerResult",ref:z,controls:"",class:"w-full"},"Your browser does not support the video tag.",512)])]),_:1},8,["modelValue","title"])])}}}),Vn=ke(Dn,[["__scopeId","data-v-b825f442"]]),jn={key:0,class:"flex items-center justify-center w-full h-full"},Ln={key:1,class:"h-full w-full inline-size mb-safe"},zn={class:"page-title"},En={class:"flex flex-col flex-1 inner-component mt-0 p-4"},Fn={class:"box-title w-full mb-3"},On={key:0,class:"w-full h-full flex items-center justify-center"},Tn={key:1},An={class:"options-segments flex items-center justify-between"},Nn={class:"flex flex-col items-center justify-center"},Qn={class:"options-segments-text mt-2"},Bn={key:1},Mn={key:2},Un={key:3},Jn={key:4},Rn={class:"w-full full-inner-height"},qn={class:"flex flex-col md:flex-row gap-2 h-full"},Hn={class:"flex flex-col flex-1",style:{height:"200px","max-height":"200px"}},Yn={key:0,class:"w-full h-full flex items-center justify-center inner-component mt-0"},Xn={class:"flex flex-col flex-1 inner-component mt-0 p-4"},Gn={class:"box-title w-full mb-3"},Kn={key:0,class:"w-full h-full flex items-center justify-center"},Wn=["innerHTML"],Zn={class:"flex flex-col flex-1 inner-component mt-0 p-4"},eo={class:"box-title w-full mb-3"},to={key:0,class:"w-full h-full flex items-center justify-center"},no=["innerHTML"],oo=["data-ignore-id"],so=$e({__name:"Plugin",setup(ne){se.registerLanguage("typescript",It),se.registerLanguage("yaml",kt),se.registerLanguage("json",Ct),se.registerLanguage("python",St);const O=new at,C=new Ie,T=mt(),i=Dt(),{mobileActive:x,smallMobileActive:p}=pt(),D=l(vt()),b=l(),$=l(!1),I=l([]),z=l(!1),F=l(i.params.scope),S=l(i.params.pluginname),h=l(),V=l([]),_=l({name:"settings",icon:ce,isInterface:!1}),E=l(!1),A=l(),M=l(),[G,R]=Vt(),w=H(()=>F.value?`${F.value}/${S.value}`:S.value);C.toggleQueryActivator("getPluginContractQuery",!1);const{data:j,isLoading:K}=C.getPluginQuery(w),{data:W,isLoading:Z}=C.getPluginConfigJsonQuery(w),{data:k,isLoading:q}=C.getPluginSchemaQuery(w),{data:n}=C.getPluginContractQuery(w),{data:t,isLoading:o}=C.getPluginReadmeQuery(w),{data:m,isLoading:L}=C.getPluginChangelogQuery(w),{mutateAsync:Ce,isPending:U}=C.actionButtonQuery(),{mutate:Xe,isPending:Ge}=C.patchPluginConfigQuery(),{mutate:Ke,isPending:We}=O.addCameraExtensionQuery(),{mutate:Ze,isPending:et}=O.removeCameraExtensionQuery(),Oe=H(()=>!!(K.value||Z.value||q.value||o.value||L.value)),pe=H(()=>!!(We.value||et.value)),ae=H(()=>!!($.value||U.value||Ge.value)),ve=H(()=>{var r,c,N;return!!(k.value||(r=n.value)!=null&&r.cameras.length||(c=n.value)!=null&&c.contract.extension||(N=n.value)!=null&&N.contract.supportAdditionalCameras)}),Se=Pt("commonmark",{highlight(r,c){if(c&&se.getLanguage(c))try{return'<pre><code class="hljs">'+se.highlight(r,{language:c,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+Se.utils.escapeHtml(r)+"</code></pre>"}});Y(()=>i.params.pluginname,()=>{S.value=i.params.pluginname},{deep:!0,immediate:!0}),Y(h,r=>{te(()=>z.value=!!r)}),Y(k,()=>{q.value?C.toggleQueryActivator("getPluginContractQuery",!1):C.toggleQueryActivator("getPluginContractQuery",!0)},{deep:!0,immediate:!0}),Y(n,()=>{var ge,_e,he,ye,be,xe,ie,re,ue,v;const r=[];let c=!1,N=!1;((ge=n.value)==null?void 0:ge.contract.extension)==="motionDetection"&&(N=!0,r.push({name:"motion_detection",icon:oe,isInterface:!0}),_.value={name:"motion_detection",icon:oe,isInterface:!0}),((_e=n.value)==null?void 0:_e.contract.extension)==="objectDetection"&&(N=!0,r.push({name:"object_detection",icon:oe,isInterface:!0}),_.value={name:"object_detection",icon:oe,isInterface:!0}),((he=n.value)==null?void 0:he.contract.extension)==="audioDetection"&&(N=!0,r.push({name:"audio_detection",icon:oe,isInterface:!0}),_.value={name:"audio_detection",icon:oe,isInterface:!0}),k.value&&k.value.schema&&Object.keys(k.value.schema).length&&(r.push({name:"settings",icon:ce,isInterface:!1}),c=!0,N||(_.value={name:"settings",icon:ce,isInterface:!1})),((ye=n.value)!=null&&ye.cameras.length||(be=n.value)!=null&&be.contract.extension||(xe=n.value)!=null&&xe.contract.supportAdditionalCameras)&&(r.push({name:"cameras",icon:Be,isInterface:!1}),!c&&!N&&(_.value={name:"cameras",icon:Be,isInterface:!1})),V.value=r,((ie=n.value)!=null&&ie.contract.extension||(re=n.value)!=null&&re.contract.supportAdditionalCameras)&&((ue=n.value)!=null&&ue.cameras.length)&&(I.value=(v=n.value)==null?void 0:v.cameras.filter(ee=>ee.extensions.plugins.includes(w.value)).map(ee=>ee.name))},{deep:!0,immediate:!0}),Y(E,r=>{r||(A.value=void 0,M.value=void 0)});const tt=async r=>{if(!k.value)return;$.value=!0;const c=ut(k.value.schema,r);Xe({pluginName:w.value,configData:c},{onSettled:()=>{$.value=!1}})},nt=async r=>{$.value=!0,await Ce({pluginName:w.value,actionId:r.actionId,payload:r.payload},{onSuccess:c=>{c!=null&&c.toast&&ze[c.toast.type](c.toast.message),c!=null&&c.schema&&Object.keys(c.schema).length&&(M.value=r.payload,A.value=c,E.value=!0)},onSettled:()=>{$.value=!1}})},ot=async r=>{j.value&&(I.value.includes(r.name)?Ze({cameraname:r.name,pluginname:j.value.pluginName},{onSuccess:()=>{I.value=I.value.filter(c=>c!==r.name)}}):Ke({cameraname:r.name,pluginname:j.value.pluginName},{onSuccess:()=>{I.value=[...I.value,r.name]}}))};return dt(()=>{b.value=T.connectToNamespace("/plugins")}),ft(()=>{var r,c;(c=(r=b.value)==null?void 0:r.end)==null||c.call(r)}),(r,c)=>{var ie,re,ue;const N=we,ge=Vn,_e=mn,he=Ht,ye=ct,be=it,xe=rt;return a(),u("main",{class:X(["w-full h-full",{"px-0":e(p)}])},[e(Oe)?(a(),u("div",jn,[f(de,{color:"#df2a4c",indeterminate:""})])):(a(),u("div",Ln,[s("div",{class:X(["mb-3 flex w-full items-center",{"px-2":e(p)}]),style:{height:"30px"}},[s("h1",zn,d((ie=e(j))==null?void 0:ie.displayName),1)],2),f(e(G),null,{default:g(()=>[s("div",{class:"plugin-settings-box flex flex-col gap-2 h-full",style:Qe({width:e(ve)&&!e(x)?"40%":"100%"})},[s("div",En,[s("div",Fn,d(r.$t("views.plugin.plugin_settings")),1),e(j)?(a(),u("div",Tn,[s("div",An,[f(gt,{modelValue:e(_),"onUpdate:modelValue":c[0]||(c[0]=v=>fe(_)?_.value=v:null),height:"100%",grow:"","slider-color":"#df2a4c","hide-slider":e(pe)||e(ae)},{default:g(()=>[(a(!0),u(Pe,null,De(e(V),(v,ee)=>(a(),B(_t,{key:ee,value:v,disabled:e(Oe)||v.isInterface&&e(j).disabled,"min-width":"auto"},{default:g(()=>[s("div",Nn,[f(le,{size:"20"},{default:g(()=>[J(d(v.icon),1)]),_:2},1024),s("span",Qn,d(v.isInterface?r.$t("views.plugin.segment_tab_interface"):r.$t(`views.plugin.segment_tab_${v.name.toLowerCase()}`)),1)])]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","hide-slider"])]),e(pe)||e(ae)?(a(),B(ht,{key:0,height:"2",color:"#df2a4c",indeterminate:"",style:{"margin-top":"-2px"}})):y("",!0),f(yt,{modelValue:e(_),"onUpdate:modelValue":c[1]||(c[1]=v=>fe(_)?_.value=v:null),class:"box-content w-full flex-1 mt-3",continuous:""},{default:g(()=>[(a(!0),u(Pe,null,De(e(V),(v,ee)=>(a(),B($t,{key:ee,value:{name:v.name,icon:v.icon,isInterface:v.isInterface},disabled:v.isInterface&&e(j).disabled},{default:g(()=>{var Te;return[v.name==="settings"&&e(k)?(a(),B(N,{key:0,config:e(W)||{},"ui-schema":e(k),loading:e(ae),onOnFormSubmit:tt,onOnSubmit:nt},null,8,["config","ui-schema","loading"])):y("",!0),v.name==="cameras"?(a(),u("div",Bn,[(a(!0),u(Pe,null,De((Te=e(n))==null?void 0:Te.cameras,Q=>{var Ae,Ne;return a(),u("div",{key:Q.name},[!((Ae=e(n))!=null&&Ae.contract.extension)&&!((Ne=e(n))!=null&&Ne.contract.supportAdditionalCameras)?(a(),B(qe,{key:0,"select-strategy":"classic",class:"py-0",disabled:e(pe)||e(ae),"onClick:select":()=>r.$router.push(`/cameras/${Q.name}`)},{default:g(()=>[f(He,{value:Q.name,class:"px-2"},{append:g(()=>[f(me,{class:"ml-auto",size:"28",rounded:"",density:"compact",variant:"text",onClick:P(st=>h.value=Q.name,["stop"])},{default:g(()=>[f(le,{size:"18"},{default:g(()=>[J(d(e(ce)),1)]),_:1})]),_:2},1032,["onClick"])]),default:g(()=>[J(d(Q.name)+" ",1)]),_:2},1032,["value"])]),_:2},1032,["disabled","onClick:select"])):(a(),B(qe,{key:1,"select-strategy":"classic",class:"py-0",disabled:e(pe)||e(ae),"onUpdate:selected":()=>ot(Q)},{default:g(()=>[f(He,{class:"px-2",value:e(j).pluginName,active:e(I).includes(Q.name)},{prepend:g(()=>[f(bt,{start:""},{default:g(()=>[f(xt,{"model-value":e(I).includes(Q.name),color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),append:g(()=>[f(me,{class:"ml-auto",size:"28",rounded:"",density:"compact",variant:"text",onClick:P(st=>h.value=Q.name,["stop"])},{default:g(()=>[f(le,{size:"18"},{default:g(()=>[J(d(e(ce)),1)]),_:1})]),_:2},1032,["onClick"])]),default:g(()=>[J(d(Q.name)+" ",1)]),_:2},1032,["value","active"])]),_:2},1032,["disabled","onUpdate:selected"])),f(wt,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"my-1"})])}),128))])):y("",!0),v.name==="motion_detection"?(a(),u("div",Mn,[f(ge,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0),v.name==="object_detection"?(a(),u("div",Un,[f(_e,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0),v.name==="audio_detection"?(a(),u("div",Jn,[f(he,{"plugin-name":e(w)},null,8,["plugin-name"])])):y("",!0)]}),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue"])])):(a(),u("div",On,[f(de,{color:"#df2a4c",indeterminate:""})]))])],4)]),_:1}),s("div",Rn,[s("div",qn,[s("div",{class:"w-full flex flex-col gap-2 h-full",style:Qe({width:e(ve)&&!e(x)?"60%":"100%"})},[s("div",Hn,[e(j)?(a(),B(ye,{key:1,ref:"pluginRef",plugin:e(j),"min-height":"175px",height:"100%",width:"100%","border-radius":"4px","show-toggle":"","show-settings":"","show-logo":"","show-plugin-status":"","show-logs":"","show-configs":"",truncate:!1,onIsLoading:c[2]||(c[2]=v=>$.value=v)},null,8,["plugin"])):(a(),u("div",Yn,[f(de,{color:"#df2a4c",indeterminate:""})]))]),e(ve)&&e(x)?(a(),B(e(R),{key:0})):y("",!0),s("div",Xn,[s("div",Gn,d(r.$t("views.plugin.readme")),1),e(o)?(a(),u("div",Kn,[f(de,{color:"#df2a4c",indeterminate:""})])):(a(),u("div",{key:1,class:"box-content w-full h-full flex-1 markdown-body pt-1",innerHTML:e(Se).render(e(t)||r.$t("views.plugin.no_readme"))},null,8,Wn))]),s("div",Zn,[s("div",eo,d(r.$t("views.plugin.changelog")),1),e(L)?(a(),u("div",to,[f(de,{color:"#df2a4c",indeterminate:""})])):(a(),u("div",{key:1,class:"box-content w-full h-full flex-1 markdown-body pt-1",innerHTML:e(Se).render(e(m)||r.$t("views.plugin.no_changelog"))},null,8,no))])],4),e(ve)&&!e(x)?(a(),B(e(R),{key:0})):y("",!0)])])])),e(h)?(a(),u("div",{key:2,"data-ignore-id":e(D)},[f(be,{"camera-name":e(h),show:e(z),onClose:c[3]||(c[3]=v=>h.value=void 0)},null,8,["camera-name","show"])],8,oo)):y("",!0),(ue=(re=e(A))==null?void 0:re.schema)!=null&&ue.config?(a(),B(xe,{key:3,modelValue:e(E),"onUpdate:modelValue":c[4]||(c[4]=v=>fe(E)?E.value=v:null),"ui-schema":{schema:e(A).schema},"plugin-config":e(M)||{},"plugin-name":e(w)},null,8,["modelValue","ui-schema","plugin-config","plugin-name"])):y("",!0)],2)}}}),ts=ke(so,[["__scopeId","data-v-974eb13b"]]);export{ts as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.plugin-card[data-v-5e23156f]{width:100%;max-height:125px;background:var(--background-inner-component-card);border-radius:4px;box-shadow:0 3px 1px -2px #0000000f,0 2px 2px #00000014,0 1px 5px #0000000d}.search-container[data-v-5e23156f]{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 325px)}.grid[data-v-5e23156f],.grid[data-v-12757696]{display:grid;width:100%}div[data-v-12757696] .v-skeleton-loader__image{height:175px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{f as S,d as C,z as j,w as D}from"./main-Bbvif0oi.js";import{_ as z}from"./VPluginCard-D4bre1hy.js";import{P as B}from"./plugins-BVTgiMCC.js";import{c as F,S as I,m as R,n as U,C as A,b as q,A as E,e as G}from"./vuetify-Bs5zynkb.js";import{F as L,r,w as X,e as s,f as i,M as l,R as f,j as a,T as p,u as e,i as M,V as N,X as k,N as $,Q as P,l as H,a3 as J,U as K,n as b,aa as O,q as W}from"./@vue-CHoPEscU.js";import{e as Y}from"./@mdi-DdmeckA1.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./pinia-B42WbXFS.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./VConfigEditor.vue_vue_type_script_setup_true_lang-C9bbpAse.js";import"./ace-builds-Jtyk_kwI.js";import"./@vueform-CEy-r2-e.js";import"./system-DzN6086S.js";import"./VConsole-UsuKdCF6.js";const Z={class:"v-label"},ee={class:"flex flex-row items-center justify-center w-full mt-8"},te={class:"flex flex-col items-center justify-center w-full mt-3"},le={key:0,class:"my-3"},oe={key:1,class:"search-container w-full overflow-scroll hide-scrollbar"},se=L({__name:"VPluginSearch",setup(Q){const n=new B,{smallMobileActive:v}=S(),x=r({page:1,pageSize:-1}),w=r({}),u=r(""),d=r([]),{data:g,isLoading:m}=n.searchPluginsQuery(w,x);X(g,t=>{t!=null&&t.result&&(d.value=t.result.filter(o=>!o.installPath))},{immediate:!0,deep:!0});const h=t=>{t.preventDefault(),w.value.pluginname=u.value??""};return(t,o)=>{const y=z;return s(),i("div",null,[l(I,{class:"ml-auto",onSubmit:h},{default:f(()=>[a("label",Z,p(t.$t("components.form.label.name")),1),l(F,{modelValue:e(u),"onUpdate:modelValue":o[0]||(o[0]=_=>M(u)?u.value=_:null),placeholder:"camera-ui-","hide-details":"",clearable:"",solo:"",variant:"outlined",density:"comfortable","onClick:clear":h},null,8,["modelValue"])]),_:1}),a("div",ee,[a("h3",null,p(t.$t("components.plugin_search.plugins")),1),l(R,{size:"small",class:"ml-auto",color:"#df2a4c"},{default:f(()=>[N(p(e(d).length),1)]),_:1})]),l(U,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"},class:"mt-3"}),l(A,{active:e(m),indeterminate:e(m),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"]),a("div",te,[!e(m)&&!e(d).length?(s(),i("div",le,p(t.$t("views.plugins.no_plugins")),1)):e(m)?H("",!0):(s(),i("div",oe,[a("div",{class:"grid gap-2",style:k(`grid-template-columns: repeat(auto-fill, minmax(${e(v)?"100%":"450px"}, 1fr))`)},[(s(!0),i($,null,P(e(d),(_,c)=>(s(),i("div",{key:c,class:"relative"},[l(y,{plugin:_,height:"175px","max-height":"175px",width:"100%",background:"var(--background-inner-component-card)","min-width":e(v)?"100%":"450px","show-installed-icon":"","show-install-button":""},null,8,["plugin","min-width"])]))),128))],4)]))])])}}}),ie=C(se,[["__scopeId","data-v-5e23156f"]]),ne={class:"h-full w-full inline-size mb-safe"},ae={class:"page-title"},re={class:"w-full flex justify-center items-center mt-3"},ue=L({__name:"Plugins",setup(Q){const{smallMobileActive:n}=S(),v=j(),x=new B,w=r(null),u=r(),d=r({page:1,pageSize:-1}),g=r(!1),{data:m,isLoading:h}=x.getPluginsQuery(d);return J(()=>{u.value=v.connectToNamespace("/plugins")}),K(()=>{var t,o;(o=(t=u.value)==null?void 0:t.end)==null||o.call(t)}),(t,o)=>{const y=ie,_=D;return s(),i("main",{class:b(["w-full h-full",{"px-0":e(n)}])},[a("div",ne,[a("div",{class:b(["mb-3 flex w-full items-center",{"px-2":e(n)}]),style:{height:"30px"}},[a("h1",ae,p(t.$t(`views.${String(t.$route.name).toLowerCase()}.title`)),1)],2),l(O,{name:"fade",tag:"div"},{default:f(()=>{var c;return[e(h)?(s(),i("div",{key:0,class:"grid gap-2",style:k(`grid-template-columns: repeat(auto-fill, minmax(${e(n)?"100%":"450px"}, 1fr))`)},[(s(),i($,null,P(15,V=>l(E,{key:V,elevation:1,type:"image",class:"relative",style:{"border-radius":"8px",overflow:"hidden"},height:175})),64))],4)):(c=e(m))!=null&&c.result.length?(s(),i("div",{key:2,class:"grid gap-2",style:k(`grid-template-columns: repeat(auto-fill, minmax(${e(n)?"100%":"450px"}, 1fr))`)},[(s(!0),i($,null,P(e(m).result,(V,T)=>(s(),i("div",{key:T,class:"relative"},[l(z,{ref_for:!0,ref_key:"pluginRef",ref:w,plugin:V,height:"175px","max-height":"175px",width:"100%","min-width":e(n)?"100%":"450px","border-radius":e(n)?"0px":"8px","show-toggle":"","show-settings":"","show-logo":"","show-plugin-status":"","show-logs":"","show-configs":""},null,8,["plugin","min-width","border-radius"])]))),128))],4)):(s(),i("div",{key:1,class:b(["disabled-text",{"px-2":e(n)}])},p(t.$t("views.plugins.no_plugins")),3))]}),_:1}),a("div",re,[l(q,{variant:"text",color:"#df2a4c",icon:"",onClick:o[0]||(o[0]=W(c=>g.value=!0,["prevent"]))},{default:f(()=>[l(G,{size:"30"},{default:f(()=>[N(p(e(Y)),1)]),_:1})]),_:1})]),l(_,{modelValue:e(g),"onUpdate:modelValue":o[1]||(o[1]=c=>M(g)?g.value=c:null),title:t.$t("components.dialog.title.search_plugin"),"hide-confirm-button":"",loading:e(h),fullscreen:""},{content:f(()=>[l(y)]),_:1},8,["modelValue","title","loading"])])],2)}}}),Ge=C(ue,[["__scopeId","data-v-12757696"]]);export{Ge as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as r}from"./main-Bbvif0oi.js";import{f as o,e as t}from"./@vue-CHoPEscU.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./pinia-B42WbXFS.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vuetify-Bs5zynkb.js";import"./@mdi-DdmeckA1.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";const i={};function m(p,e){return t(),o("div",null,"Test")}const G=r(i,[["render",m]]);export{G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{f as m}from"./main-Bbvif0oi.js";import{F as p,e as s,f as a,j as t,n as r,u as e,T as l}from"./@vue-CHoPEscU.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./pinia-B42WbXFS.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vuetify-Bs5zynkb.js";import"./@mdi-DdmeckA1.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";const n={class:"h-full w-full inline-size mb-safe"},c={class:"page-title"},H=p({__name:"Recordings",setup(f){const{smallMobileActive:o}=m();return(i,u)=>(s(),a("main",{class:r(["w-full h-full",{"px-0":e(o)}])},[t("div",n,[t("div",{class:r(["flex w-full items-center",{"px-2":e(o)}]),style:{height:"30px"}},[t("h1",c,l(i.$t(`views.${String(i.$route.name).toLowerCase()}.title`)),1)],2)])],2))}});export{H as default};
|