{"version":3,"sources":["webpack:///./src/components/ResourceImage.vue?acfc","webpack:///./src/components/ResourceImage.vue?28f1","webpack:///./src/components/ResourceImage.vue","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/createClass.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/classCallCheck.js","webpack:///./src/components/ResourceImage.vue?9802","webpack:///src/components/ResourceImage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","class","image--stretch","stretch","attrs","src","url","on","load","loaded","$emit","$attrs","_t","folder","_e","fill-height","align-center","justify-center","ma-0","size","color","_v","staticRenderFns","components_ResourceImagevue_type_script_lang_js_","ResourceImagevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","__webpack_require__","d","_createClass","_core_js_object_define_property__WEBPACK_IMPORTED_MODULE_0__","_core_js_object_define_property__WEBPACK_IMPORTED_MODULE_0___default","n","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","key","Constructor","protoProps","staticProps","prototype","_classCallCheck","instance","TypeError","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ResourceImage_vue_vue_type_style_index_0_id_57c81486_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ResourceImage_vue_vue_type_style_index_0_id_57c81486_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","data","image","components","type","String","default","fileName","imgWidth","imgHeight","isSecure","Boolean","isLocal","methods","getBase64","ext","baseUrl","$store","state","ecApiBaseUrl","concat","Date","valueOf","ecApiMonitorServer","_services_helpers__WEBPACK_IMPORTED_MODULE_2__","storageServerBaseUrl","self","_services_backend_api__WEBPACK_IMPORTED_MODULE_1__","ecapi","method","responseType","baseURL","then","response","img","Buffer","from","toString","headers","toLowerCase","catch","created","watch","val"],"mappings":"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","file":"js/filespanel~imelphyqueue~imelphystore~imform~imgallery~imkiosk~immenu~immusic~imnews~impdf~imsecmenu~~72cbd1b3.d674ae3f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-img',_vm._b({class:{ 'image--stretch': _vm.stretch },attrs:{\"src\":_vm.url},on:{\"load\":function () {\n      _vm.loaded = true;\n      _vm.$emit('loaded');\n    }}},'v-img',_vm.$attrs,false),[_vm._t(\"default\"),(_vm.folder === 'Monitoring' && !_vm.loaded)?_c('v-layout',{attrs:{\"fill-height\":\"\",\"align-center\":\"\",\"justify-center\":\"\",\"ma-0\":\"\"}},[_c('v-icon',{attrs:{\"size\":\"5rem\",\"color\":\"grey lighten-1\"}},[_vm._v(\"fal fa-tv\")])],1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResourceImage.vue?vue&type=template&id=57c81486&scoped=true&\"\nimport script from \"./ResourceImage.vue?vue&type=script&lang=js&\"\nexport * from \"./ResourceImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResourceImage.vue?vue&type=style&index=0&id=57c81486&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57c81486\",\n  null\n  \n)\n\nexport default component.exports","import _Object$defineProperty from \"../../core-js/object/define-property\";\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n\n    _Object$defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceImage.vue?vue&type=style&index=0&id=57c81486&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResourceImage.vue?vue&type=style&index=0&id=57c81486&lang=scss&scoped=true&\"","<template>\r\n  <!-- <v-img v-bind=\"$attrs\" :src=\"image\"></v-img> -->\r\n  <v-img\r\n    @load=\"\r\n      () => {\r\n        loaded = true;\r\n        $emit('loaded');\r\n      }\r\n    \"\r\n    :class=\"{ 'image--stretch': stretch }\"\r\n    v-bind=\"$attrs\"\r\n    :src=\"url\"\r\n  >\r\n    <slot></slot>\r\n    <v-layout\r\n      v-if=\"folder === 'Monitoring' && !loaded\"\r\n      fill-height\r\n      align-center\r\n      justify-center\r\n      ma-0\r\n    >\r\n      <v-icon size=\"5rem\" color=\"grey lighten-1\">fal fa-tv</v-icon>\r\n    </v-layout>\r\n  </v-img>\r\n</template>\r\n\r\n<script>\r\nimport api from \"@/services/backend-api\";\r\nimport helpers from \"@/services/helpers\";\r\n\r\nexport default {\r\n  data: function() {\r\n    return {\r\n      image: null,\r\n      url: \"\",\r\n      loaded: false\r\n    };\r\n  },\r\n  components: {},\r\n  props: {\r\n    folder: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    fileName: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    imgWidth: {\r\n      type: String,\r\n      default: \"0\"\r\n    },\r\n    imgHeight: {\r\n      type: String,\r\n      default: \"0\"\r\n    },\r\n    isSecure: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    isLocal: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    stretch: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    load() {\r\n      if (!this.isSecure) {\r\n        // eslint-disable-next-line\r\n        let ext = \"\";\r\n        let baseUrl = this.$store.state.ecApiBaseUrl;\r\n        if (this.folder === \"Monitoring\") {\r\n          ext = `&ts=${new Date().valueOf()}`;\r\n          baseUrl = this.$store.state.ecApiMonitorServer;\r\n        } else if (this.folder === \"LayoutTemplate\") {\r\n          baseUrl = this.$store.state.ecApiBaseUrl;\r\n        } else {\r\n          baseUrl = helpers.storageServerBaseUrl;\r\n        }\r\n\r\n        if (!this.isLocal) {\r\n          if (this.folder) {\r\n            this.url = `${baseUrl}Resource/${this.folder}/${this.fileName}/?width=${this.imgWidth}&height=${this.imgHeight}${ext}`;\r\n          } else {\r\n            this.url = this.fileName;\r\n          }\r\n        } else {\r\n          this.url = `file:///${this.fileName}`;\r\n        }\r\n      } else this.getBase64();\r\n    },\r\n    getBase64: function() {\r\n      let ext = \"\";\r\n      if (this.folder === \"Monitoring\") ext = `&ts=${new Date().valueOf()}`;\r\n\r\n      let self = this;\r\n      let baseUrl = this.$store.state.ecApiBaseUrl;\r\n      // if (this.$route.query.storageserver) {\r\n      //   baseUrl =\r\n      //     this.$route.query.storageserver.replace(/\\/+$/, \"\") +\r\n      //     \"/Api/v1/local/\";\r\n      // }\r\n      if (this.folder === \"Monitoring\") {\r\n        ext = `&ts=${new Date().valueOf()}`;\r\n        baseUrl = this.$store.state.ecApiMonitorServer;\r\n      }\r\n\r\n      api\r\n        .ecapi(\r\n          // eslint-disable-next-line\r\n          {\r\n            method: \"get\",\r\n            url: `/Resource/${this.folder}/${this.fileName}/?width=${this.imgWidth}&height=${this.imgHeight}${ext}`,\r\n            responseType: \"arraybuffer\",\r\n            baseURL: baseUrl\r\n          }\r\n        )\r\n        .then(function(response) {\r\n          let img = Buffer.from(response.data, \"binary\").toString(\"base64\");\r\n          let src = `data:${response.headers[\r\n            \"content-type\"\r\n          ].toLowerCase()};base64,${img}`;\r\n          self.url = src;\r\n        })\r\n        .catch(function() {\r\n          // handle error\r\n        });\r\n    }\r\n  },\r\n  created: function() {\r\n    if (this.fileName) this.load();\r\n  },\r\n  watch: {\r\n    fileName(val) {\r\n      if (val) this.load();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep.image--stretch {\r\n  height: 100%;\r\n  width: 100%;\r\n  .v-image__image,\r\n  .v-image__image--cover {\r\n    background-size: 100% 100% !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n  }\r\n}\r\n</style>\r\n"],"sourceRoot":""}