1 line
4.3 KiB
Plaintext
1 line
4.3 KiB
Plaintext
{"version":3,"sources":["webpack:///./src/components/widgets/Camera/Index.vue?60da","webpack:///./src/components/widgets/Camera/Index.vue","webpack:///./src/components/widgets/Camera/Index.vue?b1bc"],"names":["class","ref","visible","type","alt","src","imgUrl","name","mixins","Utils","props","String","required","default","computed","this","indexOf","Date","getTime","toString","data","render","__scopeId"],"mappings":"kHAAA,W,2KCCOA,MAAM,wB,GACJA,MAAM,iBAAiBC,IAAI,a,aAQ3BD,MAAM,Y,SAEJA,MAAM,c,SACNA,MAAM,e,wEAZf,eAeM,MAfN,EAeM,CAdJ,eAMM,MANN,EAMM,CALyC,EAAAE,Q,wCAA7C,eAAwD,O,MAAnDF,MAAM,a,YAAa,eAAa,EAAD,O,yBACO,EAAAE,SAAe,UAAJ,EAAAC,M,iBAAtD,eAAwE,O,MAAnEC,IAAI,cAAeC,IAAK,EAAAC,Q,iBACX,EAAAJ,SAAe,UAAJ,EAAAC,M,iBAA7B,eAEQ,WADN,eAAmB,UAAVE,IAAK,EAAAA,KAAG,mB,4BAIrB,eAKM,MALN,EAKM,CAJJ,eAGS,UAHDL,MAAM,aAAc,QAAK,+BAAE,EAAAE,SAAW,EAAAA,W,CACf,EAAAA,S,iBAC7B,eAAgC,IAAhC,K,iBADA,eAAwC,IAAxC,a,4CAaO,GACbK,KAAM,SACNC,OAAQ,CAACC,EAAA,MACTC,MAAO,CAKLL,IAAK,CACHF,KAAMQ,OACNC,UAAU,GAMZT,KAAM,CACJA,KAAMQ,OACNE,QAAS,SAMXN,KAAM,CACJJ,KAAMQ,SAIVG,SAAU,CACRR,OADQ,WAEN,GAAkB,UAAdS,KAAKZ,KAGT,OAAOY,KAAKV,KAAOU,KAAKV,IAAIW,QAAQ,KAAO,EAAI,IAAM,KAAO,OAAS,IAAIC,MAAOC,UAAUC,aAI9FC,KAtCa,WAuCX,MAAO,CACLlB,SAAS,K,UC5Df,EAAOmB,OAAS,EAChB,EAAOC,UAAY,kBAEJ","file":"static/js/chunk-5d73ace1.8c73eb72.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=0fad5251&lang=scss&scoped=true\"","<template>\n <div class=\"camera component-row\">\n <div class=\"feed-container\" ref=\"container\">\n <div class=\"no-content\" v-text=\"name\" v-if=\"!visible\" />\n <img alt=\"Camera feed\" :src=\"imgUrl\" v-if=\"visible && type === 'image'\">\n <video v-else-if=\"visible && type === 'video'\">\n <source :src=\"src\">\n </video>\n </div>\n\n <div class=\"controls\">\n <button class=\"toggle-btn\" @click=\"visible = !visible\">\n <i class=\"fa fa-play\" v-if=\"!visible\" />\n <i class=\"fa fa-pause\" v-else />\n </button>\n </div>\n </div>\n</template>\n\n<script>\nimport Utils from \"@/Utils\";\n\n/**\n * This component can be used to view a feed from a camera.\n */\nexport default {\n name: \"Camera\",\n mixins: [Utils],\n props: {\n /**\n * Camera feed URL.\n * For instance, in the case of a PiCamera feed: http://host:8008/camera/pi/video.mjpeg\n */\n src: {\n type: String,\n required: true,\n },\n\n /**\n * Camera feed type - it can be \"image\" (usually in case of MJPEG feeds) or \"video\".\n */\n type: {\n type: String,\n default: \"image\",\n },\n\n /**\n * Camera feed name.\n */\n name: {\n type: String,\n },\n },\n\n computed: {\n imgUrl() {\n if (this.type !== 'image')\n return\n\n return this.src + (this.src.indexOf('?') > 0 ? '&' : '?') + '_t=' + (new Date().getTime().toString())\n },\n },\n\n data() {\n return {\n visible: false,\n }\n },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.camera {\n width: calc(100% + 2em);\n height: calc(100% + 2em);\n position: relative;\n background: black;\n color: #888;\n margin: -1em;\n\n .feed-container {\n width: 100%;\n height: calc(100% - 3em);\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .controls {\n width: 100%;\n height: 3em;\n position: absolute;\n bottom: 0;\n\n button {\n background: none;\n border: none;\n color: #888;\n }\n }\n}\n</style>\n","import { render } from \"./Index.vue?vue&type=template&id=0fad5251&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=0fad5251&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-0fad5251\"\n\nexport default script"],"sourceRoot":""} |