{"version":3,"sources":["webpack:///src/views/mobile/ThumbnailView.vue","webpack:///./src/views/mobile/ThumbnailView.vue?7268","webpack:///./src/views/mobile/ThumbnailView.vue?ea67","webpack:///./src/views/mobile/ThumbnailView.vue?8b62","webpack:///./src/assets/images/array_btn.png","webpack:///./src/assets/images/drawer_btn.png","webpack:///./src/assets/images/grey_background.png","webpack:///./src/views/mobile/ThumbnailView.vue","webpack:///./src/views/mobile/ThumbnailView.vue?a7d3","webpack:///./src/views/mobile/ThumbnailView.vue?fbdf","webpack:///./src/views/mobile/ThumbnailView.vue?1369"],"names":["components","MobileAppBar","mixins","data","role","appbarTitle","streamList","videoStreamList","streamingUrlLoading","imgLoaders","deviceErrorStr","tempList","viewDrawer","belowVisible","userDetailData","isPortraitCols","watch","handler","loading","error","immediate","created","mounted","portrait","window","setTimeout","beforeDestroy","methods","onResize","checkPortrait","fetchStoreDetail","getCameraList","listSorting","onLoad","onError","from","name","getColumnCount","lg","sm","md","xl","xs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwM4B;AAC6B;AACpB;AACU;AAEhC;EACfA;IACAC;EACA;EACAC;EACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACAT;MACAU;QACA;QACA;UAAAC;UAAAC;QAAA;MACA;MACAC;IACA;EACA;EACAC;IACA;MACA;QAAAH;QAAAC;MAAA;IACA;IACA;IACA;MACA;IACA;MACA;IACA;IACA;IACA;EACA;EACAG;IACA;MACA;MACA;MACA;MACA;IACA;MACA;MACA;MACA;MACA;IACA;IACA;IACAC;IACA;IACAC;IACA;IACAC;EACA;EACAC;IACA;IACA;IACAH;EACA;EACAI;IACAC;MAEA;MACA;IACA;IACAC;MACA;QAEA,iDACA;MACA;QACA;;QAEA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;QACA;UAAAZ;UAAAC;QAAA;MACA;MACA;MACA;QAGA;QACA;QACA;UACA;UACA;UACA;YACA;cACA;cACAhB;cACA;YAEA;YACA;cACAsB;gBACA;cACA;YACA;UACA;QACA;UACA;QACA;MACA,mBAEA;IACA;IACAM;MACA;MACA;MACA;QACA;UAAAb;UAAAC;QAAA;MACA;MACA;MACA;QAEA;QACA;UACA;UACA;UACA;YACA;cACA;cACAhB;cACA;YACA;YACA;cACAsB;gBACA;cACA;YACA;UACA;QACA;UACA;QACA;MACA;QACA;MACA;IACA;IACAO;MACA;QACA;MACA;MAEA;IACA;IACAC;MACA;QAAAf;QAAAC;MAAA;IACA;IACAe;MACA;QAAAhB;QAAAC;MAAA;IACA;IACA;MACA;MACA;QAAAgB;QAAAC;MAAA;MACA;MACA;MACA;MACA;IACA;IACA;MACA;QAAAD;QAAAC;MAAA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;QAAAC;QAAAC;QAAAC;QAAAC;QAAAC;MAAA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACpYD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA;AACA,gBAAgB,yDAAyD;AACzE,OAAO;AACP;AACA;AACA,SAAS,wCAAwC,aAAa,EAAE;AAChE;AACA;AACA;AACA,aAAa,mCAAmC,6BAA6B,EAAE;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,mBAAO,CAAC,wEAA+B;AAClE,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,mBAAO,CAAC,0EAAgC;AACnE,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB,gCAAgC,8CAA8C;AAC9E,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,oBAAoB;AAClE,wCAAwC,aAAa;AACrD;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,8CAA8C,sBAAsB;AACpE;AACA;AACA;AACA,yCAAyC;AACzC;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC;AACA,+CAA+C,mBAAO,CAAC,oFAAqC;AAC5F,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA,+CAA+C,2BAA2B;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,oBAAoB;AAClE,wCAAwC,aAAa;AACrD;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,yCAAyC,mBAAO,CAAC,oFAAqC;AACtF,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA,4CAA4C,gCAAgC;AAC5E,mCAAmC;AACnC;AACA,iDAAiD,2BAA2B;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC;AACzC,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,4BAA4B,8BAA8B;AAC1D,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,oBAAoB;AAC9D,oCAAoC,kBAAkB;AACtD;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,0CAA0C,sBAAsB;AAChE;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,yCAAyC,mBAAO,CAAC,oFAAqC;AACtF,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA,4CAA4C,4BAA4B;AACxE,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,oBAAoB;AAC9D,oCAAoC,kBAAkB;AACtD;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA,qCAAqC,mBAAO,CAAC,oFAAqC;AAClF,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,4CAA4C,4BAA4B;AACxE,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC5YA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,oCAAoC,uBAAuB,GAAG,0CAA0C,6BAA6B,GAAG,0CAA0C,kCAAkC,GAAG,yCAAyC,uBAAuB,cAAc,0CAA0C,mBAAmB,sBAAsB,GAAG,6CAA6C,iBAAiB,uBAAuB,aAAa,cAAc,qCAAqC,GAAG,iCAAiC,kBAAkB,GAAG,kCAAkC,uBAAuB,WAAW,GAAG;AACvqB;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,uyBAA+c;AACre;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,wb;;;;;;;;;;;ACAjC,iCAAiC,wc;;;;;;;;;;;ACAjC,iCAAiC,oqG;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAwG;AACvC;AACL;AACsC;;;AAGlG;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,oGAAM;AACR,EAAE,6GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACC;AACM;AACP;AACC;AACqB;AACzE,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,mFAAU,CAAC,sEAAI,CAAC,uEAAI,CAAC,uGAAe,CAAC;;;AAG7E;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AClDf;AAAA;AAAA,wCAAsS,CAAgB,8UAAG,EAAC,C;;;;;;;;;;;;ACA1T;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/MobileThumbnailView.js","sourcesContent":["<template>\n  <v-container fluid class=\"ma-0 pa-0\">\n    <MobileAppBar :title=\"appbarTitle\" :belowVisible=\"belowVisible\"></MobileAppBar>\n    <v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\">\n      <v-col class=\"ma-0 pa-2\" cols=\"12\" align=\"right\">\n        <v-btn\n          width=\"auto\"\n          height=\"auto\"\n          class=\"ma-0 pa-0 mr-2\"\n          id=\"back_clean_btn\"\n          elevation=\"0\"\n          @click=\"viewDrawer = false\"\n        >\n          <v-img\n            max-height=\"2rem\"\n            max-width=\"2rem\"\n            class=\"ma-0 pa-0\"\n            src=\"@/assets/images/array_btn.png\"\n          ></v-img>\n        </v-btn>\n        <v-btn\n          width=\"auto\"\n          height=\"auto\"\n          class=\"ma-0 pa-0 mr-2\"\n          id=\"back_clean_btn\"\n          elevation=\"0\"\n          @click=\"viewDrawer = true\"\n        >\n          <v-img\n            max-height=\"2rem\"\n            max-width=\"2rem\"\n            class=\"ma-0 pa-0\"\n            src=\"@/assets/images/drawer_btn.png\"\n          ></v-img>\n        </v-btn>\n      </v-col>\n\n      <template v-if=\"viewDrawer == false && streamingUrlLoading == false\">\n        <v-row>\n          <v-col\n            v-for=\"(item, index) in videoStreamList\"\n            :key=\"index\"\n            ref=\"thumbnailRefArr\"\n            class=\"ma-0 pa-4 pt-2 pb-2\"\n            :cols=\"getColumnCount()\"\n            align=\"center\"\n            :class=\"{'non_display': videoStreamList[index] == undefined || streamingUrlLoading }\"\n          >\n            <v-col\n              v-if=\"item.streamAble == true\"\n              @click=\"goVideoPlayer(index)\"\n              class=\"thumbnail_box ma-0 pa-0\"\n              cols=\"12\"\n              style=\"cursor: pointer;\"\n            >\n              <v-img\n                v-if=\"!imgLoaders[index].error\"\n                style=\"height: 100%; width: 100%;\"\n                @load=\"onLoad(index)\"\n                @error=\"onError(index)\"\n                class=\"ma-0 pa-0\"\n                :src=\"item.thumbnail\"\n              />\n              <v-img\n                v-else\n                style=\"height: 100%; width: 100%;\"\n                class=\"ma-0 pa-0\"\n                src=\"@/assets/images/grey_background.png\"\n              >\n              <v-col class=\"ma-0 pa-0\" id=\"thumbnail_device_status\">\n                <v-col class=\"ma-0 pa-0\">{{ t('thumbnailError') }}</v-col>\n              </v-col>\n\t\t\t\t\t\t\t</v-img>\n              <v-col\n                class=\"ma-0 pa-0 pl-2 ellipsis\"\n                cols=\"12\"\n                id=\"thumbnail_title_box\"\n                align=\"left\"\n                v-if=\"streamingUrlLoading == false\"\n              >\n                {{ item.cameraName }}\n              </v-col>\n              <v-skeleton-loader\n                id=\"img_skeleton\"\n                width=\"100%\"\n                height=\"100%\"\n                :boilerplate=\"false\"\n                elevation=\"0\"\n                dark\n                type=\"image\"\n                v-if=\"imgLoaders[index].loading\"\n                class=\"ma-0 pa-0\"\n              ></v-skeleton-loader>\n            </v-col>\n            <v-col\n              v-else\n              @click=\"noUrlGoVideoPlayer(index)\"\n              class=\"thumbnail_box ma-0 pa-0\"\n              cols=\"12\"\n              style=\"cursor: pointer;\"\n            >\n              <v-img\n                style=\"height: 100%; width: 100%;\"\n                class=\"ma-0 pa-0\"\n                src=\"@/assets/images/grey_background.png\"\n              />\n              <v-col class=\"ma-0 pa-0\" id=\"thumbnail_device_status\">\n                <v-col class=\"ma-0 pa-0\">{{ t('offline') }}</v-col>\n              </v-col>\n              <v-col\n                class=\"ma-0 pa-0 pl-2 ellipsis\"\n                cols=\"12\"\n                id=\"thumbnail_title_box\"\n                align=\"left\"\n                v-if=\"streamingUrlLoading == false\"\n              >\n                {{ item.cameraName }}\n              </v-col>\n            </v-col>\n          </v-col>\n        </v-row>\n\n        <v-col\n          class=\"ma-0 pa-15\"\n          cols=\"12\"\n          align=\"center\"\n          v-if=\"videoStreamList.length == 0 && streamingUrlLoading == false\"\n        >\n          {{ t('noData') }}\n        </v-col>\n      </template>\n\n      <template v-else>\n        <v-col\n          v-for=\"(item, index) in videoStreamList\"\n          :key=\"index\"\n          ref=\"thumbnailRefArr\"\n          class=\"ma-0 pa-2 pt-0 pb-0\"\n          cols=\"12\"\n          align=\"center\"\n          :class=\"{'non_display': videoStreamList[index] == undefined || streamingUrlLoading }\"\n        >\n          <v-row\n            v-if=\"item.streamAble == true\"\n            @click=\"goVideoPlayer(index)\"\n            class=\"ma-0 pa-1 thumbnail_box_drawer\"\n            align=\"center\"\n            style=\"cursor: pointer;\"\n          >\n            <img\n              v-if=\"!imgLoaders[index].error\"\n              style=\"height: 3.5rem; width: 3.5rem;\"\n              @load=\"onLoad(index)\"\n              @error=\"onError(index)\"\n              class=\"ma-0 pa-0\"\n              :src=\"item.thumbnail\"\n            />\n            <img\n              v-else\n              style=\"height: 3.5rem; width: 3.5rem;\"\n              class=\"ma-0 pa-0\"\n              src=\"@/assets/images/grey_background.png\"\n            />\n            <v-col\n              class=\"ma-0 pa-0 pl-2 ellipsis2\"\n              cols=\"10\"\n              align=\"left\"\n              v-if=\"streamingUrlLoading == false\"\n            >\n              {{ item.cameraName }}\n            </v-col>\n          </v-row>\n          <v-row\n            v-else\n            @click=\"noUrlGoVideoPlayer(index)\"\n            class=\"ma-0 pa-1 thumbnail_box_drawer\"\n            align=\"center\"\n            style=\"cursor: pointer;\"\n          >\n            <img\n              style=\"height: 3.5rem; width: 3.5rem;\"\n              class=\"ma-0 pa-0\"\n              src=\"@/assets/images/grey_background.png\"\n            />\n            <v-col\n              class=\"ma-0 pa-0 pl-2 ellipsis2\"\n              cols=\"10\"\n              align=\"left\"\n              v-if=\"streamingUrlLoading == false\"\n            >\n              {{ item.cameraName }}\n            </v-col>\n          </v-row>\n        </v-col>\n      </template>\n    </v-col>\n  </v-container>\n</template>\n\n<script>\nimport mixin from \"@/mixin\";\nimport MobileAppBar from \"./components/MobileAppBar.vue\";\nimport rtcViewer from '@/api/webrtc';\nimport { VideoErrorStatus } from '@/constants';\n\nexport default {\n  components: {\n    MobileAppBar\n  },\n  mixins: [mixin.common],\n  data: () => ({\n    role: \"\",\n    appbarTitle: \"\",\n    streamList: [],\n    videoStreamList: [],\n    streamingUrlLoading: false,\n    imgLoaders: [],\n    deviceErrorStr: \"\",\n    tempList: [],\n    viewDrawer: false,\n    belowVisible: true,\n    userDetailData: {},\n    isPortraitCols: 12\n  }),\n  watch: {\n    videoStreamList: {\n      handler(newList) {\n        // videoStreamList가 변경될 때마다 imgLoaders 배열을 재설정합니다.\n        this.imgLoaders = newList.map(() => ({ loading: true, error: false }));\n      },\n      immediate: true\n    }\n  },\n  created() {\n    for (var i = 0; i < 99; i++) {\n      this.imgLoaders.push({ loading: true, error: false });\n    }\n    this.role = this.roleCheck(this.$store.getters.getRole);\n    if (this.role == \"private\" || this.role == \"branch\") {\n      this.belowVisible = false;\n    } else {\n      this.belowVisible = true;\n    }\n    this.onResize();\n    this.isPortraitCols = this.checkPortrait();\n  },\n  mounted() {\n    if (this.role == \"private\" || this.role == \"branch\") {\n      this.getCameraList();\n      this.userDetailData = this.$store.getters.getUserDetail;\n      this.appbarTitle = this.userDetailData.unisCustomerName;\n      this.checkCameraAuthResult();\n    } else {\n      // main, head\n      let unisCustomerCd = this.$route.query.unisCustomerCd;\n      this.fetchStoreDetail(unisCustomerCd);\n      this.checkCameraAuthResult();\n    }\n    let portrait = window.matchMedia(\"(orientation: portrait)\");\n    portrait.addEventListener(\"change\", this.onResize);\n    // 페이지 로드 시 스크롤을 제일 위로 이동\n    window.scrollTo(0, 0);\n    this.$store.commit('player/SET_PLAYER_ALL_VALUE_DEFAULT');\n    setTimeout(() => rtcViewer.removeRTCRemnants(), 1000);\n  },\n  beforeDestroy() {\n    if (typeof window === \"undefined\") return;\n    let portrait = window.matchMedia(\"(orientation: portrait)\");\n    portrait.removeEventListener(\"change\", this.onResize);\n  },\n  methods: {\n    onResize() {\n      console.log(\"resize\");\n      this.$store.state.isPortrait = window.innerHeight > window.innerWidth;\n      this.isPortraitCols = this.checkPortrait();\n    },\n    checkPortrait() {\n      if (this.$store.state.isMobile) {\n        console.log(\"isPortrait- \", this.$store.state.isPortrait);\n        if (this.$store.state.isPortrait) return 12;\n        else return 6;\n      } else {\n        // pc\n        console.log(\"pc\");\n        return 6;\n      }\n    },\n    fetchStoreDetail(unisCustomerCd) {\n      if (unisCustomerCd == undefined) return;\n      this.streamingUrlLoading = true;\n      this.imgLoaders = [];\n      for (var i = 0; i < 99; i++) {\n        this.imgLoaders.push({ loading: true, error: false });\n      }\n      let params = {};\n      this.networkController.getStoreDetail(params, unisCustomerCd).then(async (res) => {\n        console.log(\"%cStore Detail\\n\", \"color:#008DD0;\", res.data[0]);\n        console.log(\"%cDashboard Camera List\\n\", \"color:#008DD0;\", res.data[0].storeCameras);\n        this.streamList = res.data[0].storeCameras;\n        this.appbarTitle = res.data[0].customerName;\n        if (this.streamList.length != 0) {\n          this.videoStreamList = [];\n          this.tempList = [];\n          this.streamList.forEach((item, index) => {\n            if (item.isOnline && item.isUas === false) {\n              let data = item;\n              data.streamAble = true;\n              this.tempList.push(data);\n              console.log(data);\n            }\n            if (index == this.streamList.length - 1) {\n              setTimeout(() => {\n                this.listSorting();\n              }, 250);\n            }\n          });\n        } else {\n          this.streamingUrlLoading = false;\n        }\n      }).catch(error => {\n        console.error(error);\n      });\n    },\n    getCameraList() {\n      this.streamingUrlLoading = true;\n      this.imgLoaders = [];\n      for (var i = 0; i < 99; i++) {\n        this.imgLoaders.push({ loading: true, error: false });\n      }\n      let params = {};\n      this.networkController.getDashboardCameraList(params).then(async (res) => {\n        console.log(\"%cDashboard Camera List\\n\", \"color:#008DD0;\", res.data);\n        this.streamList = res.data;\n        if (res.data.length != 0) {\n          this.videoStreamList = [];\n          this.tempList = [];\n          this.streamList.forEach((item, index) => {\n            if (item.isOnline && item.isUas === false) {\n              let data = item;\n              data.streamAble = true;\n              this.tempList.push(data);\n            }\n            if (index == this.streamList.length - 1) {\n              setTimeout(() => {\n                this.listSorting();\n              }, 250);\n            }\n          });\n        } else {\n          this.streamingUrlLoading = false;\n        }\n      }).catch(error => {\n        this.streamingUrlLoading = false;\n      });\n    },\n    listSorting() {\n      this.videoStreamList = this.tempList.sort(function (a, b) {\n        return (a.cameraName < b.cameraName) ? -1 : ((a.cameraName > b.cameraName) ? 1 : 0);\n      });\n      console.log(this.videoStreamList, this.tempList);\n      this.streamingUrlLoading = false;\n    },\n    onLoad(index) {\n      this.imgLoaders.splice(index, 1, { loading: false, error: false });\n    },\n    onError(index) {\n      this.imgLoaders.splice(index, 1, { loading: false, error: true });\n    },\n    async goVideoPlayer(index) {\n      this.$vloading.show();\n      this.$store.commit(\"setPlayerFromWhere\", { from: \"dashboard\", name: \"dashboard\" });\n      this.$store.commit(\"setMobileCameraName\", this.videoStreamList[index].cameraName);\n      await this.$store.commit(\"setStreamInfo\", this.videoStreamList[index]);\n      this.$vloading.hide();\n      this.replaceRoute(\"/video-player\", {});\n    },\n    async noUrlGoVideoPlayer(index) {\n      this.$store.commit(\"setPlayerFromWhere\", { from: \"dashboard\", name: \"dashboard\" });\n      this.$store.commit(\"setMobileCameraName\", this.videoStreamList[index].cameraName);\n      await this.$store.commit(\"setVideoStreamingUrl\", \"\");\n      await this.$store.commit(\"setStreamInfo\", this.videoStreamList[index]);\n      this.replaceRoute(\"/video-player\", {});\n    },\n    getColumnCount() {\n      const { lg, sm, md, xl, xs } = this.$vuetify.breakpoint;\n      return lg ? 2 : sm ? 4 : md ? 6 : 12;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.thumbnail_box {\n  position: relative;\n}\n\n.thumbnail_box_length {\n  height: 25rem !important;\n}\n.thumbnail_box_drawer {\n  border-top: 1px solid rgb(65, 65, 65);\n}\n#thumbnail_title_box {\n  position: absolute;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: #bebebe;\n  font-size: 0.8rem;\n}\n#thumbnail_device_status {\n  color: white;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -55%);\n}\n.non_display {\n  display: none;\n}\n#img_skeleton {\n  position: absolute;\n  top: 0;\n}\n</style>\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\"MobileAppBar\", {\n        attrs: { title: _vm.appbarTitle, belowVisible: _vm.belowVisible },\n      }),\n      _c(\n        \"v-col\",\n        { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n        [\n          _c(\n            \"v-col\",\n            { staticClass: \"ma-0 pa-2\", attrs: { cols: \"12\", align: \"right\" } },\n            [\n              _c(\n                \"v-btn\",\n                {\n                  staticClass: \"ma-0 pa-0 mr-2\",\n                  attrs: {\n                    width: \"auto\",\n                    height: \"auto\",\n                    id: \"back_clean_btn\",\n                    elevation: \"0\",\n                  },\n                  on: {\n                    click: function ($event) {\n                      _vm.viewDrawer = false\n                    },\n                  },\n                },\n                [\n                  _c(\"v-img\", {\n                    staticClass: \"ma-0 pa-0\",\n                    attrs: {\n                      \"max-height\": \"2rem\",\n                      \"max-width\": \"2rem\",\n                      src: require(\"@/assets/images/array_btn.png\"),\n                    },\n                  }),\n                ],\n                1\n              ),\n              _c(\n                \"v-btn\",\n                {\n                  staticClass: \"ma-0 pa-0 mr-2\",\n                  attrs: {\n                    width: \"auto\",\n                    height: \"auto\",\n                    id: \"back_clean_btn\",\n                    elevation: \"0\",\n                  },\n                  on: {\n                    click: function ($event) {\n                      _vm.viewDrawer = true\n                    },\n                  },\n                },\n                [\n                  _c(\"v-img\", {\n                    staticClass: \"ma-0 pa-0\",\n                    attrs: {\n                      \"max-height\": \"2rem\",\n                      \"max-width\": \"2rem\",\n                      src: require(\"@/assets/images/drawer_btn.png\"),\n                    },\n                  }),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n          _vm.viewDrawer == false && _vm.streamingUrlLoading == false\n            ? [\n                _c(\n                  \"v-row\",\n                  _vm._l(_vm.videoStreamList, function (item, index) {\n                    return _c(\n                      \"v-col\",\n                      {\n                        key: index,\n                        ref: \"thumbnailRefArr\",\n                        refInFor: true,\n                        staticClass: \"ma-0 pa-4 pt-2 pb-2\",\n                        class: {\n                          non_display:\n                            _vm.videoStreamList[index] == undefined ||\n                            _vm.streamingUrlLoading,\n                        },\n                        attrs: { cols: _vm.getColumnCount(), align: \"center\" },\n                      },\n                      [\n                        item.streamAble == true\n                          ? _c(\n                              \"v-col\",\n                              {\n                                staticClass: \"thumbnail_box ma-0 pa-0\",\n                                staticStyle: { cursor: \"pointer\" },\n                                attrs: { cols: \"12\" },\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.goVideoPlayer(index)\n                                  },\n                                },\n                              },\n                              [\n                                !_vm.imgLoaders[index].error\n                                  ? _c(\"v-img\", {\n                                      staticClass: \"ma-0 pa-0\",\n                                      staticStyle: {\n                                        height: \"100%\",\n                                        width: \"100%\",\n                                      },\n                                      attrs: { src: item.thumbnail },\n                                      on: {\n                                        load: function ($event) {\n                                          return _vm.onLoad(index)\n                                        },\n                                        error: function ($event) {\n                                          return _vm.onError(index)\n                                        },\n                                      },\n                                    })\n                                  : _c(\n                                      \"v-img\",\n                                      {\n                                        staticClass: \"ma-0 pa-0\",\n                                        staticStyle: {\n                                          height: \"100%\",\n                                          width: \"100%\",\n                                        },\n                                        attrs: {\n                                          src: require(\"@/assets/images/grey_background.png\"),\n                                        },\n                                      },\n                                      [\n                                        _c(\n                                          \"v-col\",\n                                          {\n                                            staticClass: \"ma-0 pa-0\",\n                                            attrs: {\n                                              id: \"thumbnail_device_status\",\n                                            },\n                                          },\n                                          [\n                                            _c(\n                                              \"v-col\",\n                                              { staticClass: \"ma-0 pa-0\" },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.t(\"thumbnailError\")\n                                                  )\n                                                ),\n                                              ]\n                                            ),\n                                          ],\n                                          1\n                                        ),\n                                      ],\n                                      1\n                                    ),\n                                _vm.streamingUrlLoading == false\n                                  ? _c(\n                                      \"v-col\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pl-2 ellipsis\",\n                                        attrs: {\n                                          cols: \"12\",\n                                          id: \"thumbnail_title_box\",\n                                          align: \"left\",\n                                        },\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" + _vm._s(item.cameraName) + \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _vm._e(),\n                                _vm.imgLoaders[index].loading\n                                  ? _c(\"v-skeleton-loader\", {\n                                      staticClass: \"ma-0 pa-0\",\n                                      attrs: {\n                                        id: \"img_skeleton\",\n                                        width: \"100%\",\n                                        height: \"100%\",\n                                        boilerplate: false,\n                                        elevation: \"0\",\n                                        dark: \"\",\n                                        type: \"image\",\n                                      },\n                                    })\n                                  : _vm._e(),\n                              ],\n                              1\n                            )\n                          : _c(\n                              \"v-col\",\n                              {\n                                staticClass: \"thumbnail_box ma-0 pa-0\",\n                                staticStyle: { cursor: \"pointer\" },\n                                attrs: { cols: \"12\" },\n                                on: {\n                                  click: function ($event) {\n                                    return _vm.noUrlGoVideoPlayer(index)\n                                  },\n                                },\n                              },\n                              [\n                                _c(\"v-img\", {\n                                  staticClass: \"ma-0 pa-0\",\n                                  staticStyle: {\n                                    height: \"100%\",\n                                    width: \"100%\",\n                                  },\n                                  attrs: {\n                                    src: require(\"@/assets/images/grey_background.png\"),\n                                  },\n                                }),\n                                _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-0\",\n                                    attrs: { id: \"thumbnail_device_status\" },\n                                  },\n                                  [\n                                    _c(\"v-col\", { staticClass: \"ma-0 pa-0\" }, [\n                                      _vm._v(_vm._s(_vm.t(\"offline\"))),\n                                    ]),\n                                  ],\n                                  1\n                                ),\n                                _vm.streamingUrlLoading == false\n                                  ? _c(\n                                      \"v-col\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 pl-2 ellipsis\",\n                                        attrs: {\n                                          cols: \"12\",\n                                          id: \"thumbnail_title_box\",\n                                          align: \"left\",\n                                        },\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" + _vm._s(item.cameraName) + \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _vm._e(),\n                              ],\n                              1\n                            ),\n                      ],\n                      1\n                    )\n                  }),\n                  1\n                ),\n                _vm.videoStreamList.length == 0 &&\n                _vm.streamingUrlLoading == false\n                  ? _c(\n                      \"v-col\",\n                      {\n                        staticClass: \"ma-0 pa-15\",\n                        attrs: { cols: \"12\", align: \"center\" },\n                      },\n                      [_vm._v(\" \" + _vm._s(_vm.t(\"noData\")) + \" \")]\n                    )\n                  : _vm._e(),\n              ]\n            : _vm._l(_vm.videoStreamList, function (item, index) {\n                return _c(\n                  \"v-col\",\n                  {\n                    key: index,\n                    ref: \"thumbnailRefArr\",\n                    refInFor: true,\n                    staticClass: \"ma-0 pa-2 pt-0 pb-0\",\n                    class: {\n                      non_display:\n                        _vm.videoStreamList[index] == undefined ||\n                        _vm.streamingUrlLoading,\n                    },\n                    attrs: { cols: \"12\", align: \"center\" },\n                  },\n                  [\n                    item.streamAble == true\n                      ? _c(\n                          \"v-row\",\n                          {\n                            staticClass: \"ma-0 pa-1 thumbnail_box_drawer\",\n                            staticStyle: { cursor: \"pointer\" },\n                            attrs: { align: \"center\" },\n                            on: {\n                              click: function ($event) {\n                                return _vm.goVideoPlayer(index)\n                              },\n                            },\n                          },\n                          [\n                            !_vm.imgLoaders[index].error\n                              ? _c(\"img\", {\n                                  staticClass: \"ma-0 pa-0\",\n                                  staticStyle: {\n                                    height: \"3.5rem\",\n                                    width: \"3.5rem\",\n                                  },\n                                  attrs: { src: item.thumbnail },\n                                  on: {\n                                    load: function ($event) {\n                                      return _vm.onLoad(index)\n                                    },\n                                    error: function ($event) {\n                                      return _vm.onError(index)\n                                    },\n                                  },\n                                })\n                              : _c(\"img\", {\n                                  staticClass: \"ma-0 pa-0\",\n                                  staticStyle: {\n                                    height: \"3.5rem\",\n                                    width: \"3.5rem\",\n                                  },\n                                  attrs: {\n                                    src: require(\"@/assets/images/grey_background.png\"),\n                                  },\n                                }),\n                            _vm.streamingUrlLoading == false\n                              ? _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-0 pl-2 ellipsis2\",\n                                    attrs: { cols: \"10\", align: \"left\" },\n                                  },\n                                  [_vm._v(\" \" + _vm._s(item.cameraName) + \" \")]\n                                )\n                              : _vm._e(),\n                          ],\n                          1\n                        )\n                      : _c(\n                          \"v-row\",\n                          {\n                            staticClass: \"ma-0 pa-1 thumbnail_box_drawer\",\n                            staticStyle: { cursor: \"pointer\" },\n                            attrs: { align: \"center\" },\n                            on: {\n                              click: function ($event) {\n                                return _vm.noUrlGoVideoPlayer(index)\n                              },\n                            },\n                          },\n                          [\n                            _c(\"img\", {\n                              staticClass: \"ma-0 pa-0\",\n                              staticStyle: {\n                                height: \"3.5rem\",\n                                width: \"3.5rem\",\n                              },\n                              attrs: {\n                                src: require(\"@/assets/images/grey_background.png\"),\n                              },\n                            }),\n                            _vm.streamingUrlLoading == false\n                              ? _c(\n                                  \"v-col\",\n                                  {\n                                    staticClass: \"ma-0 pa-0 pl-2 ellipsis2\",\n                                    attrs: { cols: \"10\", align: \"left\" },\n                                  },\n                                  [_vm._v(\" \" + _vm._s(item.cameraName) + \" \")]\n                                )\n                              : _vm._e(),\n                          ],\n                          1\n                        ),\n                  ],\n                  1\n                )\n              }),\n        ],\n        2\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".thumbnail_box[data-v-5793a3fe] {\\n  position: relative;\\n}\\n.thumbnail_box_length[data-v-5793a3fe] {\\n  height: 25rem !important;\\n}\\n.thumbnail_box_drawer[data-v-5793a3fe] {\\n  border-top: 1px solid #414141;\\n}\\n#thumbnail_title_box[data-v-5793a3fe] {\\n  position: absolute;\\n  bottom: 0;\\n  background-color: rgba(0, 0, 0, 0.75);\\n  color: #bebebe;\\n  font-size: 0.8rem;\\n}\\n#thumbnail_device_status[data-v-5793a3fe] {\\n  color: white;\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -55%);\\n}\\n.non_display[data-v-5793a3fe] {\\n  display: none;\\n}\\n#img_skeleton[data-v-5793a3fe] {\\n  position: absolute;\\n  top: 0;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=style&index=0&id=5793a3fe&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"20ab223a\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=style&index=0&id=5793a3fe&lang=scss&scoped=true&\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=style&index=0&id=5793a3fe&lang=scss&scoped=true&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAPlJREFUWEftlVEKgzAQRHdPZG9Qaz/tnWrvVD8r9gZ6om0iCAmITEgEKeNfcLIZXmazKif/9OT+hAZzb4gESTCXQO5+ZpAEQwLvYZpUtNqiYmLjo7nc/D9Uh9BNymA/zOaKfsVkjIqr1G59bZtqqYfqjjFo8mrvVRcW7z9z54bmMzII6GhwJUCCSBbW8PtuVdWoScysdt1dhxlEdMi5SV2893z47nYGfTfvPjOhrrhBpGBpTRLB0ocj9ZIMohMC1RU3iE4IVHeMQWBCLAYBHQ1ykjgCSV3ss4VMCFRXPIOcJBtIk64YuZLSGhrMJUqCJJhLIHc/M/j3BH+V/Rg4COim1AAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAQdJREFUWEftlsENgkAQRXeUizdLoALRElZPiol0oB1oKdgJJqIn3BIUKqAEb16QVQ8kXP+OJsTMnufvf3lMwpLq+KGO8ykB5H4hMSgGuQa4edlBMcg1wM3/3w6mWbGxVK+dzFg6LGdBjGRhg8cs3xGpCClpZq1Vyc8BXcA4Gdggp8wlK4Au1toZ2GCa5fH7mbt1KrZqH86CHZKFAU+miGxtx0hJM0s9ui30KEGyMCBy+TdmBZBrETZozHX4sP3ApXhAz1zryR3JwoDpJf8s+Qopac0ewmkA/SZhwLO5+pXyfBdAT1XlXE9KJAsDIpd/Y1YAuRbFoBjkGuDmZQfFINcANy87yDX4AueGMSle/XwMAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,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\"","import { render, staticRenderFns } from \"./ThumbnailView.vue?vue&type=template&id=5793a3fe&scoped=true&\"\nimport script from \"./ThumbnailView.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbnailView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThumbnailView.vue?vue&type=style&index=0&id=5793a3fe&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  \"5793a3fe\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VBtn,VCol,VContainer,VImg,VRow,VSkeletonLoader})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('5793a3fe')) {\n      api.createRecord('5793a3fe', component.options)\n    } else {\n      api.reload('5793a3fe', component.options)\n    }\n    module.hot.accept(\"./ThumbnailView.vue?vue&type=template&id=5793a3fe&scoped=true&\", function () {\n      api.rerender('5793a3fe', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/mobile/ThumbnailView.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=style&index=0&id=5793a3fe&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThumbnailView.vue?vue&type=template&id=5793a3fe&scoped=true&\""],"sourceRoot":""}