{"version":3,"sources":["webpack:///src/components/loader/ImageSkeleton.vue","webpack:///src/views/whitetest/UiTestPage.vue","webpack:///./src/components/loader/ImageSkeleton.vue?a6d0","webpack:///./src/views/whitetest/UiTestPage.vue?b95b","webpack:///./src/views/whitetest/UiTestPage.vue?6fd7","webpack:///./src/views/whitetest/UiTestPage.vue?d57d","webpack:///./src/assets/images/calendar.png","webpack:///./src/assets/images/icon_arrow_down_small.png","webpack:///./src/assets/images/icon_arrow_up_small.png","webpack:///./src/components/loader/ImageSkeleton.vue","webpack:///./src/components/loader/ImageSkeleton.vue?eb7b","webpack:///./src/components/loader/ImageSkeleton.vue?2200","webpack:///./src/views/whitetest/UiTestPage.vue","webpack:///./src/views/whitetest/UiTestPage.vue?ac75","webpack:///./src/views/whitetest/UiTestPage.vue?54bb","webpack:///./src/views/whitetest/UiTestPage.vue?de1f"],"names":["props","loaderCount","width","height","components","mixins","data","Header","ImageSkeleton","TimePicker","snackbar","streamingUrlLoading","streamList","videoStreamingUrl","tokenExisted","thumbnailUrl","beginTimeValue","endTimeValue","timePickerDialogVisible","timeparam","playEnable","created","mounted","methods","goWebRTCVideo","goMultiVideoTest","viewCount","type","goWebRTCTest","goVideoThumbnailTest","goFabricTest","testToast","centered","timeout","color","text","title","actions","false","true","handle","testOverlayLoading","setTimeout","then","position","getCurrentTime","beginDate","openTimePicker","timePickerDialogVisibleFunc","timeValueFunc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAc4B;AACb;EACfA;IACAC;IACAC;IACAC;EACA;EACAC,aAEA;EACAC;EACAC,cAEA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC6G2B;AAC5B;AACkE;AACL;AACtC;AACR;EACfF;IACAG;IAAAC;IAAAC;EACA;EACAJ;EACAC;IACAI;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACA;IACA;MACA;IACA;MACA;IACA;EACA;EACAC;IACA;MACA;IACA;IACA;EAEA;EACAC;IACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;QAAAC;QAAAC;MAAA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;QAAAf;MAAA;IACA;IACAgB;MACA;QACAC;QAAAC;QAAAC;MACA;IACA;IACA;MACA;QACAC;QACAC;MACA;IACA;IACA;MACA;QACAD;QACAC;QACAC;UACAC;YAAAJ;YAAAC;UAAA;UACAI;YACAL;YAAAC;YACAK,eAEA;UACA;QACA;MACA;IACA;IACAC;MACA;MACA;MACAC;QACA;QACA;MACA;IACA;IACA;MACA;MACA;MACA,4DACAC;QAEA;QACA;UACA;YACA;YACA;YACA;UACA;QACA;QACA;MACA;QACA;MACA;IACA;IACA;MACA;MACA;MACA;QAEA;QACA;QACA;MACA;QACA;QACA;UACAC;UAAAX;QACA;MACA;IACA;IACAY;MACA;MACA;MACAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;QACA;MACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;AChSD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,8BAA8B,EAAE;AACxE;AACA;AACA;AACA,SAAS,mCAAmC,kBAAkB,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,6BAA6B;AACnD,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,aAAa;AACnC,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,yBAAyB;AACxD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,2BAA2B;AAC1D,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wCAAwC,aAAa,EAAE;AACxE;AACA;AACA;AACA,qBAAqB,mCAAmC,kBAAkB,EAAE;AAC5E;AACA;AACA;AACA,yBAAyB,mCAAmC,YAAY,EAAE;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wCAAwC,aAAa,EAAE;AACxE;AACA;AACA;AACA,qBAAqB,mCAAmC,kBAAkB,EAAE;AAC5E;AACA;AACA;AACA,yBAAyB,mCAAmC,YAAY,EAAE;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,wCAAwC,aAAa,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,kCAAkC,kBAAkB;AACpD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,mCAAmC,kCAAkC;AACrE,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,mCAAmC,qCAAqC;AACxE,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,mCAAmC,0BAA0B;AAC7D,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,mCAAmC,0BAA0B;AAC7D,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,uBAAuB;AAC/C,eAAe;AACf;AACA;AACA,iBAAiB,wCAAwC,aAAa,EAAE;AACxE;AACA;AACA;AACA,qBAAqB,mCAAmC,kBAAkB,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,kCAAkC,wCAAwC;AAC1E;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,uBAAuB;AACtD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,+BAA+B;AAC9D,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,4BAA4B;AAC3D,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,gCAAgC;AAC/D,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,mBAAO,CAAC,sEAA8B;AACzE,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wCAAwC,aAAa,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA,8BAA8B,4BAA4B;AAC1D,qBAAqB;AACrB;AACA;AACA;AACA,4BAA4B,gDAAgD;AAC5E,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA,iBAAiB,wCAAwC,YAAY,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA,8BAA8B,oCAAoC;AAClE,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,kCAAkC,YAAY;AAC9C;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA,0CAA0C,wBAAwB;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,6BAA6B;AAC/D,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,YAAY;AAC9C;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA,0CAA0C,wBAAwB;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,6CAA6C;AAC7D;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AChiBA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,qCAAqC,8BAA8B,GAAG,4BAA4B,mCAAmC,8BAA8B,GAAG,kCAAkC,oBAAoB,4BAA4B,GAAG,oCAAoC,kCAAkC,GAAG,4CAA4C,gCAAgC,iCAAiC,GAAG;AAC3c;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,oyBAA4c;AACle;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,4mB;;;;;;;;;;;ACAjC,iCAAiC,4O;;;;;;;;;;;ACAjC,iCAAiC,gO;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAwG;AACvC;AACL;;;AAG5D;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,oGAAM;AACR,EAAE,6GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AAClD;AACA;AACqB;AACzE,oGAAiB,aAAa,uEAAI,CAAC,uEAAI,CAAC,uGAAe,CAAC;;;AAGxD;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAAsS,CAAgB,8UAAG,EAAC,C;;;;;;;;;;;;ACA1T;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAqG;AACvC;AACL;AACsC;;;AAG/F;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,gFAAM;AACR,EAAE,iGAAM;AACR,EAAE,0GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACC;AACM;AACC;AACR;AACC;AACS;AACE;AAC/D,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,mFAAU,CAAC,kFAAQ,CAAC,sEAAI,CAAC,uEAAI,CAAC,qFAAS,CAAC,yFAAU,CAAC;;;AAG3F;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACpDf;AAAA;AAAA,wCAAmS,CAAgB,2UAAG,EAAC,C;;;;;;;;;;;;ACAvT;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/UiTestPage.js","sourcesContent":["<template>\n\t<v-col class=\"ma-0 pa-0\" cols=\"12\" align=\"center\">\n\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\tv-for=\"item in loaderCount\" :key=\"item\">\n\t\t\t\t<v-skeleton-loader :boilerplate=\"false\" elevation=\"0\" dark \n\t\t\t\t\ttype=\"image\" :width=\"width\" :height=\"height\"\n\t\t\t\t></v-skeleton-loader>\n\t\t\t</v-col>\n\t\t</v-row>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nexport default {\n\tprops: {\n\t\tloaderCount: Number,\n\t\twidth: String,\n\t\theight: String\n\t},\n\tcomponents: {\n\t\t\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\t\n\t}),\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>","<template>\n\t<v-container fluid class=\"ma-0 pa-0\">\n\t\t<Header />\n    <v-col class=\"pa-0\" id=\"main_content_maxwidthset\" cols=\"12\">\n\t\t\t<v-col class=\"ma-0 pa-2 pt-5 pl-5 pr-5 pb-2\" cols=\"12\">\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\" align=\"start\"\n\t\t\t\t\tv-if=\"tokenExisted\">\n\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 text-none\" :loading=\"streamingUrlLoading\"\n\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goVideoTest\">\n\t\t\t\t\t\t{{'Video Test Page'}}\n\t\t\t\t\t</v-btn>\n\n\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\"\n\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goWebRTCVideo\">\n\t\t\t\t\t\t{{'KVSWebRTC Video Test'}}\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"1\">{{ 'video.js - ' }}</v-col>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(4, 'video')\">\n\t\t\t\t\t\t\t{{'4 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(9, 'video')\">\n\t\t\t\t\t\t\t{{'9 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(16, 'video')\">\n\t\t\t\t\t\t\t{{'16 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"1\">{{ 'hls.js - ' }}</v-col>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(4, 'hls')\">\n\t\t\t\t\t\t\t{{'4 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(9, 'hls')\">\n\t\t\t\t\t\t\t{{'9 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goMultiVideoTest(16, 'hls')\">\n\t\t\t\t\t\t\t{{'16 Video Viewer'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\"\n\t\t\t\t\tv-if=\"tokenExisted\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goVideoThumbnailTest\">\n\t\t\t\t\t\t\t{{'Video Thumbnail'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4\"\n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goAllStoreAnalyticsTest\">\n\t\t\t\t\t\t\t{{'전점포 페이지'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4\"\n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"goFabricTest\"\n\t\t\t\t\t\t\t:loading=\"streamingUrlLoading\">\n\t\t\t\t\t\t\t{{'Fabric Test'}}\n\t\t\t\t\t\t</v-btn>\n            <v-btn width=\"auto\" height=\"auth\" class=\"ma-0 pa-2 ml-4 text-none\"\n              id=\"grey_btn\" elevation=\"0\" @click=\"goWebRTCTest\">\n              {{'WebRTC Module'}}\n            </v-btn>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t\t<v-divider id=\"middle_divider\" class=\"ma-0 pa-0 mb-5\"></v-divider>\n\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"snackbar = true\">\n\t\t\t\t\t\t\t{{'기본 Snackbar'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-snackbar v-model=\"snackbar\" dark centered :timeout=\"2000\">\n\t\t\t\t\t\t\t{{'Snackbar Test'}}\n\t\t\t\t\t\t</v-snackbar>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"testToast\">\n\t\t\t\t\t\t\t{{'Custom Toast Test'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"testConfirmDialog\">\n\t\t\t\t\t\t\t{{'Comfirm Dialog'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"testInfoDialog\">\n\t\t\t\t\t\t\t{{'Info Dialog'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-2 ml-4 text-none\" \n\t\t\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"testOverlayLoading\">\n\t\t\t\t\t\t\t{{'Overlay Loading Test'}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"auto\" class=\"ma-0 pa-0 text-none\" \n\t\t\t\t\t\t\tid=\"back_clean_btn\" elevation=\"0\">\n\t\t\t\t\t\t\t<v-img max-height=\"2rem\" max-width=\"2rem\" class=\"ma-0 pa-0\"\n\t\t\t\t\t\t\t\tsrc=\"@/assets/images/calendar.png\"></v-img>\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"12\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\" align=\"left\">{{ 'Loader Test' }}</v-col>\n\t\t\t\t\t<ImageSkeleton :loaderCount=\"3\" width='100%' height='9rem' />\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 mb-5\" cols=\"4\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"start\">\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"3\" @click=\"openTimePicker('begin')\">\n\t\t\t\t\t\t\t<v-text-field v-model=\"beginTimeValue\" dark hide-details dense outlined\n\t\t\t\t\t\t\t\tappend-icon=\"mdi-menu-down\"\n\t\t\t\t\t\t\t\treadonly background-color=\"#272727\" style=\"font-size:0.7rem;\">\n\t\t\t\t\t\t\t</v-text-field>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t  \t<v-col class=\"ma-0 pa-0 pl-1 pr-1\" cols=\"1\" align=\"center\">{{'~'}}</v-col>\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"3\" @click=\"openTimePicker('end')\">\n\t\t\t\t\t\t\t<v-text-field v-model=\"endTimeValue\" dark hide-details dense outlined\n\t\t\t\t\t\t\t\tappend-icon=\"mdi-menu-down\"\n\t\t\t\t\t\t\t\treadonly background-color=\"#272727\" style=\"font-size:0.7rem;\">\n\t\t\t\t\t\t\t</v-text-field>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n\t\t\t</v-col>\n\t\t</v-col>\n\n\t\t<TimePicker :dialogVisible=\"timePickerDialogVisible\"\n      @visible=\"timePickerDialogVisibleFunc\" @timeValue=\"timeValueFunc\" />\n\t</v-container>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport Header from '@/views/admin/Header.vue'\nimport ImageSkeleton from '@/components/loader/ImageSkeleton.vue';\nimport TimePicker from '@/components/dialogs/TimePicker.vue';\nimport $ from 'jquery';\nexport default {\n\tcomponents: {\n\t\tHeader, ImageSkeleton, TimePicker\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tsnackbar: false,\n\t\tstreamingUrlLoading: false,\n\t\tstreamList: [],\n\t\tvideoStreamingUrl: '',\n\t\ttokenExisted: false,\n\t\tthumbnailUrl: '',\n\t\tbeginTimeValue: '',\n\t\tendTimeValue: '',\n\t\ttimePickerDialogVisible: false,\n\t\ttimeparam: 'begin',\n\t\tplayEnable: 0,\n\t}),\n\tcreated() {\n\t\tconst token = this.$store.getters.getToken;\n\t\tif(token) {\n\t\t\tthis.tokenExisted = true;\n\t\t} else {\n\t\t\tthis.tokenExisted = false;\n\t\t}\n\t},\n\tmounted() {\n\t\tif(this.$store.state.userData.user.token) {\n\t\t\tthis.getCameraList();\n\t\t}\n\t\tthis.getCurrentTime();\n\t\tconsole.log('UI Test');\n\t},\n\tmethods: {\n\t\tasync goVideoTest() {\n\t\t\tawait this.getStreamingUrl(this.streamList[this.playEnable].streamName);\n    },\n\t\tgoWebRTCVideo() {\n\t\t\tthis.pushRoute('/test/webrtc-video-player', {});\n\t\t},\n\t\tgoMultiVideoTest(viewCount, type) {\n      this.pushRoute('/test/multi-player', { viewCount: viewCount, type: type });\n    },\n    goWebRTCTest() {\n      this.pushRoute('/test/videojs-webrtc', {});\n    },\n\t\tgoVideoThumbnailTest() {\n      this.pushRoute('/test/video-thumbnail', {});\n    },\n\t\tgoFabricTest() {\n\t\t\tthis.pushRoute('/test/fabric-test', {thumbnailUrl: this.thumbnailUrl});\n\t\t},\n\t\ttestToast() {\n\t\t\tthis.$dialog.message.info('Custom Toast Test', {\n\t\t\t\tcentered: true, timeout: 2500, color: '#1D202C'\n\t\t\t});\n\t\t},\n\t\tasync testInfoDialog() {\n\t\t\tawait this.$dialog.info({\n\t\t\t\ttext: 'File copied successfully',\n\t\t\t\ttitle: 'Info'\n\t\t\t});\n\t\t},\n\t\tasync testConfirmDialog() {\n\t\t\tawait this.$dialog.confirm({\n\t\t\t\ttext: 'Test ConfirmDialog',\n\t\t\t\ttitle: 'Test',\n\t\t\t\tactions: {\n\t\t\t\t\tfalse: { color: 'white', text: 'Cancel',},\n\t\t\t\t\ttrue: {\n\t\t\t\t\t\tcolor: 'white', text: 'Confirm',\n\t\t\t\t\t\thandle: () => {\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\ttestOverlayLoading() {\n\t\t\t// Overlay Loading 호출\n\t\t\tthis.$vloading.show();\n\t\t\tsetTimeout(() => {\n\t\t\t\t// Overlay Loading 숨기기\n\t\t\t\tthis.$vloading.hide();\n\t\t\t}, 2000);\n\t\t},\n\t\tasync getCameraList() {\n\t\t\tthis.streamingUrlLoading = true;\n\t\t\tlet params = {};\n\t\t\tawait this.networkController.getDashboardCameraList(params)\n\t\t\t.then(async (res) => {\n\t\t\t\tconsole.log('%cCamera List\\n', \"color:#008DD0;\", res.data);\n\t\t\t\tthis.streamList = res.data;\n\t\t\t\tfor(let i=0; i<this.streamList.length; i++) {\n\t\t\t\t\tif(this.streamList[i].isOnline) {\n\t\t\t\t\t\tthis.thumbnailUrl = this.streamList[i].thumbnail;\n\t\t\t\t\t\tthis.playEnable = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t}).catch(error => {\n\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t});\n\t\t},\n\t\tasync getStreamingUrl(streamName) {\n\t\t\tthis.streamingUrlLoading = true;\n\t\t\tlet params = {};\n\t\t\tawait this.networkController.getHlsStreamingUrl(params, streamName, '', '').then(async (res) => {\n\t\t\t\tconsole.log('%cStreaming URL\\n', \"color:#008DD0;\",res.data);\n\t\t\t\tawait this.$store.commit('setVideoStreamingUrl', res.data.hlsstreamingSessionURL);\n\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t\tthis.pushRoute('/test/video-player', {});\n\t\t\t}).catch(error => {\n\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t\tthis.$dialog.message.error(this.tmb('requestFail'), {\n\t\t\t\t\tposition: 'top', timeout: 3000\n\t\t\t\t});\n\t\t\t});\n\t\t},\n\t\tgetCurrentTime() {\n\t\t\tlet date = new Date();\n\t\t\tlet beginDate = new Date();\n\t\t\tbeginDate.setHours(beginDate.getHours() - 1);\n\t\t\tlet hourStr = date.getHours() < 10 ? `0${date.getHours()}` : date.getHours();\n\t\t\tlet beginHourStr = beginDate.getHours() < 10 ? `0${beginDate.getHours()}` : beginDate.getHours();\n\t\t\tlet minuteStr = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes();\n\t\t\tlet secondStr = date.getSeconds() < 10 ? `0${date.getSeconds()}` : date.getSeconds();\n\t\t\tthis.beginTimeValue = `${beginHourStr}:${minuteStr}:${secondStr}`;\n\t\t\tthis.endTimeValue = `${hourStr}:${minuteStr}:${secondStr}`;\n\t\t},\n\t\topenTimePicker(time) {\n\t\t\tthis.timeparam = time;\n\t\t\tthis.timePickerDialogVisible = true;\n\t\t},\n\t\ttimePickerDialogVisibleFunc(visible) {\n\t\t\tthis.timePickerDialogVisible = visible;\n\t\t},\n\t\ttimeValueFunc(time) {\n\t\t\tif(this.timeparam == 'begin') {\n\t\t\t\tthis.beginTimeValue = time;\n\t\t\t} else {\n\t\t\t\tthis.endTimeValue = time;\n\t\t\t}\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#middle_divider {\n\tbackground-color: #4C4C4C;\n}\n.v-list {\n  background: #171921 !important;\n\tborder: 1px solid #4A4A4A;\n}\t\n::v-deep {\n\t.v-list-item{\n    min-height: 0px;\n    color: white !important;\n  }\n\t// Select box v화살표 위치\n\t.v-input__slot {\n\t\tpadding-right: 2px !important;\n\t}\n\t.v-input__append-inner {\n\t\tmargin-top: 16px !important;\n\t\tpadding-left: 0px !important;\n\t}\n}\n</style>","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-col\",\n    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\", align: \"center\" } },\n    [\n      _c(\n        \"v-row\",\n        { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n        _vm._l(_vm.loaderCount, function (item) {\n          return _c(\n            \"v-col\",\n            {\n              key: item,\n              staticClass: \"ma-0 pa-2\",\n              attrs: { cols: \"4\", align: \"center\" },\n            },\n            [\n              _c(\"v-skeleton-loader\", {\n                attrs: {\n                  boilerplate: false,\n                  elevation: \"0\",\n                  dark: \"\",\n                  type: \"image\",\n                  width: _vm.width,\n                  height: _vm.height,\n                },\n              }),\n            ],\n            1\n          )\n        }),\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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(\"Header\"),\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { id: \"main_content_maxwidthset\", cols: \"12\" },\n        },\n        [\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"ma-0 pa-2 pt-5 pl-5 pr-5 pb-2\",\n              attrs: { cols: \"12\" },\n            },\n            [\n              _vm.tokenExisted\n                ? _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0 mb-5\",\n                      attrs: { cols: \"12\", align: \"start\" },\n                    },\n                    [\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            loading: _vm.streamingUrlLoading,\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.goVideoTest },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Video Test Page\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.goWebRTCVideo },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"KVSWebRTC Video Test\") + \" \")]\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n                [\n                  _c(\n                    \"v-row\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n                    [\n                      _c(\n                        \"v-col\",\n                        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"1\" } },\n                        [_vm._v(_vm._s(\"video.js - \"))]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(4, \"video\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"4 Video Viewer\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(9, \"video\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"9 Video Viewer\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(16, \"video\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"16 Video Viewer\") + \" \")]\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n                [\n                  _c(\n                    \"v-row\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n                    [\n                      _c(\n                        \"v-col\",\n                        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"1\" } },\n                        [_vm._v(_vm._s(\"hls.js - \"))]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(4, \"hls\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"4 Video Viewer\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(9, \"hls\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"9 Video Viewer\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.goMultiVideoTest(16, \"hls\")\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"16 Video Viewer\") + \" \")]\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n              _vm.tokenExisted\n                ? _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n                    [\n                      _c(\n                        \"v-row\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          attrs: { align: \"center\" },\n                        },\n                        [\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"ma-0 pa-2 text-none\",\n                              attrs: {\n                                width: \"auto\",\n                                height: \"auto\",\n                                id: \"grey_btn\",\n                                elevation: \"0\",\n                              },\n                              on: { click: _vm.goVideoThumbnailTest },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"Video Thumbnail\") + \" \")]\n                          ),\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"ma-0 pa-2 ml-4\",\n                              attrs: {\n                                width: \"auto\",\n                                height: \"auto\",\n                                id: \"grey_btn\",\n                                elevation: \"0\",\n                              },\n                              on: { click: _vm.goAllStoreAnalyticsTest },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"전점포 페이지\") + \" \")]\n                          ),\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"ma-0 pa-2 ml-4\",\n                              attrs: {\n                                width: \"auto\",\n                                height: \"auto\",\n                                id: \"grey_btn\",\n                                elevation: \"0\",\n                                loading: _vm.streamingUrlLoading,\n                              },\n                              on: { click: _vm.goFabricTest },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"Fabric Test\") + \" \")]\n                          ),\n                          _c(\n                            \"v-btn\",\n                            {\n                              staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                              attrs: {\n                                width: \"auto\",\n                                height: \"auth\",\n                                id: \"grey_btn\",\n                                elevation: \"0\",\n                              },\n                              on: { click: _vm.goWebRTCTest },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"WebRTC Module\") + \" \")]\n                          ),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\"v-divider\", {\n                staticClass: \"ma-0 pa-0 mb-5\",\n                attrs: { id: \"middle_divider\" },\n              }),\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n                [\n                  _c(\n                    \"v-row\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n                    [\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              _vm.snackbar = true\n                            },\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"기본 Snackbar\") + \" \")]\n                      ),\n                      _c(\n                        \"v-snackbar\",\n                        {\n                          attrs: { dark: \"\", centered: \"\", timeout: 2000 },\n                          model: {\n                            value: _vm.snackbar,\n                            callback: function ($$v) {\n                              _vm.snackbar = $$v\n                            },\n                            expression: \"snackbar\",\n                          },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Snackbar Test\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.testToast },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Custom Toast Test\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.testConfirmDialog },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Comfirm Dialog\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.testInfoDialog },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Info Dialog\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-2 ml-4 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"grey_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.testOverlayLoading },\n                        },\n                        [_vm._v(\" \" + _vm._s(\"Overlay Loading Test\") + \" \")]\n                      ),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-0 text-none\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"auto\",\n                            id: \"back_clean_btn\",\n                            elevation: \"0\",\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/calendar.png\"),\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"12\" } },\n                [\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { cols: \"12\", align: \"left\" },\n                    },\n                    [_vm._v(_vm._s(\"Loader Test\"))]\n                  ),\n                  _c(\"ImageSkeleton\", {\n                    attrs: { loaderCount: 3, width: \"100%\", height: \"9rem\" },\n                  }),\n                ],\n                1\n              ),\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0 mb-5\", attrs: { cols: \"4\" } },\n                [\n                  _c(\n                    \"v-row\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { align: \"center\", justify: \"start\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          attrs: { cols: \"3\" },\n                          on: {\n                            click: function ($event) {\n                              return _vm.openTimePicker(\"begin\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"v-text-field\", {\n                            staticStyle: { \"font-size\": \"0.7rem\" },\n                            attrs: {\n                              dark: \"\",\n                              \"hide-details\": \"\",\n                              dense: \"\",\n                              outlined: \"\",\n                              \"append-icon\": \"mdi-menu-down\",\n                              readonly: \"\",\n                              \"background-color\": \"#272727\",\n                            },\n                            model: {\n                              value: _vm.beginTimeValue,\n                              callback: function ($$v) {\n                                _vm.beginTimeValue = $$v\n                              },\n                              expression: \"beginTimeValue\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0 pl-1 pr-1\",\n                          attrs: { cols: \"1\", align: \"center\" },\n                        },\n                        [_vm._v(_vm._s(\"~\"))]\n                      ),\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          attrs: { cols: \"3\" },\n                          on: {\n                            click: function ($event) {\n                              return _vm.openTimePicker(\"end\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"v-text-field\", {\n                            staticStyle: { \"font-size\": \"0.7rem\" },\n                            attrs: {\n                              dark: \"\",\n                              \"hide-details\": \"\",\n                              dense: \"\",\n                              outlined: \"\",\n                              \"append-icon\": \"mdi-menu-down\",\n                              readonly: \"\",\n                              \"background-color\": \"#272727\",\n                            },\n                            model: {\n                              value: _vm.endTimeValue,\n                              callback: function ($$v) {\n                                _vm.endTimeValue = $$v\n                              },\n                              expression: \"endTimeValue\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"TimePicker\", {\n        attrs: { dialogVisible: _vm.timePickerDialogVisible },\n        on: {\n          visible: _vm.timePickerDialogVisibleFunc,\n          timeValue: _vm.timeValueFunc,\n        },\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, \"#middle_divider[data-v-5187c603] {\\n  background-color: #4C4C4C;\\n}\\n.v-list[data-v-5187c603] {\\n  background: #171921 !important;\\n  border: 1px solid #4A4A4A;\\n}\\n[data-v-5187c603] .v-list-item {\\n  min-height: 0px;\\n  color: white !important;\\n}\\n[data-v-5187c603] .v-input__slot {\\n  padding-right: 2px !important;\\n}\\n[data-v-5187c603] .v-input__append-inner {\\n  margin-top: 16px !important;\\n  padding-left: 0px !important;\\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!./UiTestPage.vue?vue&type=style&index=0&id=5187c603&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(\"4970d45e\", 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!./UiTestPage.vue?vue&type=style&index=0&id=5187c603&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!./UiTestPage.vue?vue&type=style&index=0&id=5187c603&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/rhtAAAABHNCSVQICAgIfAhkiAAAAYFJREFUWEftl8FKw0AQhmciBY95BO9C0l710iSCSHLxEcQH0DewvkF8g75BKSR4qclJr00RwaOP4F10TIr2lDoTNrsU3Bx3Zv/59t+dZIOw4w/uOB9YQNUdsg5aB1UdUJ3/v85gVlQVkpPGkTdVde53fq8O5sWKgOA2jvyJccD8YTUhpCsEdLcWp58It2yCu3oR15JFcFIbjQZQIijJqdfxnkR+KskVA0rEdOSIAbOyKpFw3AsEQhkHfijREgM2DRCHvjj/r+JdtMQFu4hyznTRsoBtbmp38L5cHnwRzuriLuDgPA4OK+lYA6wdcP1ORLhZu0N40XzapGNmAMuXIdHHFAlcx6HxWTB6y4VjRgC5LuXi2reYA+Di2gGlDdGWZ2SLpQ3RlmcGUNgQbY1jBJA7Y1xc+xnkALi4FsCsWD4m4eiYKy6JZ4uqSE6G/V635otnbw8+U3QwkEBsy6l/Wp4G+87l6ZH3KtER32YkYjpyLKCqq9ZB66CqA6rz7RlUdfAbHJcsOGnt/CUAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAAGJJREFUGFdjZACC////OwCp/SA2AeDIyMh4gBGqKQBIryekAyiP0ATVmACk5+PRmAi0ZQFIHmwTDACdaQBkHwBifiThj0C2A1DDBZgYiiaojcgaMTRg2IRmI8ifG5BtgMkDACrnIAegAYNNAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAAFdJREFUGFdjZMAC/v//bwAU9gfijYyMjBfQlTCiC0A17AeKCwDxByB2RNeIoglNA8w8DI1wTUANCUBV87E5FyqWCLRxAYgN1gTU4ACkQE4iBEBOPUCWJgD+kyAH7rXQogAAAABJRU5ErkJggg==\"","import { render, staticRenderFns } from \"./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\"\nimport script from \"./ImageSkeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageSkeleton.vue?vue&type=script&lang=js&\"\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  \"279763bc\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCol,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('279763bc')) {\n      api.createRecord('279763bc', component.options)\n    } else {\n      api.reload('279763bc', component.options)\n    }\n    module.hot.accept(\"./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\", function () {\n      api.rerender('279763bc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/loader/ImageSkeleton.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!./ImageSkeleton.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!./ImageSkeleton.vue?vue&type=script&lang=js&\"","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!./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\"","import { render, staticRenderFns } from \"./UiTestPage.vue?vue&type=template&id=5187c603&scoped=true&\"\nimport script from \"./UiTestPage.vue?vue&type=script&lang=js&\"\nexport * from \"./UiTestPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UiTestPage.vue?vue&type=style&index=0&id=5187c603&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  \"5187c603\",\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 { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCol,VContainer,VDivider,VImg,VRow,VSnackbar,VTextField})\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('5187c603')) {\n      api.createRecord('5187c603', component.options)\n    } else {\n      api.reload('5187c603', component.options)\n    }\n    module.hot.accept(\"./UiTestPage.vue?vue&type=template&id=5187c603&scoped=true&\", function () {\n      api.rerender('5187c603', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/whitetest/UiTestPage.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!./UiTestPage.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!./UiTestPage.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!./UiTestPage.vue?vue&type=style&index=0&id=5187c603&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!./UiTestPage.vue?vue&type=template&id=5187c603&scoped=true&\""],"sourceRoot":""}