camera.ui/interface/js/cameraFeed.b4ce4ca1.js

NVR like user interface for RTSP capable cameras.

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["cameraFeed"],{"335a":function(e,t,n){"use strict";
/*!
 * vue-aspect-ratio v0.1.1 
 * (c) 2019 albertodeagostini.dev@gmail.com
 * Released under the MIT License.
 */function i(e,t){return r(e)||a(e,t)||o()}function r(e){if(Array.isArray(e))return e}function a(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],i=!0,r=!1,a=void 0;try{for(var o,s=e[Symbol.iterator]();!(i=(o=s.next()).done);i=!0)if(n.push(o.value),t&&n.length===t)break}catch(c){r=!0,a=c}finally{try{i||null==s["return"]||s["return"]()}finally{if(r)throw a}}return n}}function o(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var s={name:"VueAspectRatio",props:{ar:{type:String,default:"1:1",validator:function(e){var t=e.split(":").map((function(e){return parseInt(e)})),n=i(t,2),r=n[0],a=n[1];return!Number.isNaN(r)&&!Number.isNaN(a)}},width:String},data:function(){return{w:null,h:null}},computed:{componentStyle:function(){return this.width?{width:this.width}:{}},innerStyle:function(){return{paddingTop:this.h/this.w*100+"%"}}},created:function(){var e=this.ar.split(":").map((function(e){return parseInt(e)})),t=i(e,2),n=t[0],r=t[1];this.w=n,this.h=r}};function c(e,t,n,i,r,a,o,s,c,d){"boolean"!==typeof o&&(c=s,s=o,o=!1);var u,l="function"===typeof n?n.options:n;if(e&&e.render&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns,l._compiled=!0,r&&(l.functional=!0)),i&&(l._scopeId=i),a?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,c(e)),e&&e._registeredComponents&&e._registeredComponents.add(a)},l._ssrRegister=u):t&&(u=o?function(){t.call(this,d(this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),u)if(l.functional){var m=l.render;l.render=function(e,t){return u.call(t),m(e,t)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,u):[u]}return n}var d=c,u="undefined"!==typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function l(e){return function(e,t){return h(e,t)}}var m=document.head||document.getElementsByTagName("head")[0],f={};function h(e,t){var n=u?t.media||"default":e,i=f[n]||(f[n]={ids:new Set,styles:[]});if(!i.ids.has(e)){i.ids.add(e);var r=t.source;if(t.map&&(r+="\n/*# sourceURL="+t.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",t.media&&i.element.setAttribute("media",t.media),m.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(r),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var a=i.ids.size-1,o=document.createTextNode(r),s=i.element.childNodes;s[a]&&i.element.removeChild(s[a]),s.length?i.element.insertBefore(o,s[a]):i.element.appendChild(o)}}}var p=l;const v=s;var w=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vue-aspect-ratio",style:e.componentStyle},[n("div",{staticClass:"vue-aspect-ratio__inner",style:e.innerStyle},[n("div",{staticClass:"vue-aspect-ratio__content"},[e._t("default")],2)])])},g=[];const y=function(e){e&&e("data-v-f0460d78_0",{source:".vue-aspect-ratio__inner[data-v-f0460d78]{position:relative}.vue-aspect-ratio__content[data-v-f0460d78]{position:absolute;top:0;left:0;width:100%;height:100%}",map:void 0,media:void 0})},_="data-v-f0460d78",b=void 0,C=!1;var x=d({render:w,staticRenderFns:g},y,v,_,C,b,p,void 0),E=Object.freeze({__proto__:null,default:x});function R(e){return e&&e["default"]||e}var S=R(E),N=S;t["a"]=N},d7ed:function(e,t,n){"use strict";n.r(t);var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.loading?n("div",{staticClass:"tw-flex tw-justify-center tw-items-center page-loading"},[n("v-progress-circular",{attrs:{indeterminate:"",color:"var(--cui-primary)"}})],1):n("div",{staticClass:"tw-w-full mh-100"},[n("div",{staticClass:"tw-h-full tw-flex tw-justify-center tw-items-center"},[n("vue-aspect-ratio",{attrs:{ar:"16:9",width:e.width+"px"}},[n("v-btn",{staticClass:"tw-text-white",staticStyle:{top:"10px"},attrs:{absolute:"",top:"",left:"",fab:"","x-small":"",color:"rgba(0, 0, 0, 0.5)"},on:{click:function(t){return e.$router.push("/cameras/"+e.camera.name)}}},[n("v-icon",{attrs:{size:"20"}},[e._v(e._s(e.icons["mdiChevronLeft"]))])],1),n("VideoCard",{ref:e.camera.name,attrs:{camera:e.camera,stream:"",noLink:"",hideNotifications:""}})],1)],1)])},r=[],a=n("1da1"),o=(n("96cf"),n("b0c0"),n("d3b7"),n("94ed")),s=n("335a"),c=n("4add"),d=n("c413"),u=n("00c2"),l={name:"Camera",components:{VideoCard:d["a"],"vue-aspect-ratio":s["a"]},mixins:[u["a"]],beforeRouteLeave:function(e,t,n){this.loading=!0,n()},data:function(){return{icons:{mdiChevronLeft:o["x"]},camera:{},cols:12,width:1024,loading:!0}},mounted:function(){var e=this;return Object(a["a"])(regeneratorRuntime.mark((function t(){var n,i;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,Object(c["b"])(e.$route.params.name);case 3:return n=t.sent,t.next=6,Object(c["c"])(e.$route.params.name);case 6:i=t.sent,n.data.settings=i.data,e.camera=n.data,["resize","orientationchange"].forEach((function(t){window.addEventListener(t,e.onResize)})),e.onResize(),e.loading=!1,t.next=18;break;case 14:t.prev=14,t.t0=t["catch"](0),console.log(t.t0),e.$toast.error(t.t0.message);case 18:case"end":return t.stop()}}),t,null,[[0,14]])})))()},beforeDestroy:function(){var e=this;["resize","orientationchange"].forEach((function(t){window.removeEventListener(t,e.onResize)}))},methods:{onResize:function(){this.width=this.windowWidth()<1024?this.windowWidth()-40:1024},windowHeight:function(){return Math.max(document.documentElement.clientHeight,window.innerHeight)},windowWidth:function(){return window.innerWidth&&document.documentElement.clientWidth?Math.min(window.innerWidth,document.documentElement.clientWidth):window.innerWidth||document.documentElement.clientWidth||document.getElementsByTagName("body")[0].clientWidth}}},m=l,f=n("2877"),h=n("6544"),p=n.n(h),v=n("8336"),w=n("132d"),g=n("490a"),y=Object(f["a"])(m,i,r,!1,null,"5cb185c5",null);t["default"]=y.exports;p()(y,{VBtn:v["a"],VIcon:w["a"],VProgressCircular:g["a"]})}}]);