@camera.ui/server 0.0.10 → 0.0.11-alpha.2
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-B8Roxr1z.js +1 -0
- package/dist/interface/assets/{@tanstack-B-9PO-kT.js → @tanstack-BvYNCsQh.js} +1 -1
- package/dist/interface/assets/{@vee-validate-D_G0ehOl.js → @vee-validate-BY5H7fGS.js} +1 -1
- package/dist/interface/assets/@vue-DMh6qW6s.js +17 -0
- package/dist/interface/assets/{@vueform-Bj73kRPS.js → @vueform-B62o9zLe.js} +1 -1
- package/dist/interface/assets/@vueuse-D76s02Ot.js +1 -0
- package/dist/interface/assets/Account-DfRAVlQX.js +1 -0
- package/dist/interface/assets/Account-DlOUWknb.css +1 -0
- package/dist/interface/assets/Adminpanel-CLrlTEb1.js +2 -0
- package/dist/interface/assets/Adminpanel-Cp92VRfz.css +1 -0
- package/dist/interface/assets/Appearance-CKhkKhrK.js +1 -0
- package/dist/interface/assets/Backup-Dqeqiulf.js +1 -0
- package/dist/interface/assets/{Camera-BOu5dUel.js → Camera-_bMRlyKl.js} +1 -1
- package/dist/interface/assets/{Cameras-C7eUXdZk.js → Cameras-0W-4S92q.js} +1 -1
- package/dist/interface/assets/Cameras-Du4Q1fbV.css +1 -0
- package/dist/interface/assets/{Camview-CEgwGCGR.js → Camview-Bv3STCHT.js} +1 -1
- package/dist/interface/assets/{Config-Dt-etQ3h.js → Config-pNcWHwGl.js} +1 -1
- package/dist/interface/assets/{Console-FCve5CKy.js → Console-D6eztjlH.js} +1 -1
- package/dist/interface/assets/FirstSteps-C-08k14n.js +1 -0
- package/dist/interface/assets/FirstSteps-CGEDVu4n.css +1 -0
- package/dist/interface/assets/{NewCamera-Cc1X79Ns.js → NewCamera-Dmj8qmGV.js} +2 -2
- package/dist/interface/assets/{Plugin-CnQjafMC.js → Plugin-0komMxsg.js} +1 -1
- package/dist/interface/assets/{Plugins-CwyUdMlv.js → Plugins-CpbWh_pN.js} +1 -1
- package/dist/interface/assets/Recordings-BBllGLr3.js +1 -0
- package/dist/interface/assets/Recordings-BHGIQ_1S.js +1 -0
- package/dist/interface/assets/Settings-DuUlAjQP.js +1 -0
- package/dist/interface/assets/System-CNh-XpD0.css +1 -0
- package/dist/interface/assets/System-Dp3-TN7J.js +4 -0
- package/dist/interface/assets/User-CmrrYaqq.js +1 -0
- package/dist/interface/assets/User-DBVny1Dv.css +1 -0
- package/dist/interface/assets/VConfigEditor.vue_vue_type_script_setup_true_lang-aMMzP49H.js +2 -0
- package/dist/interface/assets/{VConsole-BHy92Ws0.js → VConsole-WHOBQIsm.js} +1 -1
- package/dist/interface/assets/{VPlayer-D3KhRfx-.css → VPlayer-DJjwfULk.css} +1 -1
- package/dist/interface/assets/VPlayer-YzfFbh8e.js +1 -0
- package/dist/interface/assets/VPluginCard-BoeWmehD.css +1 -0
- package/dist/interface/assets/VPluginCard-CKMpjvL9.js +4 -0
- package/dist/interface/assets/compare-versions-DqEOhma6.js +1 -0
- package/dist/interface/assets/main-2jkpYOC_.css +1 -0
- package/dist/interface/assets/main-D1X9SzzX.js +9 -0
- package/dist/interface/assets/{pinia-CitQ5b66.js → pinia-BQbsPkIS.js} +1 -1
- package/dist/interface/assets/{plugins-D80RNVmI.js → plugins-BKEnSy-B.js} +1 -1
- package/dist/interface/assets/{rxjs-B53o3e_J.js → rxjs-CQrF441D.js} +1 -1
- package/dist/interface/assets/system-BTruCO3L.js +1 -0
- package/dist/interface/assets/{ui-CHKoHLl-.js → ui-CyEgSsGE.js} +1 -1
- package/dist/interface/assets/{v-calendar-C-8W4FeM.js → v-calendar-CVkp7hgG.js} +1 -1
- package/dist/interface/assets/{vee-validate-Ck3I2guh.js → vee-validate-9vrYaQFq.js} +1 -1
- package/dist/interface/assets/{vue-i18n-DuCDz9TJ.js → vue-i18n-DqKZtX1N.js} +1 -1
- package/dist/interface/assets/{vue-inline-svg-C2gR6nRD.js → vue-inline-svg-D1BV6A5r.js} +1 -1
- package/dist/interface/assets/{vue-router-OPGDMnws.js → vue-router-Bje-Muh5.js} +1 -1
- package/dist/interface/assets/vue3-apexcharts-B8Nznyy3.js +703 -0
- package/dist/interface/assets/{vue3-dnd-Hf295yge.js → vue3-dnd-CvPSCHQb.js} +1 -1
- package/dist/interface/assets/{vue3-toastify-DQr2dOCx.js → vue3-toastify-D8Ru9hkX.js} +1 -1
- package/dist/interface/assets/{vuetify-B__3Y-at.css → vuetify-CoMF_JkX.css} +2 -2
- package/dist/interface/assets/vuetify-DYU2dOLI.js +5 -0
- package/dist/interface/index.html +17 -17
- package/dist/interface/pwa/pwa-120x120.png +0 -0
- package/dist/interface/pwa/pwa-144x144.png +0 -0
- package/dist/interface/pwa/pwa-152x152.png +0 -0
- package/dist/interface/pwa/pwa-167x167.png +0 -0
- package/dist/interface/pwa/pwa-192x192.png +0 -0
- package/dist/interface/pwa/pwa-24x24.png +0 -0
- package/dist/interface/pwa/pwa-36x36.png +0 -0
- package/dist/interface/pwa/pwa-48x48.png +0 -0
- package/dist/interface/pwa/pwa-50x50.png +0 -0
- package/dist/interface/pwa/pwa-64x64.png +0 -0
- package/dist/interface/pwa/pwa-72x72.png +0 -0
- package/dist/interface/pwa/pwa-88x88.png +0 -0
- package/dist/interface/pwa/pwa-96x96.png +0 -0
- package/dist/interface/sw.js +1 -1
- package/dist/server/bin/cui-service.js +4 -8
- package/dist/server/bin/cui-service.js.map +1 -1
- package/dist/server/package.json +3 -3
- package/dist/server/requirements.txt +1 -1
- package/dist/server/src/api/controllers/api.controller.d.ts +1 -0
- package/dist/server/src/api/controllers/api.controller.js +3 -0
- package/dist/server/src/api/controllers/api.controller.js.map +1 -1
- package/dist/server/src/api/controllers/cameras.controller.d.ts +2 -1
- package/dist/server/src/api/controllers/cameras.controller.js +27 -0
- package/dist/server/src/api/controllers/cameras.controller.js.map +1 -1
- package/dist/server/src/api/controllers/plugins.controller.d.ts +1 -0
- package/dist/server/src/api/controllers/plugins.controller.js +41 -23
- package/dist/server/src/api/controllers/plugins.controller.js.map +1 -1
- package/dist/server/src/api/controllers/system.controller.d.ts +3 -0
- package/dist/server/src/api/controllers/system.controller.js +39 -0
- package/dist/server/src/api/controllers/system.controller.js.map +1 -1
- package/dist/server/src/api/controllers/users.controller.js +21 -2
- package/dist/server/src/api/controllers/users.controller.js.map +1 -1
- package/dist/server/src/api/database/types.d.ts +6 -6
- package/dist/server/src/api/index.js +8 -12
- package/dist/server/src/api/index.js.map +1 -1
- package/dist/server/src/api/routes/api.routes.js +1 -0
- package/dist/server/src/api/routes/api.routes.js.map +1 -1
- package/dist/server/src/api/routes/cameras.routes.js +19 -1
- package/dist/server/src/api/routes/cameras.routes.js.map +1 -1
- package/dist/server/src/api/routes/system.routes.js +24 -0
- package/dist/server/src/api/routes/system.routes.js.map +1 -1
- package/dist/server/src/api/schemas/cameras.schema.d.ts +61 -54
- package/dist/server/src/api/schemas/cameras.schema.js +7 -6
- package/dist/server/src/api/schemas/cameras.schema.js.map +1 -1
- package/dist/server/src/api/schemas/plugins.schema.js +1 -1
- package/dist/server/src/api/schemas/plugins.schema.js.map +1 -1
- package/dist/server/src/api/schemas/users.schema.d.ts +5 -0
- package/dist/server/src/api/schemas/users.schema.js +2 -1
- package/dist/server/src/api/schemas/users.schema.js.map +1 -1
- package/dist/server/src/api/types/index.d.ts +12 -2
- package/dist/server/src/api/types/index.js.map +1 -1
- package/dist/server/src/api/websocket/nsp/metrics.d.ts +4 -22
- package/dist/server/src/api/websocket/nsp/metrics.js +74 -214
- package/dist/server/src/api/websocket/nsp/metrics.js.map +1 -1
- package/dist/server/src/api/websocket/nsp/status.d.ts +4 -15
- package/dist/server/src/api/websocket/nsp/status.js +10 -16
- package/dist/server/src/api/websocket/nsp/status.js.map +1 -1
- package/dist/server/src/api/websocket/types.d.ts +25 -64
- package/dist/server/src/decoder/worker.d.ts +1 -2
- package/dist/server/src/decoder/worker.js +5 -11
- package/dist/server/src/decoder/worker.js.map +1 -1
- package/dist/server/src/go2rtc/index.js +4 -6
- package/dist/server/src/go2rtc/index.js.map +1 -1
- package/dist/server/src/index.d.ts +2 -2
- package/dist/server/src/index.js.map +1 -1
- package/dist/server/src/nats/index.d.ts +1 -1
- package/dist/server/src/nats/index.js +3 -3
- package/dist/server/src/nats/index.js.map +1 -1
- package/dist/server/src/nats/proxy/cameraDevice.d.ts +1 -1
- package/dist/server/src/nats/proxy/cameraDevice.js +1 -1
- package/dist/server/src/nats/proxy/cameraDevice.js.map +1 -1
- package/dist/server/src/nats/proxy/deviceManager.d.ts +1 -1
- package/dist/server/src/nats/proxy/deviceManager.js +1 -1
- package/dist/server/src/nats/proxy/deviceManager.js.map +1 -1
- package/dist/server/src/nats/server.js +4 -6
- package/dist/server/src/nats/server.js.map +1 -1
- package/dist/server/src/nats/websocket.js +2 -2
- package/dist/server/src/nats/websocket.js.map +1 -1
- package/dist/server/src/plugins/types.d.ts +10 -41
- package/dist/server/src/plugins/worker.js +4 -7
- package/dist/server/src/plugins/worker.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/cameraStorage.d.ts +9 -10
- package/dist/server/src/polyglot/node/plugins/cameraStorage.js +51 -55
- package/dist/server/src/polyglot/node/plugins/cameraStorage.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/child.js +18 -4
- package/dist/server/src/polyglot/node/plugins/child.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/proxy/cameraDevice.js +18 -4
- package/dist/server/src/polyglot/node/plugins/proxy/cameraDevice.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/schema.d.ts +22 -9
- package/dist/server/src/polyglot/node/plugins/schema.js +22 -2
- package/dist/server/src/polyglot/node/plugins/schema.js.map +1 -1
- package/dist/server/src/polyglot/node/plugins/storageController.d.ts +3 -3
- package/dist/server/src/polyglot/node/plugins/storageController.js.map +1 -1
- package/dist/server/src/polyglot/python/camera_ui_types/__init__.py +59 -93
- package/dist/server/src/polyglot/python/plugins/camera_storage.py +75 -80
- package/dist/server/src/polyglot/python/plugins/child.py +12 -4
- package/dist/server/src/polyglot/python/plugins/constants.py +0 -1
- package/dist/server/src/polyglot/python/plugins/proxy/camera_device.py +12 -4
- package/dist/server/src/polyglot/python/plugins/schema.py +19 -230
- package/dist/server/src/polyglot/python/plugins/storage_controller.py +2 -2
- package/dist/server/src/services/config/index.d.ts +3 -3
- package/dist/server/src/services/config/index.js +18 -4
- package/dist/server/src/services/config/index.js.map +1 -1
- package/dist/server/src/services/config/types.d.ts +1 -1
- package/package.json +3 -3
- package/dist/interface/assets/@mdi-C-QA1nE3.js +0 -1
- package/dist/interface/assets/@vue-C10tA4b9.js +0 -17
- package/dist/interface/assets/@vueuse-BPeqNGoM.js +0 -1
- package/dist/interface/assets/Account-B_tHnXoX.css +0 -1
- package/dist/interface/assets/Account-MEaGtu1D.js +0 -1
- package/dist/interface/assets/Adminpanel-B_SY1GJM.css +0 -0
- package/dist/interface/assets/Adminpanel-D1ycltxf.js +0 -1
- package/dist/interface/assets/Appearance-Jlzp_P21.js +0 -1
- package/dist/interface/assets/Backup-1-ju9NDo.js +0 -1
- package/dist/interface/assets/Cameras-tmTzi1M6.css +0 -1
- package/dist/interface/assets/FirstSteps-DLkKDSe9.js +0 -1
- package/dist/interface/assets/FirstSteps-DNHhyDSw.css +0 -1
- package/dist/interface/assets/Recordings-Boeev1lV.js +0 -1
- package/dist/interface/assets/Recordings-D5ta7AYS.js +0 -1
- package/dist/interface/assets/Settings-Cvm2jnBr.js +0 -1
- package/dist/interface/assets/System-fHQ7XKri.js +0 -1
- package/dist/interface/assets/User-5o1VKizc.js +0 -1
- package/dist/interface/assets/User-BXColIbU.css +0 -1
- package/dist/interface/assets/VConfigEditor.vue_vue_type_script_setup_true_lang-C_95ELTZ.js +0 -2
- package/dist/interface/assets/VPlayer-LX5HGLrY.js +0 -1
- package/dist/interface/assets/VPluginCard-CFpg0LM4.js +0 -4
- package/dist/interface/assets/VPluginCard-Fl0AYmnF.css +0 -1
- package/dist/interface/assets/main-BCWSiwnj.js +0 -9
- package/dist/interface/assets/main-CQNVVncO.css +0 -1
- package/dist/interface/assets/system-CS_ZOs3_.js +0 -1
- package/dist/interface/assets/vuetify-CrcT8VHB.js +0 -5
- package/dist/server/src/polyglot/node/decoder/wasm/test/imageUtils.py +0 -106
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{s as me,o as Ae,x as pe,y as he,z as we,A as Le,i as ne,u as Fe,B as Pe,d as ge,r as h,c as k,C as ye,w as C,D as oe,b as K,E as re,F as ie}from"./@vue-DMh6qW6s.js";import{n as Y}from"./nprogress-DSyAi0LF.js";function N(e){return me()?(Ae(e),!0):!1}function Mt(e){let n=0,t,o;const s=()=>{n-=1,o&&n<=0&&(o.stop(),t=void 0,o=void 0)};return(...r)=>(n+=1,t||(o=Le(!0),t=o.run(()=>e(...r))),N(s),t)}function He(e,n,{enumerable:t=!1,unwrap:o=!0}={}){for(const[s,r]of Object.entries(n))s!=="value"&&(ne(r)&&o?Object.defineProperty(e,s,{get(){return r.value},set(a){r.value=a},enumerable:t}):Object.defineProperty(e,s,{value:r,enumerable:t}));return e}function We(e,n){if(typeof Symbol<"u"){const t={...e};return Object.defineProperty(t,Symbol.iterator,{enumerable:!1,value(){let o=0;return{next:()=>({value:n[o++],done:o>n.length})}}}),t}else return Object.assign([...n],e)}function O(e){return typeof e=="function"?e():Fe(e)}const q=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ce=e=>e!=null,Re=Object.prototype.toString,Se=e=>Re.call(e)==="[object Object]",W=()=>{},V=Ye();function Ye(){var e,n;return q&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window==null?void 0:window.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function le(e,n){function t(...o){return new Promise((s,r)=>{Promise.resolve(e(()=>n.apply(this,o),{fn:n,thisArg:this,args:o})).then(s).catch(r)})}return t}const be=e=>e();function Ne(e,n={}){let t,o,s=W;const r=l=>{clearTimeout(l),s(),s=W};return l=>{const u=O(e),i=O(n.maxWait);return t&&r(t),u<=0||i!==void 0&&i<=0?(o&&(r(o),o=null),Promise.resolve(l())):new Promise((v,d)=>{s=n.rejectOnCancel?d:v,i&&!o&&(o=setTimeout(()=>{t&&r(t),o=null,v(l())},i)),t=setTimeout(()=>{o&&r(o),o=null,v(l())},u)})}}function ze(...e){let n=0,t,o=!0,s=W,r,a,l,u,i;!ne(e[0])&&typeof e[0]=="object"?{delay:a,trailing:l=!0,leading:u=!0,rejectOnCancel:i=!1}=e[0]:[a,l=!0,u=!0,i=!1]=e;const v=()=>{t&&(clearTimeout(t),t=void 0,s(),s=W)};return c=>{const f=O(a),p=Date.now()-n,w=()=>r=c();return v(),f<=0?(n=Date.now(),w()):(p>f&&(u||!o)?(n=Date.now(),w()):l&&(r=new Promise((S,m)=>{s=i?m:S,t=setTimeout(()=>{n=Date.now(),o=!0,S(w()),v()},Math.max(0,f-p))})),!u&&!t&&(t=setTimeout(()=>o=!0,f)),o=!1,r)}}function Ie(e=be){const n=h(!0);function t(){n.value=!1}function o(){n.value=!0}const s=(...r)=>{n.value&&e(...r)};return{isActive:ge(n),pause:t,resume:o,eventFilter:s}}const Ee={mounted:"mounted",updated:"updated",unmounted:"unmounted"};function Xe(e){const n=Object.create(null);return t=>n[t]||(n[t]=e(t))}const $e=/-(\w)/g,je=Xe(e=>e.replace($e,(n,t)=>t?t.toUpperCase():""));function Be(e){return ye()}function De(...e){if(e.length!==1)return Pe(...e);const n=e[0];return typeof n=="function"?ge(pe(()=>({get:n,set:W}))):h(n)}function Ve(e,n=200,t={}){return le(Ne(n,t),e)}function qe(e,n=200,t=!1,o=!0,s=!1){return le(ze(n,t,o,s),e)}function xt(e,n={}){let t=e,o,s;const r=pe((c,f)=>(o=c,s=f,{get(){return a()},set(p){l(p)}}));function a(c=!0){return c&&o(),t}function l(c,f=!0){var p,w;if(c===t)return;const S=t;((p=n.onBeforeChange)==null?void 0:p.call(n,c,S))!==!1&&(t=c,(w=n.onChanged)==null||w.call(n,c,S),f&&s())}return He(r,{get:a,set:l,untrackedGet:()=>a(!1),silentSet:c=>l(c,!1),peek:()=>a(!1),lay:c=>l(c,!1)},{enumerable:!0})}function Ue(e,n,t={}){const{eventFilter:o=be,...s}=t;return C(e,le(o,n),s)}function Ge(e,n,t={}){const{eventFilter:o,...s}=t,{eventFilter:r,pause:a,resume:l,isActive:u}=Ie(o);return{stop:Ue(e,n,{...s,eventFilter:r}),pause:a,resume:l,isActive:u}}function U(e,n=!0,t){Be()?he(e,t):n?e():we(e)}const Je=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[T\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/i,Ke=/[YMDHhms]o|\[([^\]]+)\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;function Qe(e,n,t,o){let s=e<12?"AM":"PM";return o&&(s=s.split("").reduce((r,a)=>r+=`${a}.`,"")),t?s.toLowerCase():s}function I(e){const n=["th","st","nd","rd"],t=e%100;return e+(n[(t-20)%10]||n[t]||n[0])}function Ze(e,n,t={}){var o;const s=e.getFullYear(),r=e.getMonth(),a=e.getDate(),l=e.getHours(),u=e.getMinutes(),i=e.getSeconds(),v=e.getMilliseconds(),d=e.getDay(),c=(o=t.customMeridiem)!=null?o:Qe,f={Yo:()=>I(s),YY:()=>String(s).slice(-2),YYYY:()=>s,M:()=>r+1,Mo:()=>I(r+1),MM:()=>`${r+1}`.padStart(2,"0"),MMM:()=>e.toLocaleDateString(t.locales,{month:"short"}),MMMM:()=>e.toLocaleDateString(t.locales,{month:"long"}),D:()=>String(a),Do:()=>I(a),DD:()=>`${a}`.padStart(2,"0"),H:()=>String(l),Ho:()=>I(l),HH:()=>`${l}`.padStart(2,"0"),h:()=>`${l%12||12}`.padStart(1,"0"),ho:()=>I(l%12||12),hh:()=>`${l%12||12}`.padStart(2,"0"),m:()=>String(u),mo:()=>I(u),mm:()=>`${u}`.padStart(2,"0"),s:()=>String(i),so:()=>I(i),ss:()=>`${i}`.padStart(2,"0"),SSS:()=>`${v}`.padStart(3,"0"),d:()=>d,dd:()=>e.toLocaleDateString(t.locales,{weekday:"narrow"}),ddd:()=>e.toLocaleDateString(t.locales,{weekday:"short"}),dddd:()=>e.toLocaleDateString(t.locales,{weekday:"long"}),A:()=>c(l,u),AA:()=>c(l,u,!1,!0),a:()=>c(l,u,!0),aa:()=>c(l,u,!0,!0)};return n.replace(Ke,(p,w)=>{var S,m;return(m=w??((S=f[p])==null?void 0:S.call(f)))!=null?m:p})}function et(e){if(e===null)return new Date(Number.NaN);if(e===void 0)return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){const n=e.match(Je);if(n){const t=n[2]-1||0,o=(n[7]||"0").substring(0,3);return new Date(n[1],t,n[3]||1,n[4]||0,n[5]||0,n[6]||0,o)}}return new Date(e)}function Ot(e,n="HH:mm:ss",t={}){return k(()=>Ze(et(O(e)),O(n),t))}function Tt(e,n,t){let o;ne(t)?o={evaluating:t}:o=t||{};const{lazy:s=!1,evaluating:r=void 0,shallow:a=!0,onError:l=W}=o,u=h(!s),i=a?oe(n):h(n);let v=0;return re(async d=>{if(!u.value)return;v++;const c=v;let f=!1;r&&Promise.resolve().then(()=>{r.value=!0});try{const p=await e(w=>{d(()=>{r&&(r.value=!1),f||w()})});c===v&&(i.value=p)}catch(p){l(p)}finally{r&&c===v&&(r.value=!1),f=!0}}),s?k(()=>(u.value=!0,i.value)):i}function kt(e={}){const{inheritAttrs:n=!0}=e,t=oe(),o=ie({setup(r,{slots:a}){return()=>{t.value=a.default}}}),s=ie({inheritAttrs:n,setup(r,{attrs:a,slots:l}){return()=>{var u;t.value;const i=(u=t.value)==null?void 0:u.call(t,{...tt(a),$slots:l});return n&&(i==null?void 0:i.length)===1?i[0]:i}}});return We({define:o,reuse:s},[o,s])}function tt(e){const n={};for(const t in e)n[je(t)]=e[t];return n}function L(e){var n;const t=O(e);return(n=t==null?void 0:t.$el)!=null?n:t}const F=q?window:void 0,_e=q?window.document:void 0;function D(...e){let n,t,o,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([t,o,s]=e,n=F):[n,t,o,s]=e,!n)return W;Array.isArray(t)||(t=[t]),Array.isArray(o)||(o=[o]);const r=[],a=()=>{r.forEach(v=>v()),r.length=0},l=(v,d,c,f)=>(v.addEventListener(d,c,f),()=>v.removeEventListener(d,c,f)),u=C(()=>[L(n),O(s)],([v,d])=>{if(a(),!v)return;const c=Se(d)?{...d}:d;r.push(...t.flatMap(f=>o.map(p=>l(v,f,p,c))))},{immediate:!0,flush:"post"}),i=()=>{u(),a()};return N(i),i}let ae=!1;function At(e,n,t={}){const{window:o=F,ignore:s=[],capture:r=!0,detectIframe:a=!1}=t;if(!o)return W;V&&!ae&&(ae=!0,Array.from(o.document.body.children).forEach(c=>c.addEventListener("click",W)),o.document.documentElement.addEventListener("click",W));let l=!0;const u=c=>s.some(f=>{if(typeof f=="string")return Array.from(o.document.querySelectorAll(f)).some(p=>p===c.target||c.composedPath().includes(p));{const p=L(f);return p&&(c.target===p||c.composedPath().includes(p))}}),v=[D(o,"click",c=>{const f=L(e);if(!(!f||f===c.target||c.composedPath().includes(f))){if(c.detail===0&&(l=!u(c)),!l){l=!0;return}n(c)}},{passive:!0,capture:r}),D(o,"pointerdown",c=>{const f=L(e);l=!u(c)&&!!(f&&!c.composedPath().includes(f))},{passive:!0}),a&&D(o,"blur",c=>{setTimeout(()=>{var f;const p=L(e);((f=o.document.activeElement)==null?void 0:f.tagName)==="IFRAME"&&!(p!=null&&p.contains(o.document.activeElement))&&n(c)},0)})].filter(Boolean);return()=>v.forEach(c=>c())}function nt(e){return typeof e=="function"?e:typeof e=="string"?n=>n.key===e:Array.isArray(e)?n=>e.includes(n.key):()=>!0}function Lt(...e){let n,t,o={};e.length===3?(n=e[0],t=e[1],o=e[2]):e.length===2?typeof e[1]=="object"?(n=!0,t=e[0],o=e[1]):(n=e[0],t=e[1]):(n=!0,t=e[0]);const{target:s=F,eventName:r="keydown",passive:a=!1,dedupe:l=!1}=o,u=nt(n);return D(s,r,v=>{v.repeat&&O(l)||u(v)&&t(v)},a)}function ot(){const e=h(!1),n=ye();return n&&he(()=>{e.value=!0},n),e}function $(e){const n=ot();return k(()=>(n.value,!!e()))}function rt(e,n,t={}){const{window:o=F,...s}=t;let r;const a=$(()=>o&&"MutationObserver"in o),l=()=>{r&&(r.disconnect(),r=void 0)},u=k(()=>{const c=O(e),f=(Array.isArray(c)?c:[c]).map(L).filter(Ce);return new Set(f)}),i=C(()=>u.value,c=>{l(),a.value&&c.size&&(r=new MutationObserver(n),c.forEach(f=>r.observe(f,s)))},{immediate:!0,flush:"post"}),v=()=>r==null?void 0:r.takeRecords(),d=()=>{l(),i()};return N(d),{isSupported:a,stop:d,takeRecords:v}}function lt(e,n={}){const{window:t=F}=n,o=$(()=>t&&"matchMedia"in t&&typeof t.matchMedia=="function");let s;const r=h(!1),a=i=>{r.value=i.matches},l=()=>{s&&("removeEventListener"in s?s.removeEventListener("change",a):s.removeListener(a))},u=re(()=>{o.value&&(l(),s=t.matchMedia(O(e)),"addEventListener"in s?s.addEventListener("change",a):s.addListener(a),r.value=s.matches)});return N(()=>{u(),l(),s=void 0}),r}const G=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},J="__vueuse_ssr_handlers__",st=ut();function ut(){return J in G||(G[J]=G[J]||{}),G[J]}function it(e,n){return st[e]||n}function at(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const ct={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},ce="vueuse-storage";function ft(e,n,t,o={}){var s;const{flush:r="pre",deep:a=!0,listenToStorageChanges:l=!0,writeDefaults:u=!0,mergeDefaults:i=!1,shallow:v,window:d=F,eventFilter:c,onError:f=y=>{console.error(y)},initOnMounted:p}=o,w=(v?oe:h)(typeof n=="function"?n():n);if(!t)try{t=it("getDefaultStorage",()=>{var y;return(y=F)==null?void 0:y.localStorage})()}catch(y){f(y)}if(!t)return w;const S=O(n),m=at(S),_=(s=o.serializer)!=null?s:ct[m],{pause:A,resume:M}=Ge(w,()=>T(w.value),{flush:r,deep:a,eventFilter:c});d&&l&&U(()=>{D(d,"storage",P),D(d,ce,E),p&&P()}),p||P();function g(y,x){d&&d.dispatchEvent(new CustomEvent(ce,{detail:{key:e,oldValue:y,newValue:x,storageArea:t}}))}function T(y){try{const x=t.getItem(e);if(y==null)g(x,null),t.removeItem(e);else{const H=_.write(y);x!==H&&(t.setItem(e,H),g(x,H))}}catch(x){f(x)}}function b(y){const x=y?y.newValue:t.getItem(e);if(x==null)return u&&S!=null&&t.setItem(e,_.write(S)),S;if(!y&&i){const H=_.read(x);return typeof i=="function"?i(H,S):m==="object"&&!Array.isArray(H)?{...S,...H}:H}else return typeof x!="string"?x:_.read(x)}function P(y){if(!(y&&y.storageArea!==t)){if(y&&y.key==null){w.value=S;return}if(!(y&&y.key!==e)){A();try{(y==null?void 0:y.newValue)!==_.write(w.value)&&(w.value=b(y))}catch(x){f(x)}finally{y?we(M):M()}}}}function E(y){P(y.detail)}return w}function Ft(e={}){const{document:n=_e}=e;if(!n)return h("visible");const t=h(n.visibilityState);return D(n,"visibilitychange",()=>{t.value=n.visibilityState}),t}function Me(e,n,t={}){const{window:o=F,...s}=t;let r;const a=$(()=>o&&"ResizeObserver"in o),l=()=>{r&&(r.disconnect(),r=void 0)},u=k(()=>Array.isArray(e)?e.map(d=>L(d)):[L(e)]),i=C(u,d=>{if(l(),a.value&&o){r=new ResizeObserver(n);for(const c of d)c&&r.observe(c,s)}},{immediate:!0,flush:"post"}),v=()=>{l(),i()};return N(v),{isSupported:a,stop:v}}function Pt(e,n={}){const{reset:t=!0,windowResize:o=!0,windowScroll:s=!0,immediate:r=!0}=n,a=h(0),l=h(0),u=h(0),i=h(0),v=h(0),d=h(0),c=h(0),f=h(0);function p(){const w=L(e);if(!w){t&&(a.value=0,l.value=0,u.value=0,i.value=0,v.value=0,d.value=0,c.value=0,f.value=0);return}const S=w.getBoundingClientRect();a.value=S.height,l.value=S.bottom,u.value=S.left,i.value=S.right,v.value=S.top,d.value=S.width,c.value=S.x,f.value=S.y}return Me(e,p),C(()=>L(e),w=>!w&&p()),rt(e,p,{attributeFilter:["style","class"]}),s&&D("scroll",p,{capture:!0,passive:!0}),o&&D("resize",p,{passive:!0}),U(()=>{r&&p()}),{height:a,bottom:l,left:u,right:i,top:v,width:d,x:c,y:f,update:p}}function Ht(e,n={width:0,height:0},t={}){const{window:o=F,box:s="content-box"}=t,r=k(()=>{var d,c;return(c=(d=L(e))==null?void 0:d.namespaceURI)==null?void 0:c.includes("svg")}),a=h(n.width),l=h(n.height),{stop:u}=Me(e,([d])=>{const c=s==="border-box"?d.borderBoxSize:s==="content-box"?d.contentBoxSize:d.devicePixelContentBoxSize;if(o&&r.value){const f=L(e);if(f){const p=f.getBoundingClientRect();a.value=p.width,l.value=p.height}}else if(c){const f=Array.isArray(c)?c:[c];a.value=f.reduce((p,{inlineSize:w})=>p+w,0),l.value=f.reduce((p,{blockSize:w})=>p+w,0)}else a.value=d.contentRect.width,l.value=d.contentRect.height},t);U(()=>{const d=L(e);d&&(a.value="offsetWidth"in d?d.offsetWidth:n.width,l.value="offsetHeight"in d?d.offsetHeight:n.height)});const i=C(()=>L(e),d=>{a.value=d?n.width:0,l.value=d?n.height:0});function v(){u(),i()}return{width:a,height:l,stop:v}}const B=new Map;function Wt(e){const n=me();function t(l){var u;const i=B.get(e)||new Set;i.add(l),B.set(e,i);const v=()=>s(l);return(u=n==null?void 0:n.cleanups)==null||u.push(v),v}function o(l){function u(...i){s(u),l(...i)}return t(u)}function s(l){const u=B.get(e);u&&(u.delete(l),u.size||r())}function r(){B.delete(e)}function a(l,u){var i;(i=B.get(e))==null||i.forEach(v=>v(l,u))}return{on:t,once:o,off:s,emit:a,reset:r}}const fe=["fullscreenchange","webkitfullscreenchange","webkitendfullscreen","mozfullscreenchange","MSFullscreenChange"];function Ct(e,n={}){const{document:t=_e,autoExit:o=!1}=n,s=k(()=>{var m;return(m=L(e))!=null?m:t==null?void 0:t.querySelector("html")}),r=h(!1),a=k(()=>["requestFullscreen","webkitRequestFullscreen","webkitEnterFullscreen","webkitEnterFullScreen","webkitRequestFullScreen","mozRequestFullScreen","msRequestFullscreen"].find(m=>t&&m in t||s.value&&m in s.value)),l=k(()=>["exitFullscreen","webkitExitFullscreen","webkitExitFullScreen","webkitCancelFullScreen","mozCancelFullScreen","msExitFullscreen"].find(m=>t&&m in t||s.value&&m in s.value)),u=k(()=>["fullScreen","webkitIsFullScreen","webkitDisplayingFullscreen","mozFullScreen","msFullscreenElement"].find(m=>t&&m in t||s.value&&m in s.value)),i=["fullscreenElement","webkitFullscreenElement","mozFullScreenElement","msFullscreenElement"].find(m=>t&&m in t),v=$(()=>s.value&&t&&a.value!==void 0&&l.value!==void 0&&u.value!==void 0),d=()=>i?(t==null?void 0:t[i])===s.value:!1,c=()=>{if(u.value){if(t&&t[u.value]!=null)return t[u.value];{const m=s.value;if((m==null?void 0:m[u.value])!=null)return!!m[u.value]}}return!1};async function f(){if(!(!v.value||!r.value)){if(l.value)if((t==null?void 0:t[l.value])!=null)await t[l.value]();else{const m=s.value;(m==null?void 0:m[l.value])!=null&&await m[l.value]()}r.value=!1}}async function p(){if(!v.value||r.value)return;c()&&await f();const m=s.value;a.value&&(m==null?void 0:m[a.value])!=null&&(await m[a.value](),r.value=!0)}async function w(){await(r.value?f():p())}const S=()=>{const m=c();(!m||m&&d())&&(r.value=m)};return D(t,fe,S,!1),D(()=>L(s),fe,S,!1),o&&N(f),{isSupported:v,isFullscreen:r,enter:p,exit:f,toggle:w}}const de=1;function Rt(e,n={}){const{throttle:t=0,idle:o=200,onStop:s=W,onScroll:r=W,offset:a={left:0,right:0,top:0,bottom:0},eventListenerOptions:l={capture:!1,passive:!0},behavior:u="auto",window:i=F,onError:v=b=>{console.error(b)}}=n,d=h(0),c=h(0),f=k({get(){return d.value},set(b){w(b,void 0)}}),p=k({get(){return c.value},set(b){w(void 0,b)}});function w(b,P){var E,y,x,H;if(!i)return;const R=O(e);if(!R)return;(x=R instanceof Document?i.document.body:R)==null||x.scrollTo({top:(E=O(P))!=null?E:p.value,left:(y=O(b))!=null?y:f.value,behavior:O(u)});const j=((H=R==null?void 0:R.document)==null?void 0:H.documentElement)||(R==null?void 0:R.documentElement)||R;f!=null&&(d.value=j.scrollLeft),p!=null&&(c.value=j.scrollTop)}const S=h(!1),m=K({left:!0,right:!1,top:!0,bottom:!1}),_=K({left:!1,right:!1,top:!1,bottom:!1}),A=b=>{S.value&&(S.value=!1,_.left=!1,_.right=!1,_.top=!1,_.bottom=!1,s(b))},M=Ve(A,t+o),g=b=>{var P;if(!i)return;const E=((P=b==null?void 0:b.document)==null?void 0:P.documentElement)||(b==null?void 0:b.documentElement)||L(b),{display:y,flexDirection:x}=getComputedStyle(E),H=E.scrollLeft;_.left=H<d.value,_.right=H>d.value;const R=Math.abs(H)<=(a.left||0),j=Math.abs(H)+E.clientWidth>=E.scrollWidth-(a.right||0)-de;y==="flex"&&x==="row-reverse"?(m.left=j,m.right=R):(m.left=R,m.right=j),d.value=H;let z=E.scrollTop;b===i.document&&!z&&(z=i.document.body.scrollTop),_.top=z<c.value,_.bottom=z>c.value;const se=Math.abs(z)<=(a.top||0),ue=Math.abs(z)+E.clientHeight>=E.scrollHeight-(a.bottom||0)-de;y==="flex"&&x==="column-reverse"?(m.top=ue,m.bottom=se):(m.top=se,m.bottom=ue),c.value=z},T=b=>{var P;if(!i)return;const E=(P=b.target.documentElement)!=null?P:b.target;g(E),S.value=!0,M(b),r(b)};return D(e,"scroll",t?qe(T,t,!0,!1):T,l),U(()=>{try{const b=O(e);if(!b)return;g(b)}catch(b){v(b)}}),D(e,"scrollend",A,l),{x:f,y:p,isScrolling:S,arrivedState:m,directions:_,measure(){const b=O(e);i&&b&&g(b)}}}function Q(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function Yt(e,n,t={}){const{window:o=F}=t;return ft(e,n,o==null?void 0:o.localStorage,t)}const dt={page:e=>[e.pageX,e.pageY],client:e=>[e.clientX,e.clientY],screen:e=>[e.screenX,e.screenY],movement:e=>e instanceof Touch?null:[e.movementX,e.movementY]};function vt(e={}){const{type:n="page",touch:t=!0,resetOnTouchEnds:o=!1,initialValue:s={x:0,y:0},window:r=F,target:a=r,scroll:l=!0,eventFilter:u}=e;let i=null;const v=h(s.x),d=h(s.y),c=h(null),f=typeof n=="function"?n:dt[n],p=g=>{const T=f(g);i=g,T&&([v.value,d.value]=T,c.value="mouse")},w=g=>{if(g.touches.length>0){const T=f(g.touches[0]);T&&([v.value,d.value]=T,c.value="touch")}},S=()=>{if(!i||!r)return;const g=f(i);i instanceof MouseEvent&&g&&(v.value=g[0]+r.scrollX,d.value=g[1]+r.scrollY)},m=()=>{v.value=s.x,d.value=s.y},_=u?g=>u(()=>p(g),{}):g=>p(g),A=u?g=>u(()=>w(g),{}):g=>w(g),M=u?()=>u(()=>S(),{}):()=>S();if(a){const g={passive:!0};D(a,["mousemove","dragover"],_,g),t&&n!=="movement"&&(D(a,["touchstart","touchmove"],A,g),o&&D(a,"touchend",m,g)),l&&n==="page"&&D(r,"scroll",M,{passive:!0})}return{x:v,y:d,sourceType:c}}function Nt(e,n={}){const{handleOutside:t=!0,window:o=F}=n,s=n.type||"page",{x:r,y:a,sourceType:l}=vt(n),u=h(e??(o==null?void 0:o.document.body)),i=h(0),v=h(0),d=h(0),c=h(0),f=h(0),p=h(0),w=h(!0);let S=()=>{};return o&&(S=C([u,r,a],()=>{const m=L(u);if(!m)return;const{left:_,top:A,width:M,height:g}=m.getBoundingClientRect();d.value=_+(s==="page"?o.pageXOffset:0),c.value=A+(s==="page"?o.pageYOffset:0),f.value=g,p.value=M;const T=r.value-d.value,b=a.value-c.value;w.value=M===0||g===0||T<0||b<0||T>M||b>g,(t||!w.value)&&(i.value=T,v.value=b)},{immediate:!0}),D(document,"mouseleave",()=>{w.value=!0})),{x:r,y:a,sourceType:l,elementX:i,elementY:v,elementPositionX:d,elementPositionY:c,elementHeight:f,elementWidth:p,isOutside:w,stop:S}}function zt(e={}){const{touch:n=!0,drag:t=!0,capture:o=!1,initialValue:s=!1,window:r=F}=e,a=h(s),l=h(null);if(!r)return{pressed:a,sourceType:l};const u=d=>()=>{a.value=!0,l.value=d},i=()=>{a.value=!1,l.value=null},v=k(()=>L(e.target)||r);return D(v,"mousedown",u("mouse"),{passive:!0,capture:o}),D(r,"mouseleave",i,{passive:!0,capture:o}),D(r,"mouseup",i,{passive:!0,capture:o}),t&&(D(v,"dragstart",u("mouse"),{passive:!0,capture:o}),D(r,"drop",i,{passive:!0,capture:o}),D(r,"dragend",i,{passive:!0,capture:o})),n&&(D(v,"touchstart",u("touch"),{passive:!0,capture:o}),D(r,"touchend",i,{passive:!0,capture:o}),D(r,"touchcancel",i,{passive:!0,capture:o})),{pressed:a,sourceType:l}}function mt(e={}){const{window:n=F}=e,t=n==null?void 0:n.navigator,o=$(()=>t&&"connection"in t),s=h(!0),r=h(!1),a=h(void 0),l=h(void 0),u=h(void 0),i=h(void 0),v=h(void 0),d=h(void 0),c=h("unknown"),f=o.value&&t.connection;function p(){t&&(s.value=t.onLine,a.value=s.value?void 0:Date.now(),l.value=s.value?Date.now():void 0,f&&(u.value=f.downlink,i.value=f.downlinkMax,d.value=f.effectiveType,v.value=f.rtt,r.value=f.saveData,c.value=f.type))}return n&&(D(n,"offline",()=>{s.value=!1,a.value=Date.now()}),D(n,"online",()=>{s.value=!0,l.value=Date.now()})),f&&D(f,"change",p,!1),p(),{isSupported:o,isOnline:s,saveData:r,offlineAt:a,onlineAt:l,downlink:u,downlinkMax:i,effectiveType:d,rtt:v,type:c}}function It(e={}){const{isOnline:n}=mt(e);return n}function Xt(e={}){const{window:n=F}=e,t=$(()=>n&&"screen"in n&&"orientation"in n.screen),o=t.value?n.screen.orientation:{},s=h(o.type),r=h(o.angle||0);return t.value&&D(n,"orientationchange",()=>{s.value=o.type,r.value=o.angle}),{isSupported:t,orientation:s,angle:r,lockOrientation:u=>t.value&&typeof o.lock=="function"?o.lock(u):Promise.reject(new Error("Not supported")),unlockOrientation:()=>{t.value&&typeof o.unlock=="function"&&o.unlock()}}}function xe(e){const n=window.getComputedStyle(e);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&e.clientWidth<e.scrollWidth||n.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const t=e.parentNode;return!t||t.tagName==="BODY"?!1:xe(t)}}function pt(e){const n=e||window.event,t=n.target;return xe(t)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const Z=new WeakMap;function $t(e,n=!1){const t=h(n);let o=null,s="";C(De(e),l=>{const u=Q(O(l));if(u){const i=u;if(Z.get(i)||Z.set(i,i.style.overflow),i.style.overflow!=="hidden"&&(s=i.style.overflow),i.style.overflow==="hidden")return t.value=!0;if(t.value)return i.style.overflow="hidden"}},{immediate:!0});const r=()=>{const l=Q(O(e));!l||t.value||(V&&(o=D(l,"touchmove",u=>{pt(u)},{passive:!1})),l.style.overflow="hidden",t.value=!0)},a=()=>{const l=Q(O(e));!l||!t.value||(V&&(o==null||o()),l.style.overflow=s,Z.delete(l),t.value=!1)};return N(a),k({get(){return t.value},set(l){l?r():a()}})}function jt(e,n={}){const{threshold:t=50,onSwipe:o,onSwipeEnd:s,onSwipeStart:r,passive:a=!0,window:l=F}=n,u=K({x:0,y:0}),i=K({x:0,y:0}),v=k(()=>u.x-i.x),d=k(()=>u.y-i.y),{max:c,abs:f}=Math,p=k(()=>c(f(v.value),f(d.value))>=t),w=h(!1),S=k(()=>p.value?f(v.value)>f(d.value)?v.value>0?"left":"right":d.value>0?"up":"down":"none"),m=E=>[E.touches[0].clientX,E.touches[0].clientY],_=(E,y)=>{u.x=E,u.y=y},A=(E,y)=>{i.x=E,i.y=y};let M;const g=ht(l==null?void 0:l.document);a?M=g?{passive:!0}:{capture:!1}:M=g?{passive:!1,capture:!0}:{capture:!0};const T=E=>{w.value&&(s==null||s(E,S.value)),w.value=!1},b=[D(e,"touchstart",E=>{if(E.touches.length!==1)return;M.capture&&!M.passive&&E.preventDefault();const[y,x]=m(E);_(y,x),A(y,x),r==null||r(E)},M),D(e,"touchmove",E=>{if(E.touches.length!==1)return;const[y,x]=m(E);A(y,x),!w.value&&p.value&&(w.value=!0),w.value&&(o==null||o(E))},M),D(e,["touchend","touchcancel"],T,M)];return{isPassiveEventSupported:g,isSwiping:w,direction:S,coordsStart:u,coordsEnd:i,lengthX:v,lengthY:d,stop:()=>b.forEach(E=>E())}}function ht(e){if(!e)return!1;let n=!1;const t={get passive(){return n=!0,!1}};return e.addEventListener("x",W,t),e.removeEventListener("x",W),n}function Bt(e={}){const{window:n=F,behavior:t="auto"}=e;if(!n)return{x:h(0),y:h(0)};const o=h(n.scrollX),s=h(n.scrollY),r=k({get(){return o.value},set(l){scrollTo({left:l,behavior:t})}}),a=k({get(){return s.value},set(l){scrollTo({top:l,behavior:t})}});return D(n,"scroll",()=>{o.value=n.scrollX,s.value=n.scrollY},{capture:!1,passive:!0}),{x:r,y:a}}function Vt(e={}){const{window:n=F,initialWidth:t=Number.POSITIVE_INFINITY,initialHeight:o=Number.POSITIVE_INFINITY,listenOrientation:s=!0,includeScrollbar:r=!0}=e,a=h(t),l=h(o),u=()=>{n&&(r?(a.value=n.innerWidth,l.value=n.innerHeight):(a.value=n.document.documentElement.clientWidth,l.value=n.document.documentElement.clientHeight))};if(u(),U(u),D("resize",u,{passive:!0}),s){const i=lt("(orientation: portrait)");C(i,()=>u())}return{width:a,height:l}}function qt(e=null,n){const t=h(e),o=k({set:r=>r?Y.start():Y.done(),get:()=>typeof t.value=="number"&&t.value<1});n&&Y.configure(n);const s=Y.set;return Y.set=r=>(t.value=r,s.call(Y,r)),re(()=>{typeof t.value=="number"&&q&&s.call(Y,t.value)}),N(Y.remove),{isLoading:o,progress:t,start:Y.start,done:Y.done,remove:()=>{t.value=null,Y.remove()}}}function Oe(e){var n;const t=O(e);return(n=t==null?void 0:t.$el)!=null?n:t}const Te=q?window:void 0;function X(...e){let n,t,o,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([t,o,s]=e,n=Te):[n,t,o,s]=e,!n)return W;Array.isArray(t)||(t=[t]),Array.isArray(o)||(o=[o]);const r=[],a=()=>{r.forEach(v=>v()),r.length=0},l=(v,d,c,f)=>(v.addEventListener(d,c,f),()=>v.removeEventListener(d,c,f)),u=C(()=>[Oe(n),O(s)],([v,d])=>{if(a(),!v)return;const c=Se(d)?{...d}:d;r.push(...t.flatMap(f=>o.map(p=>l(v,f,p,c))))},{immediate:!0,flush:"post"}),i=()=>{u(),a()};return N(i),i}const wt=500,gt=10;function ve(e,n,t){var o,s;const r=k(()=>Oe(e));let a,l,u,i=!1;function v(){a&&(clearTimeout(a),a=void 0),l=void 0,u=void 0,i=!1}function d(m){var _,A,M;const[g,T,b]=[u,l,i];if(v(),!(t!=null&&t.onMouseUp)||!T||!g||(_=t==null?void 0:t.modifiers)!=null&&_.self&&m.target!==r.value)return;(A=t==null?void 0:t.modifiers)!=null&&A.prevent&&m.preventDefault(),(M=t==null?void 0:t.modifiers)!=null&&M.stop&&m.stopPropagation();const P=m.x-T.x,E=m.y-T.y,y=Math.sqrt(P*P+E*E);t.onMouseUp(m.timeStamp-g,y,b)}function c(m){var _,A,M,g;(_=t==null?void 0:t.modifiers)!=null&&_.self&&m.target!==r.value||(v(),(A=t==null?void 0:t.modifiers)!=null&&A.prevent&&m.preventDefault(),(M=t==null?void 0:t.modifiers)!=null&&M.stop&&m.stopPropagation(),l={x:m.x,y:m.y},u=m.timeStamp,a=setTimeout(()=>{i=!0,n(m)},(g=t==null?void 0:t.delay)!=null?g:wt))}function f(m){var _,A,M,g;if((_=t==null?void 0:t.modifiers)!=null&&_.self&&m.target!==r.value||!l||(t==null?void 0:t.distanceThreshold)===!1)return;(A=t==null?void 0:t.modifiers)!=null&&A.prevent&&m.preventDefault(),(M=t==null?void 0:t.modifiers)!=null&&M.stop&&m.stopPropagation();const T=m.x-l.x,b=m.y-l.y;Math.sqrt(T*T+b*b)>=((g=t==null?void 0:t.distanceThreshold)!=null?g:gt)&&v()}const p={capture:(o=t==null?void 0:t.modifiers)==null?void 0:o.capture,once:(s=t==null?void 0:t.modifiers)==null?void 0:s.once},w=[X(r,"pointerdown",c,p),X(r,"pointermove",f,p),X(r,["pointerup","pointerleave"],d,p)];return()=>w.forEach(m=>m())}const Ut={[Ee.mounted](e,n){typeof n.value=="function"?ve(e,n.value,{modifiers:n.modifiers}):ve(e,...n.value)}};function yt(e,n={}){const{delayEnter:t=0,delayLeave:o=0,window:s=Te}=n,r=h(!1);let a;const l=u=>{const i=u?t:o;a&&(clearTimeout(a),a=void 0),i?a=setTimeout(()=>r.value=u,i):r.value=u};return s&&(X(e,"mouseenter",()=>l(!0),{passive:!0}),X(e,"mouseleave",()=>l(!1),{passive:!0})),r}const Gt={[Ee.mounted](e,n){if(typeof n.value=="function"){const t=yt(e);C(t,o=>n.value(o))}}};function ee(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function ke(e){const n=window.getComputedStyle(e);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&e.clientWidth<e.scrollWidth||n.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const t=e.parentNode;return!t||t.tagName==="BODY"?!1:ke(t)}}function St(e){const n=e||window.event,t=n.target;return ke(t)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const te=new WeakMap;function bt(e,n=!1){const t=h(n);let o=null,s="";C(De(e),l=>{const u=ee(O(l));if(u){const i=u;if(te.get(i)||te.set(i,i.style.overflow),i.style.overflow!=="hidden"&&(s=i.style.overflow),i.style.overflow==="hidden")return t.value=!0;if(t.value)return i.style.overflow="hidden"}},{immediate:!0});const r=()=>{const l=ee(O(e));!l||t.value||(V&&(o=X(l,"touchmove",u=>{St(u)},{passive:!1})),l.style.overflow="hidden",t.value=!0)},a=()=>{const l=ee(O(e));!l||!t.value||(V&&(o==null||o()),l.style.overflow=s,te.delete(l),t.value=!1)};return N(a),k({get(){return t.value},set(l){l?r():a()}})}function Et(){let e=!1;const n=h(!1);return(t,o)=>{if(n.value=o.value,e)return;e=!0;const s=bt(t,o.value);C(n,r=>s.value=r)}}Et();export{Ut as A,Ft as B,Me as C,Ot as a,Xt as b,Mt as c,Vt as d,qt as e,lt as f,Wt as g,jt as h,Bt as i,It as j,Ht as k,$t as l,vt as m,Nt as n,At as o,zt as p,Rt as q,xt as r,Lt as s,D as t,Yt as u,Pt as v,Ct as w,kt as x,Tt as y,Gt as z};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{f as se,u as oe,c as re,r as ae,_ as te,d as ne}from"./main-D1X9SzzX.js";import{F as le,r as _,J as ie,e as j,O as me,R as n,u as e,j as s,T as d,M as o,m as g,f as de,l as ce,V as $,q as ue,n as E,ai as pe,aj as ve}from"./@vue-DMh6qW6s.js";import{m as N,a as R,_ as D}from"./@mdi-B8Roxr1z.js";import{F as v,a as fe}from"./vee-validate-9vrYaQFq.js";import{i as U}from"./vue3-toastify-D8Ru9hkX.js";import{s as _e}from"./pinia-BQbsPkIS.js";import{c as O,d as q,e as J,z as G,V as H,b as K}from"./vuetify-DYU2dOLI.js";import{u as ge}from"./vue-i18n-DqKZtX1N.js";import"./vue-inline-svg-D1BV6A5r.js";import"./axios--Jv2L996.js";import"./@tanstack-BvYNCsQh.js";import"./vue-router-Bje-Muh5.js";import"./@vueuse-D76s02Ot.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./@vee-validate-BY5H7fGS.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const b=k=>(pe("data-v-d0553a5c"),k=k(),ve(),k),be={class:"relative"},he={class:"subview-title text-color"},ye={class:"image-upload ml-auto"},we={for:"file-input"},xe={class:"inner-component p-4"},ke={class:"relative"},Ce={for:"username",class:"v-label"},Me=b(()=>s("div",{class:"py-1"},null,-1)),Ve={class:"relative"},$e={for:"password",class:"v-label"},Se=b(()=>s("div",{class:"py-1"},null,-1)),Ie={class:"relative"},Le={for:"passwordConfirm",class:"v-label"},Fe=b(()=>s("div",{class:"py-1"},null,-1)),Te={class:"relative"},ze={for:"sessionTimer",class:"v-label"},Oe=b(()=>s("div",{class:"py-1"},null,-1)),Ae={key:0,style:{"padding-top":"22px"}},Be={class:"relative"},Pe={class:"flex flex-row"},je={class:"v-label m-0 mb-0 ml-2",for:"rememberMe"},Ee={class:"text-sm"},Ne=b(()=>s("div",{class:"py-2"},null,-1)),Re={class:"relative"},De={class:"flex flex-row"},Ue={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},qe={class:"text-sm"},Je=b(()=>s("div",{class:"py-2"},null,-1)),Ge=le({__name:"Account",setup(k){var B,P;const{smallMobileActive:A}=se(),S=oe(),Q=ge(),{loginState:r}=_e(S),I=_("avatar"),C=_(),L=_(),h=_(!1),M=_(!1),V=_(!1);let F=((B=r.value.user)==null?void 0:B.rememberMe)??!1,T=((P=r.value.user)==null?void 0:P.oneLogin)??!1;const W=()=>{r.value.user&&(r.value.user.rememberMe=!r.value.user.rememberMe)},X=()=>{r.value.user&&(r.value.user.oneLogin=!r.value.user.oneLogin)},Y=()=>{L.value&&(L.value.resetForm(),I.value="avatar",C.value=void 0),r.value.user&&(r.value.user.rememberMe=F,r.value.user.oneLogin=T)},Z=async l=>{var c;const a=(c=l.target)==null?void 0:c.files;C.value=a==null?void 0:a[0],I.value=await ae(l)},ee=async l=>{var y,w,t,i,m,u,x;h.value=!0;let a;const c={...l};delete c.upload;const z=((y=r.value.user)==null?void 0:y.username)!==c.username||c.password&&c.passwordConfirm,f=Object.entries(c).some(([,p])=>p!==void 0);if(C.value&&(a=new FormData,a.append("upload",C.value)),!f&&!a){h.value=!1;return}try{await S.updateUser(c,a,!0),U.success(Q.t("components.toast.profile_updated")),F=((w=r.value.user)==null?void 0:w.rememberMe)??F,T=((t=r.value.user)==null?void 0:t.oneLogin)??T,z&&S.logout()}catch(p){U.error(((m=(i=p.response)==null?void 0:i.data)==null?void 0:m.message)??p.message??p),console.error(((x=(u=p.response)==null?void 0:u.data)==null?void 0:x.message)??p.message??p)}h.value=!1};return(l,a)=>{const c=te,z=ie("v-number-input");return j(),me(e(fe),{ref_key:"form",ref:L,class:"flex flex-col w-full","validation-schema":e(re),onSubmit:a[3]||(a[3]=f=>ee(f))},{default:n(()=>{var f,y,w;return[s("div",be,[s("span",he,d(l.$t("views.settings.profile")),1),s("div",ye,[s("label",we,[o(c,{src:e(I),size:"4rem",style:{"border-radius":"4rem",border:"1px solid var(--border)"}},null,8,["src"]),o(e(v),{id:"file-input",type:"file",name:"upload",accept:"image/png,image/jpeg,image/jpg",onChange:a[0]||(a[0]=t=>Z(t))})])]),s("div",xe,[s("div",ke,[s("label",Ce,d(l.$t("components.form.label.username")),1),o(e(v),{name:"username",value:(f=e(r).user)==null?void 0:f.username},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"username",variant:"outlined",density:"compact"},t,{type:"text",error:m.length>0,"error-messages":i}),null,16,["error","error-messages"])]),_:1},8,["value"])]),Me,s("div",Ve,[s("label",$e,d(l.$t("components.form.label.new_password")),1),o(e(v),{name:"password"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"password",variant:"outlined",density:"compact"},t,{type:e(M)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(M)?e(N):e(R),"onClick:appendInner":a[1]||(a[1]=u=>M.value=!e(M))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Se,s("div",Ie,[s("label",Le,d(l.$t("components.form.label.new_password_confirm")),1),o(e(v),{name:"passwordConfirm"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"passwordConfirm",variant:"outlined",density:"compact"},t,{type:e(V)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(V)?e(N):e(R),"onClick:appendInner":a[2]||(a[2]=u=>V.value=!e(V))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Fe,s("div",Te,[s("label",ze,d(l.$t("components.form.label.session_timer")),1),o(e(v),{name:"sessionTimer",value:(y=e(r).user)==null?void 0:y.sessionTimer},{default:n(({field:t,errorMessage:i,errors:m})=>{var u,x;return[o(z,g({"model-value":t.value,name:"sessionTimer",variant:"outlined",density:"compact"},t,{type:"number",step:600,error:m.length>0,"error-messages":i,disabled:(u=e(r).user)==null?void 0:u.rememberMe,"hide-details":(x=e(r).user)==null?void 0:x.rememberMe}),null,16,["model-value","error","error-messages","disabled","hide-details"])]}),_:1},8,["value"])]),Oe,(w=e(r).user)!=null&&w.rememberMe?(j(),de("div",Ae)):ce("",!0),s("div",Be,[o(e(v),{name:"rememberMe",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>[s("div",Pe,[o(q,g({"model-value":e(r).user.rememberMe,name:"rememberMe"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:W}),null,16,["model-value","error","error-messages"]),s("label",je,d(l.$t("components.form.label.remember_me")),1)])]),_:1}),o(G,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",Ee,d(l.$t("components.form.hint.remember_me")),1)]),_:1})]),Ne,s("div",Re,[o(e(v),{name:"oneLogin",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>{var u;return[s("div",De,[o(q,g({"model-value":(u=e(r).user)==null?void 0:u.oneLogin,name:"oneLogin"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:X}),null,16,["model-value","error","error-messages"]),s("label",Ue,d(l.$t("components.form.label.one_login")),1)])]}),_:1}),o(G,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",qe,d(l.$t("components.form.hint.one_login")),1)]),_:1})]),Je])]),s("div",{class:E(["flex flex-row my-5",{"mr-3":e(A)}])},[o(K,{class:"ml-auto mr-2 text-color bg-color-lighten",elevation:"0",tonal:"",style:{border:"1px solid rgba(var(--border-rgb), 0.75)"},loading:e(h),onClick:ue(Y,["prevent"])},{loader:n(()=>[o(H,{class:"text-color",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.cancel")),1)]),_:1},8,["loading"]),o(K,{class:E(["text-white bg-color-primary",{"mr-2":e(A)}]),loading:e(h),elevation:"0",tonal:"",style:{border:"1px solid var(--color-primary-darken-2)"},type:"submit"},{loader:n(()=>[o(H,{color:"#fff",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.save")),1)]),_:1},8,["loading","class"])],2)]}),_:1},8,["validation-schema"])}}}),ws=ne(Ge,[["__scopeId","data-v-d0553a5c"]]);export{ws as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.image-upload[data-v-d0553a5c]{position:absolute;right:10px;top:-12px;border:4px solid var(--background);border-radius:100px}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue3-apexcharts-B8Nznyy3.js","assets/@vue-DMh6qW6s.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
var ve=Object.defineProperty;var _e=(_,a,i)=>a in _?ve(_,a,{enumerable:!0,configurable:!0,writable:!0,value:i}):_[a]=i;var se=(_,a,i)=>_e(_,typeof a!="symbol"?a+"":a,i);import{F as K,t as ce,r as v,b as U,c as $,J as ue,e as S,O as R,R as n,j as w,u as o,V as D,T as L,f as M,l as fe,M as p,q as j,at as ge,B as me,w as q,a3 as Y,m as oe,ar as z,U as he,n as le}from"./@vue-DMh6qW6s.js";import{ay as ye,au as re}from"./@mdi-B8Roxr1z.js";import{i as G,u as be,N as ke,O as xe,d as J,a as we,L as We,z as X,P as d,x as pe,f as Le}from"./main-D1X9SzzX.js";import{s as de}from"./pinia-BQbsPkIS.js";import{l as H,e as Z,b as ee,a0 as Ne,a1 as te,X as ne,m as B}from"./vuetify-DYU2dOLI.js";import{i as ae}from"./vue3-toastify-D8Ru9hkX.js";import{P as Se}from"./plugins-BKEnSy-B.js";import{u as Pe,a as Ce,b as Oe}from"./@tanstack-BvYNCsQh.js";import{S as Te}from"./system-BTruCO3L.js";import"./vue-inline-svg-D1BV6A5r.js";import"./vue-i18n-DqKZtX1N.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./vue-router-Bje-Muh5.js";import"./@vueuse-D76s02Ot.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./vee-validate-9vrYaQFq.js";import"./@vee-validate-BY5H7fGS.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";var A=(_=>(_.READY="ready",_.RESTARTING="restarting",_.STARTING="starting",_.STARTED="started",_.STOPPED="stopped",_.ERROR="error",_.UNKNOWN="unknown",_))(A||{});const Re={class:"flex items-center first-item"},Ee={key:1},De={class:"text-center pt-2"},Ae=K({__name:"VUserTable",props:{loading:{type:Boolean,default:!1}},setup(_){const a=_,{t:i}=G.global,N=new xe,b=be(),{loginState:W}=de(b),{loading:c}=ce(a),u=v({pageSize:5,page:1}),y=U([{title:i("components.user_table.title_username"),align:"start",key:"username",value:"decoded.username",sortable:!0},{title:i("components.user_table.title_role"),align:"start",key:"role",value:"decoded.role",sortable:!0},{title:i("components.user_table.title_address"),align:"start",key:"address",value:"clientData.address",sortable:!0},{title:i("components.user_table.title_device"),align:"start",key:"device",value:"clientData.device",sortable:!0},{title:"",align:"end",key:"delete",value:"delete",width:"120px",sortable:!1}]),g=$(()=>E.value||x.value||c.value),O=$(()=>{var P;const T=Math.ceil((((P=l.value)==null?void 0:P.pagination.totalItems)||0)/u.value.pageSize);return T===1&&(u.value.page=1),T}),k=$(()=>{var T;return(T=l.value)==null?void 0:T.result.map(P=>({encoded:P.token,decoded:ke(P.token.access_token),clientData:P.clientData}))}),{data:l,isLoading:x,isPlaceholderData:h}=N.listQuery(u,!0),{mutate:I,isPending:E}=N.logoutTokenQuery(),F=()=>{u.value.page=Math.max(u.value.page-1,1)},V=()=>{h.value||(u.value.page=u.value.page+1)};return(T,P)=>{const Q=ue("router-link");return S(),R(te,{"items-per-page":o(u).pageSize,headers:o(y),items:o(k),class:"elevation-0","item-value":"username","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.username":n(({item:C})=>[w("div",Re,[C.encoded.access_token===o(W).access_token?(S(),R(Q,{key:0,to:"/settings/account"},{default:n(()=>[D(L(C.decoded.username),1)]),_:2},1024)):(S(),M("div",Ee,L(C.decoded.username),1)),C.encoded.access_token===o(W).access_token?(S(),R(H,{key:2,color:"#df2a4c",class:"ml-2",inline:"",content:T.$t("components.user_table.you")},null,8,["content"])):fe("",!0)])]),"item.delete":n(({item:C})=>[p(ee,{color:"#df2a4c",density:"compact",loading:o(g),icon:"",onClick:j(e=>o(I)({id:C.encoded._id,access_token:C.encoded.access_token}),["prevent"])},{default:n(()=>[p(Z,{size:"20"},{default:n(()=>[D(L(o(ye)),1)]),_:1})]),_:2},1032,["loading","onClick"])]),bottom:n(()=>[w("div",De,[p(Ne,{modelValue:o(u).page,"onUpdate:modelValue":P[0]||(P[0]=C=>o(u).page=C),length:o(O),onPrev:j(F,["prevent"]),onNext:j(V,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),$e=J(Ae,[["__scopeId","data-v-53a19c7d"]]),Ie={key:0,class:"text-disabled"},ie=K({__name:"VMetricCharts",props:{type:{},processInfo:{},maxDataPoints:{default:30},width:{default:200},height:{default:25},chartType:{default:"bar"}},async setup(_){let a,i;const N=([a,i]=ge(()=>We(()=>import("./vue3-apexcharts-B8Nznyy3.js"),__vite__mapDeps([0,1]))),a=await a,i(),a).default,b=we(),W=_,{theme:c}=de(b),{type:u,processInfo:y,maxDataPoints:g,chartType:O}=ce(W),k=$(()=>{const h=(y.value||[]).map(E=>u.value==="cpu"?E.cpuLoad:E.memLoad).slice(-g.value);return[{data:[...h,...Array(g.value-h.length).fill(0)].map(E=>parseFloat(E))}]}),l=$(()=>[{data:(y.value||[]).map(h=>h.timestamp)}]),x=$(()=>({chart:{type:O.value,sparkline:{enabled:!0}},plotOptions:{bar:{columnWidth:"80%"}},colors:[({value:h})=>h>=90?"#FA5252":h>=50?"#FF9966":"#df2a4c"],xaxis:{crosshairs:{width:1},axisBorder:{show:!1},axisTicks:{show:!1},categories:l.value[0].data},yaxis:{show:!1,labels:{formatter:h=>Math.ceil(h).toString()},min:0},tooltip:{theme:c.value,fixed:{enabled:!1},marker:{show:!1},y:{title:{formatter:function(){return""}},formatter:h=>`${h} %`},x:{formatter:h=>new Date(h).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}}}));return(h,I)=>(S(),M("div",null,[!o(y)||!o(y).length?(S(),M("span",Ie,L(h.$t("components.charts.no_data")),1)):(S(),R(o(N),{key:1,type:o(O),options:o(x),series:o(k),height:h.height,width:h.width,"data-no-clone":""},null,8,["type","options","series","height","width"]))]))}}),Fe={class:"flex items-center first-item"},Ve=K({__name:"VPluginTable",setup(_){const{t:a}=G.global,i=X(),N=new Se,b=v(),W=v(),c=v({}),u=v([]),y=v(30),g=v(200),O={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=v({}),l=v({}),x=$(()=>Object.values(k.value).filter(Boolean)),h=U([{title:a("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:a("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:a("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:g.value,minWidth:g.value,maxWidth:g.value,sortable:!1},{title:a("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:g.value,minWidth:g.value,maxWidth:g.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:E,suspense:F}=N.getPluginsQuery(me({page:1,pageSize:-1})),{mutateAsync:V}=N.restartPluginQuery(),T=$(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...O}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)r.disabled||(l.value[r.pluginName]||(l.value[r.pluginName]=[]),c.value[r.pluginName]||(c.value[r.pluginName]={name:r.pluginName,status:d.UNKNOWN}))},{deep:!0,immediate:!0});const P=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??d.UNKNOWN){case d.ERROR:return"#9d5752";case d.STARTING:return"orange";case d.READY:return"yellow";case d.STARTED:return"green";case d.STOPPED:return"red";case d.DISABLED:return"#2196f3";case d.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??d.UNKNOWN){case d.ERROR:return a("components.process_table.status_error");case d.STOPPED:return a("components.process_table.status_stopped");case d.READY:return a("components.process_table.status_ready");case d.STARTING:return a("components.process_table.status_starting");case d.STARTED:return a("components.process_table.status_started");default:return a("components.process_table.status_unknown")}},C=async e=>{var r,t,s,m;u.value.push(e);try{await V({pluginName:e})}catch(f){console.error(((t=(r=f.response)==null?void 0:r.data)==null?void 0:t.message)??f.message??f),ae.error(((m=(s=f.response)==null?void 0:s.data)==null?void 0:m.message)??f.message??f)}finally{u.value=u.value.filter(f=>f!==e)}};return Y(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-plugin-process-status"),W.value.socket.on("plugin-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-plugins-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.plugins;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,s]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(s),l.value[t].slice(-y.value)})}),(e,r)=>{const t=ue("router-link"),s=ie;return S(),R(te,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(E),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:m})=>[w("div",Fe,[p(ne,{location:"top",text:Q(m.name)},{activator:n(({props:f})=>[p(H,oe(f,{color:P(m.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),p(t,{to:`/plugins/${m.name}`,class:"ml-1"},{default:n(()=>[D(L(m.name),1)]),_:2},1032,["to"])])]),"item.cpuLoad":n(({item:m})=>[p(B,{color:parseFloat(m.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(m.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:m})=>[(S(),R(z,null,{default:n(()=>[p(s,{type:"cpu","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:m})=>[p(B,{color:parseFloat(m.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(m.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:m})=>[(S(),R(z,null,{default:n(()=>[p(s,{type:"memory","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:m})=>[p(ee,{color:"#df2a4c",density:"compact",loading:o(T)(m.name),icon:"",onClick:j(f=>C(m.name),["prevent"])},{default:n(()=>[p(Z,{size:"20"},{default:n(()=>[D(L(o(re)),1)]),_:1})]),_:2},1032,["loading","onClick"])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),Qe=J(Ve,[["__scopeId","data-v-0c5ea438"]]),je=async({parameter:_,signal:a})=>(await pe.get("/frameworkers",{params:_,signal:a})).data,ze=async({frameWorkerName:_})=>(await pe.put(`/frameworkers/${_}/restart`)).data;class Be{constructor(){se(this,"_queryClient",Pe());se(this,"queryActivator",v([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(a){return Ce({queryKey:["frameWorkerList",a],queryFn:({signal:i})=>je({parameter:o(a),signal:i}),placeholderData:i=>i,enabled:()=>this.queryActivator.value.some(i=>i.name==="getFrameWorkersQuery"&&i.enabled)})}restartFrameWorkerQuery(){return Oe({mutationFn:ze,onSuccess:async(a,i)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",i.frameWorkerName]}),ae.success(G.global.t("components.toast.frame_worker_restarted"))}})}toggleQueryActivator(a,i){const N=this.queryActivator.value.find(b=>b.name===a);N&&(N.enabled=i)}}const Ke={class:"flex items-center first-item"},qe={class:"ml-1"},Ge=K({__name:"VFrameWorkerTable",setup(_){const{t:a}=G.global,i=X(),N=new Be,b=v(),W=v(),c=v({}),u=v([]),y=v(30),g=v(200),O={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=v({}),l=v({}),x=$(()=>Object.values(k.value).filter(Boolean)),h=U([{title:a("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:a("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:a("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:g.value,minWidth:g.value,maxWidth:g.value,sortable:!1},{title:a("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:g.value,minWidth:g.value,maxWidth:g.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:E,suspense:F}=N.getFrameWorkersQuery(me({page:1,pageSize:-1})),{mutateAsync:V}=N.restartFrameWorkerQuery(),T=$(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...O}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)l.value[r.name]||(l.value[r.name]=[]),c.value[r.name]||(c.value[r.name]={name:r.name,status:d.UNKNOWN})},{deep:!0,immediate:!0});const P=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??d.UNKNOWN){case d.ERROR:return"#9d5752";case d.STARTING:return"orange";case d.READY:return"yellow";case d.STARTED:return"green";case d.STOPPED:return"red";case d.DISABLED:return"#2196f3";case d.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??d.UNKNOWN){case d.ERROR:return a("components.process_table.status_error");case d.STOPPED:return a("components.process_table.status_stopped");case d.READY:return a("components.process_table.status_ready");case d.STARTING:return a("components.process_table.status_starting");case d.STARTED:return a("components.process_table.status_started");default:return a("components.process_table.status_unknown")}},C=async e=>{var r,t,s,m;u.value.push(e);try{await V({frameWorkerName:e})}catch(f){console.error(((t=(r=f.response)==null?void 0:r.data)==null?void 0:t.message)??f.message??f),ae.error(((m=(s=f.response)==null?void 0:s.data)==null?void 0:m.message)??f.message??f)}finally{u.value=u.value.filter(f=>f!==e)}};return Y(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-frameworker-process-status"),W.value.socket.on("frameworker-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-frameworker-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.workers;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,s]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(s),l.value[t].slice(-y.value)})}),(e,r)=>{const t=ie;return S(),R(te,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(E),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:s})=>[w("div",Ke,[p(ne,{location:"top",text:Q(s.name)},{activator:n(({props:m})=>[p(H,oe(m,{color:P(s.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",qe,L(s.name),1)])]),"item.cpuLoad":n(({item:s})=>[p(B,{color:parseFloat(s.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(s.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:s})=>[(S(),R(z,null,{default:n(()=>[p(t,{type:"cpu","max-data-points":o(y),"process-info":o(l)[s.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:s})=>[p(B,{color:parseFloat(s.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(s.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:s})=>[(S(),R(z,null,{default:n(()=>[p(t,{type:"memory","max-data-points":o(y),"process-info":o(l)[s.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:s})=>[p(ee,{color:"#df2a4c",density:"compact",loading:o(T)(s.name),icon:"",onClick:j(m=>C(s.name),["prevent"])},{default:n(()=>[p(Z,{size:"20"},{default:n(()=>[D(L(o(re)),1)]),_:1})]),_:2},1032,["loading","onClick"])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),Me=J(Ge,[["__scopeId","data-v-79ef48d7"]]),Ue={class:"flex items-center first-item"},Ye={class:"ml-1"},Je=K({__name:"VProcessTable",setup(_){const{t:a}=G.global,i=X(),N=new Te,b=v(),W=v(),c=v(30),u=v(200),y=v(A.UNKNOWN),g=v(A.UNKNOWN),O=v(A.UNKNOWN),k={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},l=v({server:{name:"server",...k},go2rtc:{name:"go2rtc",...k},nats:{name:"nats",...k}}),x=v({server:[],go2rtc:[],nats:[]}),h=$(()=>Object.values(l.value).filter(Boolean)),I=U([{title:a("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:a("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:a("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:u.value,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:a("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:u.value,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{mutateAsync:E,isPending:F}=N.restartGo2Rtc(),{mutateAsync:V,isPending:T}=N.restartSystem();q(x,e=>{l.value.server=e.server[e.server.length-1]??{...k,name:"server"},l.value.go2rtc=e.go2rtc[e.go2rtc.length-1]??{...k,name:"go2rtc"},l.value.nats=e.nats[e.nats.length-1]??{...k,name:"nats"}},{deep:!0,immediate:!0});const P=e=>{switch(e){case"server":return y.value;case"go2rtc":return g.value;case"nats":return O.value;default:return A.UNKNOWN}},Q=e=>{switch(P(e)){case A.ERROR:return"#9d5752";case A.STARTING:return"orange";case A.READY:return"yellow";case A.STARTED:return"green";case A.STOPPED:return"red";case A.UNKNOWN:return"gray";default:return"gray"}},C=async e=>{var r,t,s,m;try{e==="server"?await V():await E()}catch(f){console.error(((t=(r=f.response)==null?void 0:r.data)==null?void 0:t.message)??f.message??f),ae.error(((m=(s=f.response)==null?void 0:s.data)==null?void 0:m.message)??f.message??f)}};return Y(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-process-status"),W.value.socket.on("process-status",e=>{e.server&&(y.value=e.server.status),e.go2rtc&&(g.value=e.go2rtc.status),e.nats&&(O.value=e.nats.status)}),b.value.request("get-server-process-info").subscribe(e=>{x.value=e}),b.value.socket.on("process-infos",e=>{const r=e.server,t=e.go2rtc,s=e.nats;x.value.server.push(r),x.value.server.slice(-c.value),x.value.go2rtc.push(t),x.value.go2rtc.slice(-c.value),x.value.nats.push(s),x.value.nats.slice(-c.value)})}),(e,r)=>{const t=ie;return S(),R(te,{"items-per-page":-1,headers:o(I),items:o(h),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:s})=>[w("div",Ue,[p(ne,{location:"top",text:e.$t(`components.process_table.status_${P(s.name)}`)},{activator:n(({props:m})=>[p(H,oe(m,{color:Q(s.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",Ye,L(s.name),1)])]),"item.cpuLoad":n(({item:s})=>[p(B,{color:parseFloat(s.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(s.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:s})=>[(S(),R(z,null,{default:n(()=>[p(t,{type:"cpu","max-data-points":o(c),"process-info":s.name==="server"?o(x).server:s.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:s})=>[p(B,{color:parseFloat(s.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[D(L(s.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:s})=>[(S(),R(z,null,{default:n(()=>[p(t,{type:"memory","max-data-points":o(c),"process-info":s.name==="server"?o(x).server:s.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:s})=>[p(ee,{color:"#df2a4c",density:"compact",loading:s.name==="server"?o(T):o(F),icon:"",onClick:j(m=>C(s.name),["prevent"])},{default:n(()=>[p(Z,{size:"20"},{default:n(()=>[D(L(o(re)),1)]),_:1})]),_:2},1032,["loading","onClick"])]),bottom:n(()=>[]),_:1},8,["headers","items"])}}}),Xe=J(Je,[["__scopeId","data-v-2ddf4657"]]),He={class:"h-full w-full inline-size mb-safe"},Ze={class:"page-title"},et={class:"subview-title text-color"},tt={class:"inner-component p-4"},at={class:"mt-10"},st={class:"subview-title text-color"},ot={class:"inner-component p-4"},rt={class:"mt-10"},nt={class:"subview-title text-color"},it={class:"inner-component p-4"},lt={class:"mt-10"},ct={class:"subview-title text-color"},ut={class:"inner-component p-4"},zt=K({__name:"Adminpanel",setup(_){const a=X(),{smallMobileActive:i}=Le(),N=v(),b=v(),W=v(!1);return Y(()=>{N.value=a.connectToNamespace("/metrics"),b.value=a.connectToNamespace("/status")}),he(()=>{var c,u,y,g;(u=(c=N.value)==null?void 0:c.end)==null||u.call(c),(g=(y=b.value)==null?void 0:y.end)==null||g.call(y)}),(c,u)=>{const y=Xe,g=Me,O=Qe,k=$e;return S(),M("main",{class:le({"px-0":o(i)})},[w("div",He,[w("div",{class:le(["mb-3 flex w-full items-center",{"px-2":o(i)}]),style:{height:"30px"}},[w("h1",Ze,L(c.$t(`views.${String(c.$route.name).toLowerCase()}.title`)),1)],2),w("div",null,[w("span",et,L(c.$t("views.adminpanel.system")),1),w("div",tt,[p(y)])]),w("div",at,[w("span",st,L(c.$t("views.adminpanel.frameworker")),1),w("div",ot,[p(g)])]),w("div",rt,[w("span",nt,L(c.$t("views.adminpanel.plugins")),1),w("div",it,[p(O)])]),w("div",lt,[w("span",ct,L(c.$t("views.adminpanel.currently_loggedin_users")),1),w("div",ut,[p(k,{loading:o(W)},null,8,["loading"])])])])],2)}}});export{zt as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
div[data-v-0c5ea438] .v-table__wrapper,div[data-v-79ef48d7] .v-table__wrapper,div[data-v-2ddf4657] .v-table__wrapper{overflow:hidden}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as v,a as h}from"./main-D1X9SzzX.js";import{_ as V}from"./@mdi-B8Roxr1z.js";import{s as c}from"./pinia-BQbsPkIS.js";import{y as u,d as b,z as g,e as y}from"./vuetify-DYU2dOLI.js";import{F as w,e as x,f as $,j as e,T as o,M as i,u as t,i as d,R as p,V as k}from"./@vue-DMh6qW6s.js";import"./vue-inline-svg-D1BV6A5r.js";import"./vue3-toastify-D8Ru9hkX.js";import"./vue-i18n-DqKZtX1N.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-BvYNCsQh.js";import"./vue-router-Bje-Muh5.js";import"./@vueuse-D76s02Ot.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./vee-validate-9vrYaQFq.js";import"./@vee-validate-BY5H7fGS.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";const S={class:"subview-title text-color"},T={class:"inner-component p-4"},B={class:"relative"},C={for:"theme",class:"v-label"},N=e("div",{class:"py-2"},null,-1),R={class:"ml-auto flex"},U={class:"flex flex-row"},z={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},A={class:"text-sm"},I=e("div",{class:"my-8"},null,-1),L={class:"subview-title text-color"},M={class:"inner-component p-4"},j={class:"relative"},D={for:"language",class:"v-label"},_e=w({__name:"Appearance",setup(E){const{locale:m,languages:f}=c(v()),{colors:_,theme:r,autoMode:n}=c(h());return(s,l)=>(x(),$("div",null,[e("div",null,[e("span",S,o(s.$t("views.settings.theme")),1),e("div",T,[e("div",B,[e("label",C,o(s.$t("components.form.label.theme")),1),i(u,{modelValue:t(r),"onUpdate:modelValue":l[0]||(l[0]=a=>d(r)?r.value=a:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:t(_),disabled:t(n)},null,8,["modelValue","items","disabled"])]),N,e("div",null,[e("div",R,[e("div",U,[i(b,{modelValue:t(n),"onUpdate:modelValue":l[1]||(l[1]=a=>d(n)?n.value=a:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",z,o(s.$t("components.form.label.system_preference")),1)])]),i(g,{variant:"tonal",color:"#df2a4c"},{prepend:p(()=>[i(y,{color:"#df2a4c",size:"20",class:"mt-1"},{default:p(()=>[k(o(t(V)),1)]),_:1})]),default:p(()=>[e("span",A,o(s.$t("components.form.hint.theme_system_preference")),1)]),_:1})])])]),I,e("div",null,[e("span",L,o(s.$t("views.settings.locale")),1),e("div",M,[e("div",j,[e("label",D,o(s.$t("components.form.label.language")),1),i(u,{modelValue:t(m),"onUpdate:modelValue":l[2]||(l[2]=a=>d(m)?m.value=a:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:t(f)},null,8,["modelValue","items"])])])])]))}});export{_e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{x as j,y as T,w as R}from"./main-D1X9SzzX.js";import{F as L,t as U,r as f,e as v,f as I,j as s,M as _,R as b,T as r,u,l as C,O as D,q as h,V as B,ae as J,i as E}from"./@vue-DMh6qW6s.js";import{i as F}from"./vue3-toastify-D8Ru9hkX.js";import{r as M}from"./system-BTruCO3L.js";import{aB as q,Y as A}from"./@mdi-B8Roxr1z.js";import{e as O,a2 as Y,b as z,n as G}from"./vuetify-DYU2dOLI.js";import{u as H}from"./vue-i18n-DqKZtX1N.js";import"./vue-inline-svg-D1BV6A5r.js";import"./axios--Jv2L996.js";import"./@tanstack-BvYNCsQh.js";import"./pinia-BQbsPkIS.js";import"./vue-router-Bje-Muh5.js";import"./@vueuse-D76s02Ot.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./vee-validate-9vrYaQFq.js";import"./@vee-validate-BY5H7fGS.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const K=async k=>(await j.post("/backup/download",{localStorage:k},{responseType:"arraybuffer"})).data,P=async k=>(await j.post("/backup/restore",k)).data,Q={class:"w-full"},W={class:"flex flex-col justify-center items-center mb-5"},X={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=L({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:q}},emits:["files-uploaded"],setup(k,{expose:S,emit:V}){const p=V,x=k,{accept:w,multiple:y}=U(x),$=f(!1),g=f(!1),i=f([]),e=f(null),n=l=>{const t=i.value.findIndex(a=>a.name===l);t>-1&&(i.value.splice(t,1),o())},d=l=>{if($.value=!1,g.value=!1,i.value=[],console.log(l),l.dataTransfer)if(!y.value&&l.dataTransfer.files.length>1)g.value=!0;else{for(const[,t]of Object.entries(l.dataTransfer.files))i.value.push(t);p("files-uploaded",i.value)}},m=l=>{var a;g.value=!1,i.value=[];const t=l.target;if(t&&t.files)if(!y.value&&((a=t.files)==null?void 0:a.length)>1)g.value=!0;else{for(const[,N]of Object.entries(t.files))i.value.push(N);p("files-uploaded",i.value)}},o=()=>{e.value&&(e.value.value="")};return S({reset:()=>{i.value=[],o()}}),(l,t)=>(v(),I("div",{class:"file-upload-box p-4",onDrop:t[0]||(t[0]=h(a=>d(a),["prevent"])),onDragover:t[1]||(t[1]=h(a=>$.value=!0,["prevent"])),onDragenter:t[2]||(t[2]=h(a=>$.value=!0,["prevent"])),onDragleave:t[3]||(t[3]=h(a=>$.value=!1,["prevent"]))},[s("div",Q,[s("div",W,[_(O,{class:"mt-5",size:"60"},{default:b(()=>[B(r(l.icon),1)]),_:1}),s("label",X,r(l.$t("components.upload_files.drop_or_select_file")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:e,type:"file",class:"d-none",accept:u(w),onChange:m},null,40,Z),u(g)?(v(),I("p",ee,r(l.$t("components.upload_files.only_one_file_allowed")),1)):C("",!0)]),u(i).length>0?(v(),D(Y,{key:0,items:u(i),"max-height":"150","item-height":"50"},{default:b(({item:a})=>[(v(),I("div",{key:a.name,class:"w-full flex flex-row items-center justify-start p-2"},[_(z,{size:"28",variant:"text",color:"red",rounded:"",onClick:h(N=>n(a.name),["stop"])},{default:b(()=>[_(O,{size:"20"},{default:b(()=>[B(r(u(A)),1)]),_:1})]),_:2},1032,["onClick"]),s("b",te,r(a.name),1),s("span",oe,"("+r(a.size)+" bytes)",1)])),u(i).length>1?(v(),D(G,{key:0})):C("",!0)]),_:1},8,["items"])):C("",!0)])],32))}}),ae={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},ne={class:"subview-title text-color"},le={class:"inner-component p-4"},re={class:"text-sm"},ie=s("br",null,null,-1),ce=s("div",{class:"my-8"},null,-1),ue={class:"subview-title text-color"},pe={class:"inner-component p-4"},de={class:"text-sm"},me=s("div",{class:"my-8"},null,-1),fe={class:"subview-title text-color"},ve={class:"inner-component p-4"},_e={class:"text-sm"},Ge=L({__name:"Backup",setup(k){const{t:S}=H(),V=f(null),p=f(!1),x=f(!1),w=f(!1),y=f([]),$=async()=>{var e,n,d,m;p.value=!0;try{const o={};if(localStorage.getItem("ui")){const a=localStorage.getItem("ui");o.ui=JSON.parse(a)}if(localStorage.getItem("locale")){const a=localStorage.getItem("locale");o.locale=a}if(localStorage.getItem("theme")){const a=localStorage.getItem("theme");o.theme=JSON.parse(a)}const c=await K(o),l=window.URL.createObjectURL(new Blob([c])),t=document.createElement("a");t.href=l,t.setAttribute("download","cameraui-backup.tar.gz"),document.body.appendChild(t),t.click(),t.remove()}catch(o){console.error(((n=(e=o.response)==null?void 0:e.data)==null?void 0:n.message)??o.message??o),F.error(((m=(d=o.response)==null?void 0:d.data)==null?void 0:m.message)??o.message??o)}p.value=!1},g=async()=>{var e,n,d,m,o;p.value=!0;try{const c=new FormData;c.append("upload",y.value[0]);const l=await P(c);i(l),(e=V.value)==null||e.reset(),F.success(S("components.toast.backup_restored")),x.value=!0,M()}catch(c){console.error(((d=(n=c.response)==null?void 0:n.data)==null?void 0:d.message)??c.message??c),F.error(((o=(m=c.response)==null?void 0:m.data)==null?void 0:o.message)??c.message??c),p.value=!1,x.value=!1}},i=e=>{e.theme&&localStorage.setItem("theme",JSON.stringify(e.theme)),e.locale&&localStorage.setItem("locale",e.locale),e.ui&&localStorage.setItem("ui",JSON.stringify(e.ui))};return(e,n)=>{const d=T,m=R;return v(),I("div",null,[(v(),D(J,{to:".app"},[u(x)?(v(),I("div",ae,[_(d,{reload:""})])):C("",!0)])),s("div",null,[s("span",ne,r(e.$t("views.settings.create_backup")),1),s("div",le,[s("span",re,r(e.$t("views.settings.create_backup_info")),1),ie,_(z,{loading:u(p),class:"mt-5",color:"#df2a4c",onClick:h($,["prevent"])},{default:b(()=>[B(r(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),ce,s("div",null,[s("span",ue,r(e.$t("views.settings.restore_backup")),1),s("div",pe,[s("span",de,r(e.$t("views.settings.restore_backup_info")),1),_(se,{ref_key:"input",ref:V,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:n[0]||(n[0]=o=>y.value=o)},null,512),_(z,{loading:u(p),disabled:!u(y).length,class:"mt-5",color:"#df2a4c",onClick:n[1]||(n[1]=h(o=>w.value=!0,["prevent"]))},{default:b(()=>[B(r(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),me,s("div",null,[s("span",fe,r(e.$t("views.settings.sheduled_backup")),1),s("div",ve,[s("span",_e,r(e.$t("views.settings.sheduled_backup_info")),1)])]),_(m,{modelValue:u(w),"onUpdate:modelValue":n[2]||(n[2]=o=>E(w)?w.value=o:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:n[3]||(n[3]=o=>g())},{content:b(()=>[s("span",null,r(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Ge as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as me,t as he,r as i,c as S,w as U,z as $e,aa as Be,y as Ne,a0 as Tt,e as n,f as x,M as w,R as k,g as ae,v as ce,u as t,X as L,j as g,O as R,T as q,l as Z,N as De,Q as Ce,ah as Ht,ai as kt,ao as $t,i as fe,J as Et,n as We,V as ge,b as Dt,q as Ct,ap as Ft}from"./@vue-C10tA4b9.js";import{E as zt,F as je,G as Vt,C as Ge,H as Ot,I as Mt,J as It}from"./@mdi-C-QA1nE3.js";import{a as Ue,f as qe,j as Rt,k as ue,l as Lt,m as Gt,n as At,o as Bt,p as Nt,q as Wt,d as ye,i as jt}from"./main-BCWSiwnj.js";import{s as Qe}from"./pinia-CitQ5b66.js";import{m as Ut,n as qt,p as Xe,q as Qt,s as Xt,d as Je,t as Ae,v as Jt,l as Zt}from"./@vueuse-BPeqNGoM.js";import{b as te,B as Ee,C as Yt,V as Fe,D as Kt,E as ea,R as ta,e as re,F as aa}from"./vuetify-CrcT8VHB.js";import{C as Ze,_ as Ye}from"./VPlayer-LX5HGLrY.js";import{u as Ke}from"./vue-router-OPGDMnws.js";import{D as la}from"./v-calendar-C-8W4FeM.js";import"./vue-inline-svg-C2gR6nRD.js";import"./vue3-toastify-DQr2dOCx.js";import"./vue-i18n-DuCDz9TJ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-B-9PO-kT.js";import"./vee-validate-Ck3I2guh.js";import"./@vee-validate-D_G0ehOl.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-B53o3e_J.js";import"./tslib-9k7AwCpt.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./@popperjs-BQBsAJpH.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-D80RNVmI.js";import"./draggabilly-Arakw9Dk.js";import"./get-size-D1dS-IaP.js";import"./unidragger-BYtqgAQ0.js";import"./ev-emitter-CXYwG0eJ.js";var r=(e=>(e[e.HEIGHT=8]="HEIGHT",e[e.WIDTH=85]="WIDTH",e.COLOR="#000000",e[e.OFFSET=50]="OFFSET",e[e.TIME_OFFSET=15]="TIME_OFFSET",e[e.TIME_START_POSITION=15]="TIME_START_POSITION",e[e.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),et=(e=>(e.type="seconds",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=15e3]="duration",e[e.timeMsFactor=15e3]="timeMsFactor",e[e.timeMsPerTick=1e3]="timeMsPerTick",e[e.timeMsPerPx=125]="timeMsPerPx",e[e.pxPerSecond=8]="pxPerSecond",e))(et||{}),tt=(e=>(e.type="two-minutes",e[e.bigTickInterval=4]="bigTickInterval",e[e.labelInterval=8]="labelInterval",e[e.duration=12e4]="duration",e[e.timeMsFactor=12e4]="timeMsFactor",e[e.timeMsPerTick=15e3]="timeMsPerTick",e[e.timeMsPerPx=1875]="timeMsPerPx",e[e.pxPerSecond=.5333333333333333]="pxPerSecond",e))(tt||{}),at=(e=>(e.type="fifteen-minutes",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=9e5]="duration",e[e.timeMsFactor=9e5]="timeMsFactor",e[e.timeMsPerTick=6e4]="timeMsPerTick",e[e.timeMsPerPx=7500]="timeMsPerPx",e[e.pxPerSecond=.13333333333333333]="pxPerSecond",e))(at||{}),lt=(e=>(e.type="thirty-minutes",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=9]="labelInterval",e[e.duration=18e5]="duration",e[e.timeMsFactor=18e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(lt||{}),ot=(e=>(e.type="hours",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=18]="labelInterval",e[e.duration=36e5]="duration",e[e.timeMsFactor=36e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(ot||{});const st=e=>(Ht("data-v-e8bb6d1c"),e=e(),kt(),e),oa={class:"absolute z-10 top-0 left-0 right-0 w-full"},sa={key:1},ia={key:0,class:"timeline-gradient-bg-top"},na=st(()=>g("div",{class:"timeline-gradient-bg-dark-top"},null,-1)),ra=st(()=>g("div",{class:"timeline-gradient-bg-white-top"},null,-1)),ua=[na,ra],ca=["data-tick-index"],ma=["data-tick-index"],da={key:0,class:"tick-label"},va={key:2},pa=me({__name:"VLiveTimeline",props:{zoomModel:{default:1},dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:N}){const W=e,M=N,{theme:P}=Qe(Ue()),{dateModel:z,modifier:$,zoomModel:f}=he(W),E=i(0),D=i(0),T=i(new Date),p=i(0),u=i(),s=i(!1),C=i(!1),F=i([]),O=i(!1),v=i(0),Y=i(0),le=i(new Date),K=i(0),A=i(0),oe=i("#5b5b5b"),V=i({timestamp:Date.now(),live:!0}),h=i(null),ee=i(null),H=i([]),c=i(0),{tabletActive:se,mobileActive:xe}=qe(),_e=Ut(h),be=qt({touch:!1,target:ee}),{isOutside:ie}=Xe(ee),{pressed:_}=Qt({touch:!1,target:ee}),B=Xt(h),ze=Je();Ae("ArrowDown",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop++)}),Ae("ArrowUp",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop--)});let we,Pe,Ve;const Oe=S(()=>B.y.value>0?"#0173ff":"#df2a4c"),it=S(()=>{let a=`transition: all .2s ease-out; background-color: ${Oe.value};`;return s.value?a+="width: 20px; left: 9px; border-radius: 30px":m.value.type==="seconds"?a+="width: 60px; left: 9px;":B.y.value===0?a+="width: 40px; left: 9px;":a+="width: 55px; left: 9px;",a}),nt=S(()=>`transition: all .5s ease-out; position: absolute; top: ${ne.value.px}px; background-color: ${Oe.value};`),ne=S(()=>{var d;const a=T.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=u.value)==null?void 0:d.timestamp)||a;return B.y.value===0&&(o=a),u.value&&(u.value.timestamp=o),{px:l,timestamp:o}}),rt=S(()=>m.value.type==="seconds"),Se=S(()=>r.HEIGHT*m.value.labelInterval),Me=S(()=>m.value.pxPerSecond*E.value+A.value),ut=S(()=>m.value.pxPerSecond*E.value-v.value*r.HEIGHT-3+A.value),ct=S(()=>`transition: all .5s ease-out; mask-image: url('data:image/svg+xml,${Ie.value}'); -webkit-mask-image: url('data:image/svg+xml,${Ie.value}'); mask-size: ${r.WIDTH}px ${Se.value}px; -webkit-mask-size: ${r.WIDTH}px ${Se.value}px; width: ${r.WIDTH}px; height: ${c.value}px; mask-position: 0px ${p.value+Me.value}px; -webkit-mask-position: 0px ${p.value+Me.value}px`),Ie=S(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Se.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!s.value)for(let l=0;l<m.value.labelInterval;l++){const o=l%m.value.labelInterval==0,d=0,b=o?4:l%m.value.bigTickInterval===0?2:1,y=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${y}" x2="${2*b}" y2="${y}" stroke="${oe.value}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),mt=S(()=>`transition: top .5s ease-out; height: ${r.HEIGHT}px;`),dt=S(()=>{var b;const a=(b=h.value)==null?void 0:b.getBoundingClientRect(),l=ze.width.value,o=($==null?void 0:$.value)||0,d=l-l+(o-o);return a?ze.height.value-a.top+d:null}),m=S(()=>gt(f.value)),vt=S(()=>`height: 100%; cursor: ${s.value?"default":_.value?"grabbing":"grab"}`);U(s,a=>{_e.value=a,M("is-loading",a)}),U(z,a=>{if(a){if(a.getTime()===ne.value.timestamp)return;a==null||a.setSeconds(0,0),Te(a)}}),U(be.y,(a,l)=>{if(_.value&&a!==l&&h.value){let o=Math.abs(a-l);a<l&&(o=o*-1),h.value.scrollTop=h.value.scrollTop-=o}}),U(B.isScrolling,a=>{M("is-scrolling",a),!a&&O.value&&(O.value=!1)}),U(B.y,(a,l)=>{var b,y;if(ke(),a===0&&de(-F.value.length),a!==l)if(a===0)V.value={timestamp:ne.value.timestamp,live:!0};else{const Q=(a-l)*m.value.timeMsPerPx,G=O.value?V.value.timestamp:V.value.timestamp-Q;V.value={timestamp:G,live:!1}}const d=(((b=h.value)==null?void 0:b.scrollHeight)||0)-(((y=h.value)==null?void 0:y.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&de(r.OFFSET)}),U(f,async()=>{await He(),B.y.value>0&&Te(V.value.timestamp,"auto",!0)});const Re=a=>{var o;const l=(dt.value||((o=h.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?c.value+a*r.HEIGHT>=l&&(c.value+=a*r.HEIGHT):c.value=l},de=(a,l,o)=>{var Q;if(a===0)return;const d=Math.abs(a);let b=H.value.length-d,y=a<0;if(l){y||(y=!0,a=-a);for(let G=0;G<d;G++){const I=H.value[0],ve=I.index,j=I.timestamp,X=ve-1,J={index:X,format:m.value.type,timestamp:j+m.value.timeMsPerTick,label:X%m.value.labelInterval==0};H.value.unshift(J)}}if(Re(a),y)b!==0&&d===1?H.value.pop():H.value.splice(b,d),F.value=[];else{const G=(((Q=h.value)==null?void 0:Q.clientHeight)||0)+r.OFFSET*r.HEIGHT,I=Math.ceil(G/r.HEIGHT),ve=H.value.length>=I?0:I-H.value.length+1;for(let j=0;j<d;j++){const X=H.value[H.value.length-1],pe=X.index+1,Le={index:pe,format:m.value.type,timestamp:X.timestamp-m.value.timeMsPerTick,label:pe%m.value.labelInterval==0};j>=ve&&F.value.push(Le),H.value.push(Le)}}},pt=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=T.value.getTime());const o=H.value.map(y=>y.timestamp),d=Wt(o,a),b=H.value.find(y=>y.timestamp===d.timestamp);return b&&(l={...b}),l},ft=a=>{typeof a!="number"&&(a=a.getTime());const l=ne.value.timestamp-a,o=new Date(ne.value.timestamp-l);return{y:l/m.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},gt=a=>{switch(a){case 1:return ot;case 2:return lt;case 3:return at;case 4:return tt}return et},ht=a=>new Promise(l=>{var X;yt();let o=T.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*m.value.timeMsPerTick,b=new Date(o+d),Q=xt(b).date.getTime(),G=Math.ceil(c.value/r.HEIGHT);for(let J=0;J<G;J++){const pe={index:J,format:m.value.type,timestamp:Q-J*m.value.timeMsPerTick,label:J%m.value.labelInterval==0};H.value.push(pe)}const I=pt(o);I&&(K.value=I.timestamp-o,u.value=I,u.value.timestamp=o);let j=(((X=u.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;K.value<0?j+=K.value/m.value.timeMsPerPx:K.value>0&&(j-=K.value/m.value.timeMsPerPx),p.value=-(r.HEIGHT/2)-j,l()}),yt=()=>{v.value=0,Y.value=0,E.value=0,D.value=0,H.value=[]},xt=a=>{switch(m.value.type){case"seconds":return Nt(a);case"two-minutes":return Bt(a);case"fifteen-minutes":return At(a);case"thirty-minutes":return Gt(a);case"hours":return Lt(a)}},Te=async(a,l="smooth",o=!1)=>{var b;if(a===0){(b=h.value)==null||b.scrollTo({top:0,behavior:"smooth"});return}O.value=o;const d=ft(a).y;if(d>=600){const y=r.OFFSET*m.value.timeMsPerTick,Q=y/m.value.timeMsPerPx,G=typeof a=="object"?a.getTime():a;await He(!0,G+y),O.value=!0,V.value.timestamp=G,$e(()=>{var I;return(I=h.value)==null?void 0:I.scrollTo({top:Q,behavior:l})});return}$e(()=>{var y;return(y=h.value)==null?void 0:y.scrollTo({top:d,behavior:l})})},He=async(a,l)=>new Promise(o=>{s.value=!0;const d=Date.now(),b=setInterval(async()=>{Rt(new Date).date.getTime()-d>=999&&(clearInterval(b),le.value=new Date,T.value=new Date,Pt(),wt(),await ht(l),s.value=!1,o())},1)}),_t=()=>{clearInterval(we),clearInterval(Pe)},bt=()=>{T.value=new Date,D.value++,B.y.value===0?(E.value=D.value,V.value={timestamp:T.value.getTime(),live:!0}):B.y.value>0&&!C.value&&(E.value++,V.value={timestamp:V.value.timestamp+1e3,live:!1})},wt=()=>{clearInterval(we),we=setInterval(bt,1e3)},Pt=()=>{clearInterval(Pe),Pe=setInterval(St,m.value.timeMsPerTick)},St=()=>{s.value||(le.value=new Date,Y.value++,B.y.value===0?(de(Y.value-v.value,!0),u.value&&(u.value.index-=Y.value-v.value),v.value=Y.value):B.y.value>0&&!C.value&&(de(1,!0),v.value++,u.value&&u.value.index--))},ke=()=>{clearTimeout(Ve),Ve=setTimeout(()=>{C.value=!1},500),C.value=!0};return Be(()=>{P.value==="light"?oe.value="#5b5b5b":oe.value="#888888"}),Ne(()=>{Re(),He()}),Tt(()=>{_t()}),(a,l)=>(n(),x("div",{ref_key:"timelineComponent",ref:ee,class:"relative h-full w-full"},[w(Ee,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(zt),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",style:L(`transition: all .3s ease-out; ${t(V).live?"":"right: 100px !important;"}`)},null,8,["disabled","icon","style"]),[[ce,t(xe)&&!t(ie)]])]),_:1}),w(Ee,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(je),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",onClick:l[0]||(l[0]=o=>Te(0))},null,8,["disabled","icon"]),[[ce,!t(V).live]])]),_:1}),g("div",oa,[w(Yt,{active:t(s),indeterminate:t(s),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),g("div",{class:"timeline-annotation",style:L(t(nt))},[g("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:L(t(it))},[t(s)?(n(),R(Fe,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(n(),x("div",sa,q(t(V).live?"LIVE":t(ue)(t(V).timestamp,"HH:mm:ss")),1))],4)],4),g("div",{ref_key:"timeline",ref:h,class:"timeline hide-scrollbar disable-overflow-scroll w-full relative",style:L(t(vt))},[t(se)?Z("",!0):(n(),x("div",ia,ua)),a.segment==="0"?(n(),x("div",{key:1,class:"relative h-full",style:L(t(se)?"":"top: -100px")},[g("div",{class:"timeline-scale",style:L(t(ct))},null,4),(n(!0),x(De,null,Ce(t(H),(o,d)=>(n(),x("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:L(`${t(mt)}; top: ${t(p)+t(ut)+d*t(r).HEIGHT}px`)},[g("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(s)?(n(),x("div",da,q(t(ue)(o.timestamp,t(rt)?"HH:mm:ss":"HH:mm")),1)):Z("",!0)],8,ma)],12,ca))),128))],4)):(n(),x("div",va))],4)],512))}}),fa=ye(pa,[["__scopeId","data-v-e8bb6d1c"]]),ga={class:"vue-ios13-segmented-control"},ha=["id","name","value"],ya=["for"],xa=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:N}){const W=e,M=N,P=i(0),{modelValue:z,segments:$}=he(W),f=S({get(){return z.value},set(p){M("update:modelValue",p)}}),E=S(()=>$.value.findIndex(p=>p.id===z.value)),D=S(()=>{let p=P.value*E.value;return P.value*E.value<0&&(p=0),`transform:translateX(${p}px)`}),T=()=>{$e(()=>{const p=document.querySelector(`input[type='radio'][value='${z.value}']`);P.value=p&&p.offsetWidth})};return U([$,z],()=>{T()},{deep:!0}),Jt(window,"resize",T),(p,u)=>(n(),x("div",ga,[g("span",{class:"selection-pill",style:L(t(D))},null,4),(n(!0),x(De,null,Ce(t($),s=>(n(),x("div",{key:s.id,class:"option"},[ae(g("input",{id:s.id,"onUpdate:modelValue":u[0]||(u[0]=C=>fe(f)?f.value=C:null),type:"radio",name:s.title,value:s.id},null,8,ha),[[$t,t(f)]]),g("label",{for:s.id,class:"w-full cursor-pointer"},[g("span",{style:L(t(f)===s.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},q(s.title),5)],8,ya)]))),128))]))}}),_a={key:0,class:"w-full flex items-center justify-center mt-10"},ba={class:"flex flex-col justify-center items-center"},wa=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const N=new Ze,W=Ke(),M=e,{showLabel:P}=he(M),z=i({page:1,pageSize:-1}),{data:$,isLoading:f}=N.getCamerasQuery(z),E=S(()=>{var D;return(D=$.value)==null?void 0:D.result.findIndex(T=>T.name===W.params.cameraname)});return(D,T)=>{const p=Ye,u=Et("router-link");return t(f)?(n(),x("div",_a,[w(Fe,{color:"#df2a4c",indeterminate:""})])):(n(),R(ea,{key:1,"model-value":t(E),class:"mt-3","show-arrows":"",mandatory:"force"},{default:k(()=>{var s;return[(n(!0),x(De,null,Ce(((s=t($))==null?void 0:s.result)||[],(C,F)=>(n(),R(Kt,{key:C.name,value:F},{default:k(({toggle:O,isSelected:v})=>[g("div",ba,[w(u,{to:`/cameras/${C.name}`,onClick:O},{default:k(()=>[ae(w(p,{class:"ma-3","current-camera":C.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[ta]])]),_:2},1032,["to","onClick"]),t(P)?(n(),x("div",{key:0,class:We(["add-transition slide-item-title",{"slide-item-title-active":v}])},q(C.name||D.$t("general.loading")),3)):Z("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),Pa=ye(wa,[["__scopeId","data-v-ec891350"]]),Sa=["onClick"],Ta=me({__name:"VCalendar",props:{showPicker:{type:Boolean,default:!1},showButton:{type:Boolean,default:!1},transitionTrigger:{type:Boolean,default:!0},loading:{type:Boolean,default:!0}},emits:["dateChanged","calendarOpen"],setup(e,{emit:N}){const W=e,M=N,{loading:P}=he(W),{theme:z}=Qe(Ue()),$=i(!1),f=i(new Date),E=Je();U(f,(u,s)=>{u?M("dateChanged",f.value):f.value=s});const D=()=>{$.value=!1,M("calendarOpen",!1)},T=()=>{$.value=!0,M("calendarOpen",!0)},p=u=>{P.value||u()};return(u,s)=>{const C=la;return n(),x("div",null,[w(C,{modelValue:t(f),"onUpdate:modelValue":s[0]||(s[0]=F=>fe(f)?f.value=F:null),"is-required":"",color:"gray","is-dark":t(z)==="dark","max-date":new Date,mode:"dateTime",is24hr:"",onPopoverDidShow:T,onPopoverDidHide:D},{default:k(({togglePopover:F})=>[w(Ee,null,{default:k(()=>[u.showButton?ae((n(),R(te,{key:0,disabled:t(P),transition:"fade-transition",position:"fixed",location:"bottom left",class:"date-fixed-btn rounded-xl",onClick:O=>p(F)},{default:k(()=>[ge(q(t(ue)(t(f))),1)]),_:2},1032,["disabled","onClick"])),[[ce,u.transitionTrigger]]):Z("",!0)]),_:2},1024),u.showPicker?(n(),x("div",{key:0,onClick:O=>p(F)},[g("span",{class:"text-sm cursor-pointer",style:L(t(P)?"color: #a8a8a8;":"")},q(t(E).width.value<875?t(ue)(t(f),"ddd., D. MMM."):t(ue)(t(f))),5),w(re,{size:"20",color:t(P)?"#a8a8a8":"#4a4a4a",class:"cursor-pointer"},{default:k(()=>[ge(q(t($)?t(je):t(Vt)),1)]),_:1},8,["color"])],8,Sa)):Z("",!0)]),_:1},8,["modelValue","is-dark","max-date"])])}}}),Ha=ye(Ta,[["__scopeId","data-v-818d397f"]]),ka={key:0,class:"flex items-center justify-center w-full h-full"},$a={key:1,class:"w-full h-full"},Ea={class:"absolute z-5 left-1 top-2"},Da={class:"left-content"},Ca={key:0,class:"timeline-toggle"},Fa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},za={key:0,class:"sidebar-header p-1 relative"},Va={class:"flex flex-row mb-2"},Oa={class:"w-1/2 flex justify-center items-center"},Ma={class:"w-1/2 flex justify-center items-center"},Ia=me({__name:"Camera",setup(e){const N=new Ze,W=Ke(),{desktopActive:M,mobileActive:P,tabletActive:z,extraSmallMobileActive:$}=qe(),{t:f}=jt.global,E=i(!1),D=i(new Date),T=i(),p=i(0),u=i("0"),s=i(!1),C=i(null),F=i(!1),O=i(!1),v=i(1),Y=Dt([{title:f("views.camera.timeline"),id:"0"},{title:f("views.camera.detections"),id:"1"}]),le=Zt(T),{isOutside:K}=Xe(C),A=S(()=>W.params.cameraname),{data:oe,isLoading:V}=N.getCameraQuery(A);U(v,()=>{});const h=()=>{v.value!==5&&(O.value||(v.value=(v.value||1)+1))},ee=()=>{v.value!==1&&(O.value||(v.value=(v.value||1)-1))};return Be(async()=>{v.value=1}),Ne(async()=>{setTimeout(()=>{T.value=document.querySelector(".player-container-main")},100)}),(H,c)=>{const se=Ha,xe=Ye,_e=Pa,be=xa,ie=fa;return n(),x("main",{class:"w-full h-full",style:L(t(P)?"padding: 0 !important":"")},[!t(oe)||t(V)?(n(),x("div",ka,[w(Fe,{color:"#df2a4c",indeterminate:""})])):(n(),x("div",$a,[ae((n(),R(se,{key:t(A),layout:"text","show-button":"","transition-trigger":!t(K)||t(E),"max-date":new Date,loading:t(F),onDateChanged:c[0]||(c[0]=_=>D.value=_),onCalendarOpen:c[1]||(c[1]=_=>E.value=_)},null,8,["transition-trigger","max-date","loading"])),[[ce,t(P)||t(E)]]),g("div",{class:We(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(M)}])},[g("div",Ea,[t($)?(n(),R(te,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:c[2]||(c[2]=Ct(_=>H.$router.push("/cameras"),["prevent"]))},{default:k(()=>[w(re,{size:"24"},{default:k(()=>[ge(q(t(Ge)),1)]),_:1})]),_:1})):Z("",!0)]),g("div",Da,[(n(),R(xe,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream",zoom:(t(P)||t(z))&&t(s),"current-camera":t(oe).name,"timeline-scrolling":t(O)||t(F),"border-radius":t(P)?0:3,"zoom-model":t(v),"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":"high-resolution",onResize:c[3]||(c[3]=_=>p.value=_),onZoomIn:h,onZoomOut:ee},null,8,["zoom","current-camera","timeline-scrolling","border-radius","zoom-model"])),(n(),R(Ft,null,[ae(w(_e,{"show-label":"","focus-index":""},null,512),[[ce,!t(P)]])],1024))]),g("div",{class:"right-content",style:L(t(z)?`height: ${t(le).height.value}px; width: ${t(le).width.value/3}px; right: ${t(s)?0:-2-t(le).width.value/3}px`:"")},[t(z)?(n(),x("div",Ca,[w(te,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:c[4]||(c[4]=_=>s.value=!t(s))},{default:k(()=>[w(re,{color:"#fff",size:"20"},{default:k(()=>[ge(q(t(s)?t(Ot):t(Ge)),1)]),_:1})]),_:1})])):Z("",!0),g("div",Fa,[!t(P)&&!t(z)?(n(),x("div",za,[g("div",Va,[g("div",Oa,[(n(),R(se,{key:t(A),loading:t(F),layout:"text","show-picker":"",onDateChanged:c[5]||(c[5]=_=>D.value=_)},null,8,["loading"]))]),g("div",Ma,[(n(),R(aa,{key:t(A),modelValue:t(v),"onUpdate:modelValue":c[6]||(c[6]=_=>fe(v)?v.value=_:null),disabled:t(F),readonly:"",min:"1",max:"5",step:"1","track-size":"1","thumb-size":"10","hide-details":""},{prepend:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==1,icon:"",onClick:ee},{default:k(()=>[w(re,{size:"20",icon:t(Mt)},null,8,["icon"])]),_:1},8,["disabled"])]),append:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==5,icon:"",onClick:h},{default:k(()=>[w(re,{size:"20",icon:t(It)},null,8,["icon"])]),_:1},8,["disabled"])]),_:1},8,["modelValue","disabled"]))])]),(n(),R(be,{key:t(A),modelValue:t(u),"onUpdate:modelValue":c[7]||(c[7]=_=>fe(u)?u.value=_:null),segments:t(Y)},null,8,["modelValue","segments"]))])):Z("",!0),(n(),R(ie,{key:t(A),ref_key:"timeline",ref:C,"date-model":t(D),"zoom-model":t(v),modifier:t(p),segment:t(u),onIsScrolling:c[8]||(c[8]=_=>O.value=_),onIsLoading:c[9]||(c[9]=_=>F.value=_)},null,8,["date-model","zoom-model","modifier","segment"]))])],4)],2)]))],4)}}}),_l=ye(Ia,[["__scopeId","data-v-7f3148ff"]]);export{_l as default};
|
|
1
|
+
import{F as me,t as he,r as i,c as S,w as U,z as $e,a3 as Be,y as Ne,a0 as Tt,e as n,f as x,M as w,R as k,g as ae,v as ce,u as t,X as L,j as g,O as R,T as q,l as Z,N as De,Q as Ce,ai as Ht,aj as kt,ap as $t,i as fe,J as Et,n as je,V as ge,b as Dt,q as Ct,aq as Ft}from"./@vue-DMh6qW6s.js";import{E as zt,F as We,G as Vt,C as Ge,H as Ot,I as Mt,J as It}from"./@mdi-B8Roxr1z.js";import{a as Ue,f as qe,j as Rt,k as ue,l as Lt,m as Gt,n as At,o as Bt,p as Nt,q as jt,d as ye,i as Wt}from"./main-D1X9SzzX.js";import{s as Qe}from"./pinia-BQbsPkIS.js";import{l as Ut,m as qt,n as Xe,p as Qt,q as Xt,d as Je,s as Ae,t as Jt,k as Zt}from"./@vueuse-D76s02Ot.js";import{b as te,B as Ee,C as Yt,V as Fe,D as Kt,E as ea,R as ta,e as re,F as aa}from"./vuetify-DYU2dOLI.js";import{C as Ze,_ as Ye}from"./VPlayer-YzfFbh8e.js";import{u as Ke}from"./vue-router-Bje-Muh5.js";import{D as la}from"./v-calendar-CVkp7hgG.js";import"./vue-inline-svg-D1BV6A5r.js";import"./vue3-toastify-D8Ru9hkX.js";import"./vue-i18n-DqKZtX1N.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-BvYNCsQh.js";import"./vee-validate-9vrYaQFq.js";import"./@vee-validate-BY5H7fGS.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"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./@popperjs-BQBsAJpH.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-BKEnSy-B.js";import"./draggabilly-Arakw9Dk.js";import"./get-size-D1dS-IaP.js";import"./unidragger-BYtqgAQ0.js";import"./ev-emitter-CXYwG0eJ.js";var r=(e=>(e[e.HEIGHT=8]="HEIGHT",e[e.WIDTH=85]="WIDTH",e.COLOR="#000000",e[e.OFFSET=50]="OFFSET",e[e.TIME_OFFSET=15]="TIME_OFFSET",e[e.TIME_START_POSITION=15]="TIME_START_POSITION",e[e.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),et=(e=>(e.type="seconds",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=15e3]="duration",e[e.timeMsFactor=15e3]="timeMsFactor",e[e.timeMsPerTick=1e3]="timeMsPerTick",e[e.timeMsPerPx=125]="timeMsPerPx",e[e.pxPerSecond=8]="pxPerSecond",e))(et||{}),tt=(e=>(e.type="two-minutes",e[e.bigTickInterval=4]="bigTickInterval",e[e.labelInterval=8]="labelInterval",e[e.duration=12e4]="duration",e[e.timeMsFactor=12e4]="timeMsFactor",e[e.timeMsPerTick=15e3]="timeMsPerTick",e[e.timeMsPerPx=1875]="timeMsPerPx",e[e.pxPerSecond=.5333333333333333]="pxPerSecond",e))(tt||{}),at=(e=>(e.type="fifteen-minutes",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=9e5]="duration",e[e.timeMsFactor=9e5]="timeMsFactor",e[e.timeMsPerTick=6e4]="timeMsPerTick",e[e.timeMsPerPx=7500]="timeMsPerPx",e[e.pxPerSecond=.13333333333333333]="pxPerSecond",e))(at||{}),lt=(e=>(e.type="thirty-minutes",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=9]="labelInterval",e[e.duration=18e5]="duration",e[e.timeMsFactor=18e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(lt||{}),ot=(e=>(e.type="hours",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=18]="labelInterval",e[e.duration=36e5]="duration",e[e.timeMsFactor=36e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(ot||{});const st=e=>(Ht("data-v-e8bb6d1c"),e=e(),kt(),e),oa={class:"absolute z-10 top-0 left-0 right-0 w-full"},sa={key:1},ia={key:0,class:"timeline-gradient-bg-top"},na=st(()=>g("div",{class:"timeline-gradient-bg-dark-top"},null,-1)),ra=st(()=>g("div",{class:"timeline-gradient-bg-white-top"},null,-1)),ua=[na,ra],ca=["data-tick-index"],ma=["data-tick-index"],da={key:0,class:"tick-label"},va={key:2},pa=me({__name:"VLiveTimeline",props:{zoomModel:{default:1},dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:N}){const j=e,M=N,{theme:P}=Qe(Ue()),{dateModel:z,modifier:$,zoomModel:f}=he(j),E=i(0),D=i(0),T=i(new Date),p=i(0),u=i(),s=i(!1),C=i(!1),F=i([]),O=i(!1),v=i(0),Y=i(0),le=i(new Date),K=i(0),A=i(0),oe=i("#5b5b5b"),V=i({timestamp:Date.now(),live:!0}),h=i(null),ee=i(null),H=i([]),c=i(0),{tabletActive:se,mobileActive:xe}=qe(),_e=Ut(h),be=qt({touch:!1,target:ee}),{isOutside:ie}=Xe(ee),{pressed:_}=Qt({touch:!1,target:ee}),B=Xt(h),ze=Je();Ae("ArrowDown",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop++)}),Ae("ArrowUp",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop--)});let we,Pe,Ve;const Oe=S(()=>B.y.value>0?"#0173ff":"#df2a4c"),it=S(()=>{let a=`transition: all .2s ease-out; background-color: ${Oe.value};`;return s.value?a+="width: 20px; left: 9px; border-radius: 30px":m.value.type==="seconds"?a+="width: 60px; left: 9px;":B.y.value===0?a+="width: 40px; left: 9px;":a+="width: 55px; left: 9px;",a}),nt=S(()=>`transition: all .5s ease-out; position: absolute; top: ${ne.value.px}px; background-color: ${Oe.value};`),ne=S(()=>{var d;const a=T.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=u.value)==null?void 0:d.timestamp)||a;return B.y.value===0&&(o=a),u.value&&(u.value.timestamp=o),{px:l,timestamp:o}}),rt=S(()=>m.value.type==="seconds"),Se=S(()=>r.HEIGHT*m.value.labelInterval),Me=S(()=>m.value.pxPerSecond*E.value+A.value),ut=S(()=>m.value.pxPerSecond*E.value-v.value*r.HEIGHT-3+A.value),ct=S(()=>`transition: all .5s ease-out; mask-image: url('data:image/svg+xml,${Ie.value}'); -webkit-mask-image: url('data:image/svg+xml,${Ie.value}'); mask-size: ${r.WIDTH}px ${Se.value}px; -webkit-mask-size: ${r.WIDTH}px ${Se.value}px; width: ${r.WIDTH}px; height: ${c.value}px; mask-position: 0px ${p.value+Me.value}px; -webkit-mask-position: 0px ${p.value+Me.value}px`),Ie=S(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Se.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!s.value)for(let l=0;l<m.value.labelInterval;l++){const o=l%m.value.labelInterval==0,d=0,b=o?4:l%m.value.bigTickInterval===0?2:1,y=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${y}" x2="${2*b}" y2="${y}" stroke="${oe.value}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),mt=S(()=>`transition: top .5s ease-out; height: ${r.HEIGHT}px;`),dt=S(()=>{var b;const a=(b=h.value)==null?void 0:b.getBoundingClientRect(),l=ze.width.value,o=($==null?void 0:$.value)||0,d=l-l+(o-o);return a?ze.height.value-a.top+d:null}),m=S(()=>gt(f.value)),vt=S(()=>`height: 100%; cursor: ${s.value?"default":_.value?"grabbing":"grab"}`);U(s,a=>{_e.value=a,M("is-loading",a)}),U(z,a=>{if(a){if(a.getTime()===ne.value.timestamp)return;a==null||a.setSeconds(0,0),Te(a)}}),U(be.y,(a,l)=>{if(_.value&&a!==l&&h.value){let o=Math.abs(a-l);a<l&&(o=o*-1),h.value.scrollTop=h.value.scrollTop-=o}}),U(B.isScrolling,a=>{M("is-scrolling",a),!a&&O.value&&(O.value=!1)}),U(B.y,(a,l)=>{var b,y;if(ke(),a===0&&de(-F.value.length),a!==l)if(a===0)V.value={timestamp:ne.value.timestamp,live:!0};else{const Q=(a-l)*m.value.timeMsPerPx,G=O.value?V.value.timestamp:V.value.timestamp-Q;V.value={timestamp:G,live:!1}}const d=(((b=h.value)==null?void 0:b.scrollHeight)||0)-(((y=h.value)==null?void 0:y.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&de(r.OFFSET)}),U(f,async()=>{await He(),B.y.value>0&&Te(V.value.timestamp,"auto",!0)});const Re=a=>{var o;const l=(dt.value||((o=h.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?c.value+a*r.HEIGHT>=l&&(c.value+=a*r.HEIGHT):c.value=l},de=(a,l,o)=>{var Q;if(a===0)return;const d=Math.abs(a);let b=H.value.length-d,y=a<0;if(l){y||(y=!0,a=-a);for(let G=0;G<d;G++){const I=H.value[0],ve=I.index,W=I.timestamp,X=ve-1,J={index:X,format:m.value.type,timestamp:W+m.value.timeMsPerTick,label:X%m.value.labelInterval==0};H.value.unshift(J)}}if(Re(a),y)b!==0&&d===1?H.value.pop():H.value.splice(b,d),F.value=[];else{const G=(((Q=h.value)==null?void 0:Q.clientHeight)||0)+r.OFFSET*r.HEIGHT,I=Math.ceil(G/r.HEIGHT),ve=H.value.length>=I?0:I-H.value.length+1;for(let W=0;W<d;W++){const X=H.value[H.value.length-1],pe=X.index+1,Le={index:pe,format:m.value.type,timestamp:X.timestamp-m.value.timeMsPerTick,label:pe%m.value.labelInterval==0};W>=ve&&F.value.push(Le),H.value.push(Le)}}},pt=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=T.value.getTime());const o=H.value.map(y=>y.timestamp),d=jt(o,a),b=H.value.find(y=>y.timestamp===d.timestamp);return b&&(l={...b}),l},ft=a=>{typeof a!="number"&&(a=a.getTime());const l=ne.value.timestamp-a,o=new Date(ne.value.timestamp-l);return{y:l/m.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},gt=a=>{switch(a){case 1:return ot;case 2:return lt;case 3:return at;case 4:return tt}return et},ht=a=>new Promise(l=>{var X;yt();let o=T.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*m.value.timeMsPerTick,b=new Date(o+d),Q=xt(b).date.getTime(),G=Math.ceil(c.value/r.HEIGHT);for(let J=0;J<G;J++){const pe={index:J,format:m.value.type,timestamp:Q-J*m.value.timeMsPerTick,label:J%m.value.labelInterval==0};H.value.push(pe)}const I=pt(o);I&&(K.value=I.timestamp-o,u.value=I,u.value.timestamp=o);let W=(((X=u.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;K.value<0?W+=K.value/m.value.timeMsPerPx:K.value>0&&(W-=K.value/m.value.timeMsPerPx),p.value=-(r.HEIGHT/2)-W,l()}),yt=()=>{v.value=0,Y.value=0,E.value=0,D.value=0,H.value=[]},xt=a=>{switch(m.value.type){case"seconds":return Nt(a);case"two-minutes":return Bt(a);case"fifteen-minutes":return At(a);case"thirty-minutes":return Gt(a);case"hours":return Lt(a)}},Te=async(a,l="smooth",o=!1)=>{var b;if(a===0){(b=h.value)==null||b.scrollTo({top:0,behavior:"smooth"});return}O.value=o;const d=ft(a).y;if(d>=600){const y=r.OFFSET*m.value.timeMsPerTick,Q=y/m.value.timeMsPerPx,G=typeof a=="object"?a.getTime():a;await He(!0,G+y),O.value=!0,V.value.timestamp=G,$e(()=>{var I;return(I=h.value)==null?void 0:I.scrollTo({top:Q,behavior:l})});return}$e(()=>{var y;return(y=h.value)==null?void 0:y.scrollTo({top:d,behavior:l})})},He=async(a,l)=>new Promise(o=>{s.value=!0;const d=Date.now(),b=setInterval(async()=>{Rt(new Date).date.getTime()-d>=999&&(clearInterval(b),le.value=new Date,T.value=new Date,Pt(),wt(),await ht(l),s.value=!1,o())},1)}),_t=()=>{clearInterval(we),clearInterval(Pe)},bt=()=>{T.value=new Date,D.value++,B.y.value===0?(E.value=D.value,V.value={timestamp:T.value.getTime(),live:!0}):B.y.value>0&&!C.value&&(E.value++,V.value={timestamp:V.value.timestamp+1e3,live:!1})},wt=()=>{clearInterval(we),we=setInterval(bt,1e3)},Pt=()=>{clearInterval(Pe),Pe=setInterval(St,m.value.timeMsPerTick)},St=()=>{s.value||(le.value=new Date,Y.value++,B.y.value===0?(de(Y.value-v.value,!0),u.value&&(u.value.index-=Y.value-v.value),v.value=Y.value):B.y.value>0&&!C.value&&(de(1,!0),v.value++,u.value&&u.value.index--))},ke=()=>{clearTimeout(Ve),Ve=setTimeout(()=>{C.value=!1},500),C.value=!0};return Be(()=>{P.value==="light"?oe.value="#5b5b5b":oe.value="#888888"}),Ne(()=>{Re(),He()}),Tt(()=>{_t()}),(a,l)=>(n(),x("div",{ref_key:"timelineComponent",ref:ee,class:"relative h-full w-full"},[w(Ee,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(zt),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",style:L(`transition: all .3s ease-out; ${t(V).live?"":"right: 100px !important;"}`)},null,8,["disabled","icon","style"]),[[ce,t(xe)&&!t(ie)]])]),_:1}),w(Ee,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(We),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",onClick:l[0]||(l[0]=o=>Te(0))},null,8,["disabled","icon"]),[[ce,!t(V).live]])]),_:1}),g("div",oa,[w(Yt,{active:t(s),indeterminate:t(s),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),g("div",{class:"timeline-annotation",style:L(t(nt))},[g("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:L(t(it))},[t(s)?(n(),R(Fe,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(n(),x("div",sa,q(t(V).live?"LIVE":t(ue)(t(V).timestamp,"HH:mm:ss")),1))],4)],4),g("div",{ref_key:"timeline",ref:h,class:"timeline hide-scrollbar disable-overflow-scroll w-full relative",style:L(t(vt))},[t(se)?Z("",!0):(n(),x("div",ia,ua)),a.segment==="0"?(n(),x("div",{key:1,class:"relative h-full",style:L(t(se)?"":"top: -100px")},[g("div",{class:"timeline-scale",style:L(t(ct))},null,4),(n(!0),x(De,null,Ce(t(H),(o,d)=>(n(),x("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:L(`${t(mt)}; top: ${t(p)+t(ut)+d*t(r).HEIGHT}px`)},[g("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(s)?(n(),x("div",da,q(t(ue)(o.timestamp,t(rt)?"HH:mm:ss":"HH:mm")),1)):Z("",!0)],8,ma)],12,ca))),128))],4)):(n(),x("div",va))],4)],512))}}),fa=ye(pa,[["__scopeId","data-v-e8bb6d1c"]]),ga={class:"vue-ios13-segmented-control"},ha=["id","name","value"],ya=["for"],xa=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:N}){const j=e,M=N,P=i(0),{modelValue:z,segments:$}=he(j),f=S({get(){return z.value},set(p){M("update:modelValue",p)}}),E=S(()=>$.value.findIndex(p=>p.id===z.value)),D=S(()=>{let p=P.value*E.value;return P.value*E.value<0&&(p=0),`transform:translateX(${p}px)`}),T=()=>{$e(()=>{const p=document.querySelector(`input[type='radio'][value='${z.value}']`);P.value=p&&p.offsetWidth})};return U([$,z],()=>{T()},{deep:!0}),Jt(window,"resize",T),(p,u)=>(n(),x("div",ga,[g("span",{class:"selection-pill",style:L(t(D))},null,4),(n(!0),x(De,null,Ce(t($),s=>(n(),x("div",{key:s.id,class:"option"},[ae(g("input",{id:s.id,"onUpdate:modelValue":u[0]||(u[0]=C=>fe(f)?f.value=C:null),type:"radio",name:s.title,value:s.id},null,8,ha),[[$t,t(f)]]),g("label",{for:s.id,class:"w-full cursor-pointer"},[g("span",{style:L(t(f)===s.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},q(s.title),5)],8,ya)]))),128))]))}}),_a={key:0,class:"w-full flex items-center justify-center mt-10"},ba={class:"flex flex-col justify-center items-center"},wa=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const N=new Ze,j=Ke(),M=e,{showLabel:P}=he(M),z=i({page:1,pageSize:-1}),{data:$,isLoading:f}=N.getCamerasQuery(z),E=S(()=>{var D;return(D=$.value)==null?void 0:D.result.findIndex(T=>T.name===j.params.cameraname)});return(D,T)=>{const p=Ye,u=Et("router-link");return t(f)?(n(),x("div",_a,[w(Fe,{color:"#df2a4c",indeterminate:""})])):(n(),R(ea,{key:1,"model-value":t(E),class:"mt-3","show-arrows":"",mandatory:"force"},{default:k(()=>{var s;return[(n(!0),x(De,null,Ce(((s=t($))==null?void 0:s.result)||[],(C,F)=>(n(),R(Kt,{key:C.name,value:F},{default:k(({toggle:O,isSelected:v})=>[g("div",ba,[w(u,{to:`/cameras/${C.name}`,onClick:O},{default:k(()=>[ae(w(p,{class:"ma-3","current-camera":C.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[ta]])]),_:2},1032,["to","onClick"]),t(P)?(n(),x("div",{key:0,class:je(["add-transition slide-item-title",{"slide-item-title-active":v}])},q(C.name||D.$t("general.loading")),3)):Z("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),Pa=ye(wa,[["__scopeId","data-v-ec891350"]]),Sa=["onClick"],Ta=me({__name:"VCalendar",props:{showPicker:{type:Boolean,default:!1},showButton:{type:Boolean,default:!1},transitionTrigger:{type:Boolean,default:!0},loading:{type:Boolean,default:!0}},emits:["dateChanged","calendarOpen"],setup(e,{emit:N}){const j=e,M=N,{loading:P}=he(j),{theme:z}=Qe(Ue()),$=i(!1),f=i(new Date),E=Je();U(f,(u,s)=>{u?M("dateChanged",f.value):f.value=s});const D=()=>{$.value=!1,M("calendarOpen",!1)},T=()=>{$.value=!0,M("calendarOpen",!0)},p=u=>{P.value||u()};return(u,s)=>{const C=la;return n(),x("div",null,[w(C,{modelValue:t(f),"onUpdate:modelValue":s[0]||(s[0]=F=>fe(f)?f.value=F:null),"is-required":"",color:"gray","is-dark":t(z)==="dark","max-date":new Date,mode:"dateTime",is24hr:"",onPopoverDidShow:T,onPopoverDidHide:D},{default:k(({togglePopover:F})=>[w(Ee,null,{default:k(()=>[u.showButton?ae((n(),R(te,{key:0,disabled:t(P),transition:"fade-transition",position:"fixed",location:"bottom left",class:"date-fixed-btn rounded-xl",onClick:O=>p(F)},{default:k(()=>[ge(q(t(ue)(t(f))),1)]),_:2},1032,["disabled","onClick"])),[[ce,u.transitionTrigger]]):Z("",!0)]),_:2},1024),u.showPicker?(n(),x("div",{key:0,onClick:O=>p(F)},[g("span",{class:"text-sm cursor-pointer",style:L(t(P)?"color: #a8a8a8;":"")},q(t(E).width.value<875?t(ue)(t(f),"ddd., D. MMM."):t(ue)(t(f))),5),w(re,{size:"20",color:t(P)?"#a8a8a8":"#4a4a4a",class:"cursor-pointer"},{default:k(()=>[ge(q(t($)?t(We):t(Vt)),1)]),_:1},8,["color"])],8,Sa)):Z("",!0)]),_:1},8,["modelValue","is-dark","max-date"])])}}}),Ha=ye(Ta,[["__scopeId","data-v-818d397f"]]),ka={key:0,class:"flex items-center justify-center w-full h-full"},$a={key:1,class:"w-full h-full"},Ea={class:"absolute z-5 left-1 top-2"},Da={class:"left-content"},Ca={key:0,class:"timeline-toggle"},Fa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},za={key:0,class:"sidebar-header p-1 relative"},Va={class:"flex flex-row mb-2"},Oa={class:"w-1/2 flex justify-center items-center"},Ma={class:"w-1/2 flex justify-center items-center"},Ia=me({__name:"Camera",setup(e){const N=new Ze,j=Ke(),{desktopActive:M,mobileActive:P,tabletActive:z,extraSmallMobileActive:$}=qe(),{t:f}=Wt.global,E=i(!1),D=i(new Date),T=i(),p=i(0),u=i("0"),s=i(!1),C=i(null),F=i(!1),O=i(!1),v=i(1),Y=Dt([{title:f("views.camera.timeline"),id:"0"},{title:f("views.camera.detections"),id:"1"}]),le=Zt(T),{isOutside:K}=Xe(C),A=S(()=>j.params.cameraname),{data:oe,isLoading:V}=N.getCameraQuery(A);U(v,()=>{});const h=()=>{v.value!==5&&(O.value||(v.value=(v.value||1)+1))},ee=()=>{v.value!==1&&(O.value||(v.value=(v.value||1)-1))};return Be(async()=>{v.value=1}),Ne(async()=>{setTimeout(()=>{T.value=document.querySelector(".player-container-main")},100)}),(H,c)=>{const se=Ha,xe=Ye,_e=Pa,be=xa,ie=fa;return n(),x("main",{class:"w-full h-full",style:L(t(P)?"padding: 0 !important":"")},[!t(oe)||t(V)?(n(),x("div",ka,[w(Fe,{color:"#df2a4c",indeterminate:""})])):(n(),x("div",$a,[ae((n(),R(se,{key:t(A),layout:"text","show-button":"","transition-trigger":!t(K)||t(E),"max-date":new Date,loading:t(F),onDateChanged:c[0]||(c[0]=_=>D.value=_),onCalendarOpen:c[1]||(c[1]=_=>E.value=_)},null,8,["transition-trigger","max-date","loading"])),[[ce,t(P)||t(E)]]),g("div",{class:je(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(M)}])},[g("div",Ea,[t($)?(n(),R(te,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:c[2]||(c[2]=Ct(_=>H.$router.push("/cameras"),["prevent"]))},{default:k(()=>[w(re,{size:"24"},{default:k(()=>[ge(q(t(Ge)),1)]),_:1})]),_:1})):Z("",!0)]),g("div",Da,[(n(),R(xe,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream",zoom:(t(P)||t(z))&&t(s),"current-camera":t(oe).name,"timeline-scrolling":t(O)||t(F),"border-radius":t(P)?0:3,"zoom-model":t(v),"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":"high-resolution",onResize:c[3]||(c[3]=_=>p.value=_),onZoomIn:h,onZoomOut:ee},null,8,["zoom","current-camera","timeline-scrolling","border-radius","zoom-model"])),(n(),R(Ft,null,[ae(w(_e,{"show-label":"","focus-index":""},null,512),[[ce,!t(P)]])],1024))]),g("div",{class:"right-content",style:L(t(z)?`height: ${t(le).height.value}px; width: ${t(le).width.value/3}px; right: ${t(s)?0:-2-t(le).width.value/3}px`:"")},[t(z)?(n(),x("div",Ca,[w(te,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:c[4]||(c[4]=_=>s.value=!t(s))},{default:k(()=>[w(re,{color:"#fff",size:"20"},{default:k(()=>[ge(q(t(s)?t(Ot):t(Ge)),1)]),_:1})]),_:1})])):Z("",!0),g("div",Fa,[!t(P)&&!t(z)?(n(),x("div",za,[g("div",Va,[g("div",Oa,[(n(),R(se,{key:t(A),loading:t(F),layout:"text","show-picker":"",onDateChanged:c[5]||(c[5]=_=>D.value=_)},null,8,["loading"]))]),g("div",Ma,[(n(),R(aa,{key:t(A),modelValue:t(v),"onUpdate:modelValue":c[6]||(c[6]=_=>fe(v)?v.value=_:null),disabled:t(F),readonly:"",min:"1",max:"5",step:"1","track-size":"1","thumb-size":"10","hide-details":""},{prepend:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==1,icon:"",onClick:ee},{default:k(()=>[w(re,{size:"20",icon:t(Mt)},null,8,["icon"])]),_:1},8,["disabled"])]),append:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==5,icon:"",onClick:h},{default:k(()=>[w(re,{size:"20",icon:t(It)},null,8,["icon"])]),_:1},8,["disabled"])]),_:1},8,["modelValue","disabled"]))])]),(n(),R(be,{key:t(A),modelValue:t(u),"onUpdate:modelValue":c[7]||(c[7]=_=>fe(u)?u.value=_:null),segments:t(Y)},null,8,["modelValue","segments"]))])):Z("",!0),(n(),R(ie,{key:t(A),ref_key:"timeline",ref:C,"date-model":t(D),"zoom-model":t(v),modifier:t(p),segment:t(u),onIsScrolling:c[8]||(c[8]=_=>O.value=_),onIsLoading:c[9]||(c[9]=_=>F.value=_)},null,8,["date-model","zoom-model","modifier","segment"]))])],4)],2)]))],4)}}}),_l=ye(Ia,[["__scopeId","data-v-7f3148ff"]]);export{_l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as N,_ as
|
|
1
|
+
import{C as N,_ as j}from"./VPlayer-YzfFbh8e.js";import{e as L,d as B,f as Q,h as T}from"./main-D1X9SzzX.js";import{s as R}from"./utils-BvINh1mj.js";import{k as D}from"./@vueuse-D76s02Ot.js";import{A as V,e as F,b as P}from"./vuetify-DYU2dOLI.js";import{F as I,t as G,r as S,c as C,y as K,e as t,f as s,u as e,N as f,Q as h,M as n,j as r,T as u,l as A,ai as O,aj as X,n as d,R as $,aa as q,X as z,O as H,V as J}from"./@vue-DMh6qW6s.js";import{e as U}from"./@mdi-B8Roxr1z.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./vee-validate-9vrYaQFq.js";import"./zod-BaF2dDCd.js";import"./pinia-BQbsPkIS.js";import"./@vee-validate-BY5H7fGS.js";import"./vue3-toastify-D8Ru9hkX.js";import"./plugins-BKEnSy-B.js";import"./@tanstack-BvYNCsQh.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"./vue-router-Bje-Muh5.js";import"./vue-inline-svg-D1BV6A5r.js";import"./vue-i18n-DqKZtX1N.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-DSyAi0LF.js";const W=c=>(O("data-v-9b070dd2"),c=c(),X(),c),Y={key:0,class:"camera-events hide-scrollbar flex flex-auto flex-row"},Z={key:1,class:"disabled-text"},ee={key:2,class:"camera-events hide-scrollbar flex flex-auto flex-row"},te=["onClick"],ae=W(()=>r("span",{class:"text-sm text-passive"},"12:01:45",-1)),se=I({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(c){const g=c,{camera:a,showAll:v}=G(g),p=S(!0),l=S(null),x=D(l),i=C(()=>{const o=[];for(let w=0;w<50;w++)o.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return o}),E=C(()=>v.value||i.value.some(o=>o.camera===(a==null?void 0:a.value))),y=C(()=>Math.ceil(x.width.value/150)),k=o=>{console.log(o)},m=o=>!!(v.value||a!=null&&a.value&&o===a.value);return K(async()=>{await R(1500),p.value=!1}),(o,w)=>{const M=L;return t(),s("div",{ref_key:"main",ref:l,style:{height:"170px","min-height":"170px","max-height":"170px"}},[e(p)?(t(),s("div",Y,[(t(!0),s(f,null,h(e(y),(_,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[n(V,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),n(V,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(p)&&(!e(E)||!e(i).length)?(t(),s("div",Z,[r("span",null,u(o.$t("components.camera_events.no_events")),1)])):(t(),s("div",ee,[(t(!0),s(f,null,h(e(i),(_,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[m(_.camera)?(t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:me=>k(_)},[n(M,{style:{background:"var(--background-img)","border-radius":"5px"},src:_.image,width:"100%",height:"100%","aspect-ratio":"1/1","spinner-size":"15","spinner-width":"2","error-style":"","placeholder-style":"",cover:""},null,8,["src"])],8,te)):A("",!0),ae]))),128))]))],512)}}}),oe=B(se,[["__scopeId","data-v-9b070dd2"]]),re={class:"h-full w-full inline-size mb-safe"},ie={class:"page-title"},ne={class:"page-title"},le={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},ce=I({__name:"Cameras",setup(c){const g=new N,{smallMobileActive:a,extraSmallMobileActive:v}=Q(),p=S({page:1,pageSize:-1}),{data:l,isLoading:x}=g.getCamerasQuery(p);return(i,E)=>{const y=oe,k=j;return t(),s("main",{class:d({"px-0":e(a)})},[r("div",re,[r("div",{class:d(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[r("h1",ie,u(i.$t("views.cameras.events")),1)],2),r("div",{class:d(["w-full mb-3",{"px-2":e(a)}])},[n(y,{"show-all":""})],2),r("div",{class:d(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[r("h1",ne,u(i.$t(`views.${String(i.$route.name).toLowerCase()}.title`)),1)],2),n(q,{name:"fade",tag:"div"},{default:$(()=>[e(x)||!e(l)?(t(),s("div",{key:0,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr))`)},[(t(),s(f,null,h(8,m=>n(V,{key:m,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(l).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(l).result.length===1?"50%":""}`)},[(t(!0),s(f,null,h(e(l).result,m=>(t(),s("div",{key:m.name,class:"relative item"},[n(k,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"",settings:"","current-camera":m.name,"border-radius":e(a)?0:3,border:!1,target:"snapshot","button-elevation":"1"},null,8,["current-camera","border-radius"])]))),128))],4)):(t(),s("div",{key:1,class:d({"disabled-text":!0,"px-2":e(a)})},u(i.$t("views.cameras.no_cameras")),3)),r("div",le,[e(T)(void 0,"admin")&&!e(v)?(t(),H(P,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[n(F,{size:"30"},{default:$(()=>[J(u(e(U)),1)]),_:1})]),_:1})):A("",!0)])]),_:1})])],2)}}}),He=B(ce,[["__scopeId","data-v-dc8d2dad"]]);export{He as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.camera-events[data-v-9b070dd2]{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;flex-wrap:nowrap}.camera-event-card[data-v-9b070dd2]{width:140px;aspect-ratio:1/1;scroll-snap-align:start;border-radius:5px}.camera-event-card[data-v-9b070dd2] .v-skeleton-loader__bone{border-radius:5px!important}.camera-event-card[data-v-9b070dd2] .v-skeleton-loader__image{height:140px}div[data-v-9b070dd2] .v-skeleton-loader__text{margin-top:6px!important;width:60px;height:15px}.cameras-title[data-v-dc8d2dad]{font-size:.9rem;color:var(--color-disabled)}.camera-gallery[data-v-dc8d2dad]{align-content:flex-start}.camera-card[data-v-dc8d2dad]{padding:.25rem;transition:.2s all ease-out;cursor:pointer}.grid[data-v-dc8d2dad]{display:grid;grid-template-rows:1fr;grid-gap:4px}.item[data-v-dc8d2dad]{display:flex;aspect-ratio:16/9;width:100%}.grid[data-v-dc8d2dad] .v-skeleton-loader__bone{border-radius:5px!important;height:100%}.new-camera[data-v-dc8d2dad]{opacity:.5;transition:.2s all ease-out}.new-camera[data-v-dc8d2dad]:hover{opacity:1}@media screen and (max-width: 639px){.grid[data-v-dc8d2dad] .v-skeleton-loader{border-radius:0!important;aspect-ratio:16/9}.grid[data-v-dc8d2dad] .v-skeleton-loader__bone{border-radius:0!important}}
|
|
@@ -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,a9 as fa,l as O,al as pa,n as me,W as ga,i as Ve,m as Re,ah as wa,ai as _a}from"./@vue-C10tA4b9.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-C-QA1nE3.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-CrcT8VHB.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-BCWSiwnj.js";import{F as Ue,a as Oa}from"./vee-validate-Ck3I2guh.js";import{_ as Se,u as je,C as Wa}from"./VPlayer-LX5HGLrY.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-Hf295yge.js";import{u as qe}from"./ui-CHKoHLl-.js";import{s as Me}from"./pinia-CitQ5b66.js";import{n as Je,w as Ke,l as Ze,x as ea}from"./@vueuse-BPeqNGoM.js";import"./vue-inline-svg-C2gR6nRD.js";import"./vue3-toastify-DQr2dOCx.js";import"./vue-i18n-DuCDz9TJ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-B-9PO-kT.js";import"./vue-router-OPGDMnws.js";import"./@vee-validate-D_G0ehOl.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-B53o3e_J.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-C-8W4FeM.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-D80RNVmI.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 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-DMh6qW6s.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-B8Roxr1z.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-DYU2dOLI.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-D1X9SzzX.js";import{F as Ue,a as Oa}from"./vee-validate-9vrYaQFq.js";import{_ as Se,u as je,C as Wa}from"./VPlayer-YzfFbh8e.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-CvPSCHQb.js";import{u as qe}from"./ui-CyEgSsGE.js";import{s as Me}from"./pinia-BQbsPkIS.js";import{m as Je,v as Ke,k as Ze,w as ea}from"./@vueuse-D76s02Ot.js";import"./vue-inline-svg-D1BV6A5r.js";import"./vue3-toastify-D8Ru9hkX.js";import"./vue-i18n-DqKZtX1N.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-BvYNCsQh.js";import"./vue-router-Bje-Muh5.js";import"./@vee-validate-BY5H7fGS.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-CVkp7hgG.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./plugins-BKEnSy-B.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};
|