{"version":3,"sources":["webpack:///src/views/notification/Index.vue","webpack:///./src/views/notification/Index.vue?669e","webpack:///./src/views/notification/Index.vue?4bc3","webpack:///./src/views/notification/Index.vue?c598","webpack:///./src/assets/images/right_btn.png","webpack:///./src/views/notification/Index.vue","webpack:///./src/views/notification/Index.vue?3f26","webpack:///./src/views/notification/Index.vue?33e6","webpack:///./src/views/notification/Index.vue?2e4a"],"names":["ALL","NEWS","MAINTENANCE","FIRMWARE_UPDATE","FAILUERE_INFO","components","mixins","data","selectedCategory","fetchLoading","notificationList","filteredNotificationList","role","computed","noticeList","label","value","created","mounted","watch","handler","methods","tn","fetchData","then","res","tempDate","makeList","date","subNotificationList","title","category","description","updatedAt","setTimeout","getDeviceStatus","filterList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyE4B;AAC5B;;AAEA;EACAA;EACAC;EACAC;EACAC;EACAC;AACA;AAEe;EACfC,aACA;EACAC;EACAC;IACAC;IACA;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACAC;MACA,QACA;QAAAC;QAAAC;MAAA,GACA;QAAAD;QAAAC;MAAA,GACA;QAAAD;QAAAC;MAAA,GACA;QAAAD;QAAAC;MAAA,GACA;QAAAD;QAAAC;MAAA,EACA;IACA;EACA;EACAC;IACA;EACA;EACAC;IACA;IACA;;IAEA;;IAIA;EACA;EACAC;IACAX;MACAY;QACA;MAEA;IACA;EACA;EACAC;IACAC;MACA;IACA;IACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA,mDACA,qGACAC;QAEA;QACA;QACAC;UACA;UACA;YACAC;YACAC;cACAC;cACAC;gBACAC;gBACAC;gBACAC;gBACAC;cACA;cACAA;YACA;UACA;YACA;cACA;cACAN;gBACAG;gBACAC;gBACAC;gBACAC;cACA;YACA;cACAP;cACAC;gBACAC;gBACAC;kBACAC;kBACAC;kBACAC;kBACAC;gBACA;gBACAA;cACA;YACA;UACA;QACA;QACAC;UACA;UACA;UACA;QACA;MAEA;QACA;MACA;IACA;IACAC;MACA;MACA,4DACAX;QAEA;QACA;UAEA;QACA;UACA;QACA;MACA;IACA;IACAY;MACA;QACA;MACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;AC1ND;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA;AACA;AACA,SAAS,mCAAmC,2BAA2B,EAAE;AACzE;AACA;AACA;AACA;AACA;AACA,sBAAsB,6CAA6C;AACnE,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,8BAA8B,+BAA+B;AAC7D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,qBAAqB,mCAAmC,aAAa,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,4CAA4C,iBAAiB;AAC7D,sCAAsC,eAAe;AACrD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,oBAAoB;AAC1C,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC,aAAa;AACrD,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA,4CAA4C,kBAAkB;AAC9D,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA,gDAAgD,eAAe;AAC/D,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,mCAAmC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA,6CAA6C,2BAA2B;AACxE;AACA;AACA;AACA,iDAAiD,2BAA2B;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,8DAA8D,eAAe;AAC7E,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8DAA8D,eAAe;AAC7E,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA,+DAA+D,mBAAO,CAAC,wEAA+B;AACtG;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,aAAa;AACnD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,yCAAyC,aAAa,EAAE;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AClQA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,6BAA6B,8BAA8B,qBAAqB,WAAW,eAAe,GAAG,iCAAiC,iBAAiB,GAAG,iCAAiC,oBAAoB,qBAAqB,GAAG,iCAAiC,gCAAgC,GAAG,4BAA4B,wBAAwB,8BAA8B,GAAG,2CAA2C,iBAAiB,GAAG,kDAAkD,sBAAsB,GAAG,0DAA0D,iBAAiB,iCAAiC,GAAG,oCAAoC,kCAAkC,GAAG,4CAA4C,gCAAgC,iCAAiC,GAAG,kFAAkF,gCAAgC,GAAG,uGAAuG,iBAAiB,GAAG,mCAAmC,qBAAqB,GAAG,+BAA+B,qBAAqB,GAAG,+BAA+B,qBAAqB,GAAG,uCAAuC,4BAA4B,iBAAiB,GAAG,kCAAkC,qCAAqC,GAAG,iCAAiC,oCAAoC,GAAG,kCAAkC,oCAAoC,GAAG;AAC5hD;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,6xBAAuc;AAC7d;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,oU;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAgG;AACvC;AACL;AACsC;;;AAG1F;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AAClD;AACM;AACP;AACE;AACI;AACO;AACa;AACzB;AACK;AACF;AACvD,oGAAiB,aAAa,uEAAI,CAAC,mFAAU,CAAC,sEAAI,CAAC,yEAAK,CAAC,iFAAS,CAAC,+FAAgB,CAAC,6GAAiB,CAAC,uEAAI,CAAC,+EAAO,CAAC,6EAAO,CAAC;;;AAG3H;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtDf;AAAA;AAAA,wCAA8R,CAAgB,sUAAG,EAAC,C;;;;;;;;;;;;ACAlT;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/Notification.js","sourcesContent":["<template>\n\t<v-container fluid class=\"ma-0 pa-0\">\n\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\" id=\"header\">\n\t\t\t<v-col class=\"pa-0\" cols=\"12\" id=\"main_content_maxwidthset\">\n\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"space-between\" id=\"header_body\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"2\" id=\"header_text\">\n\t\t\t\t\t\t{{tn('notiTitle')}}\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"10\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"end\">\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pr-4\" cols=\"auto\" style=\"width:10rem;\">\n\t\t\t\t\t\t\t\t<v-select class=\"notice_select ma-0 pa-1\" v-model=\"selectedCategory\"\n\t\t\t\t\t\t\t\t\t:items=\"noticeList\" dense hide-details outlined \n\t\t\t\t\t\t\t\t\tdark item-text=\"label\" item-value=\"value\"\n\t\t\t\t\t\t\t\t></v-select>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t</v-col>\n\t\t</v-col>\n    <v-col class=\"pa-0 sticky_body\" id=\"main_content_maxwidthset\" cols=\"12\">\n\t\t\t<v-row class=\"pa-0 ma-0 mt-10 mb-10\" justify=\"center\">\n        <template v-if=\"fetchLoading == false\">\n\t\t\t\t\t<template v-if=\"filteredNotificationList.length > 0\">\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 mb-7\" cols=\"10\"\n\t\t\t\t\t\t\tv-for=\"(item, index) in filteredNotificationList\" :key=\"index\">\n\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\" id=\"list_date\">\n\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 date_text\" cols=\"auto\">\n\t\t\t\t\t\t\t\t\t{{item.date}}\n\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t<v-list class=\"notification_list\">\n\t\t\t\t\t\t\t\t<v-list-item class=\"detail_group\"\n\t\t\t\t\t\t\t\t\tv-for=\"(detail, index_detail) in item.subNotificationList\"\n\t\t\t\t\t\t\t\t\t:key=\"index_detail\" @click=\"notiDetailView(detail)\">\n\t\t\t\t\t\t\t\t\t<v-list-item-content class=\"ma-0 pa-0\">\n\t\t\t\t\t\t\t\t\t\t<v-row class=\"ma-0 pa-0\">\n\t\t\t\t\t\t\t\t\t\t\t<!-- <v-col class=\"ma-0 pa-0 mr-10 detail_time\" cols=\"auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{detail.time}}\n\t\t\t\t\t\t\t\t\t\t\t</v-col> -->\n\t\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 detail_title\" cols=\"auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t{{detail.title}}\n\t\t\t\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t\t\t\t\t<v-spacer></v-spacer>\n\t\t\t\t\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t<v-img src=\"@/assets/images/right_btn.png\" class=\"ma-0 pa-0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tmax-height=\"2rem\" max-width=\"2rem\"></v-img>\n\t\t\t\t\t\t\t\t\t\t\t</v-col>                  \n\t\t\t\t\t\t\t\t\t\t</v-row>\n\t\t\t\t\t\t\t\t\t</v-list-item-content>\n\t\t\t\t\t\t\t\t</v-list-item>\n\t\t\t\t\t\t\t</v-list>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-15 mb-7\" cols=\"10\">\n\t\t\t\t\t\t\t{{t('noData')}}\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</template>\n        </template>\n        <template v-else>\n          <v-col class=\"ma-0 pa-15 mb-7\" cols=\"10\">\n            <v-progress-circular indeterminate color=\"white\"\n\t\t\t\t\t\t\t:width=\"4\" :size=\"40\"></v-progress-circular>\n          </v-col>\n        </template>\n      </v-row>\n\t\t</v-col>\n\t</v-container>\n</template>\n\n<script>\nimport mixin from '@/mixin';\n// import { NotiTestData } from '../whitetest/sampleData';\n\nconst Category = {\n  ALL: '1',\n  NEWS: '2',\n  MAINTENANCE: '3',\n  FIRMWARE_UPDATE: '4',\n  FAILUERE_INFO: '5'\n};\n\nexport default {\n\tcomponents: {\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n    selectedCategory: Category.ALL,\n\t\t// notificationArray: NotiTestData,\n    fetchLoading: false,\n    notificationList: [],\n    filteredNotificationList: [],\n\t\trole: '',\n\t}),\n  computed: {\n    noticeList() {\n      return [\n        { label: this.$i18n.t('lang.notification.all'), value: Category.ALL},\n        { label: this.$i18n.t('lang.notification.newRelease'), value: Category.NEWS},\n        { label: this.$i18n.t('lang.notification.maintenance'), value: Category.MAINTENANCE},\n        { label: this.$i18n.t('lang.notification.firmwareUpdate'), value: Category.FIRMWARE_UPDATE},\n        { label: this.$i18n.t('lang.notification.failureInformation'), value: Category.FAILUERE_INFO}\n      ];\n    },\n  },\n\tcreated() {\n\t\tthis.role = this.roleCheck(this.$store.getters.getRole);\n\t},\n  mounted() {\n    this.fetchData();\n\t\tif(this.role == 'private' || this.role == 'branch') this.getDeviceStatus();\n    console.group('%cUser Data', \"font-size:14px;color:#008DD0;\");\n      // console.log(JSON.parse(sessionStorage.getItem('auth')));\n      console.log('%cUser Detail\\n', \"color:#008DD0;\", this.$store.state.userData.user);\n\t\t\tconsole.log('%cAuthorities\\n', \"color:#008DD0;\", this.$store.getters.getAuthorities);\n    console.groupEnd();\n\t\tthis.checkCameraAuthResult();\n  },\n  watch: {\n    selectedCategory: {\n      handler(val, oldVal) {\n        this.filteredNotificationList = this.filterList();\n        console.log(this.selectedCategory, this.filteredNotificationList);\n      }\n    }\n  },\n  methods: {\n    tn(t) {\n      return this.$t(\"lang.notification.\" + t);\n    },\n    async notiDetailView(detail) {\n      await this.$store.commit('setNotificationDetail', detail);\n      this.pushRoute('/notification/detail', {});\n    },\n    fetchData() {\n      this.fetchLoading = true;\n\t\t\tlet params = {};\n      let setBeginDate = new Date();\n      let makeEndingDate = new Date();\n      let setEndingDate = new Date(makeEndingDate.setDate(makeEndingDate.getDate() - 30));\n\t\t\tthis.networkController.getNotificationInfo(params, \n        this.toIsoStringWithTimeZoneOffset(setEndingDate), this.toIsoStringWithTimeZoneOffset(setBeginDate))\n\t\t\t.then(async (res) => {\n\t\t\t\tconsole.log('%cNotification Info Data\\n', \"color:#008DD0;\", res.data);\n        let makeList = [];\n        let tempDate = '';\n        res.data.forEach((item, index) => {\n          let updateDate = new Date(`${item.updatedAt.substring(0,4)}-${item.updatedAt.substring(5,7)}-${item.updatedAt.substring(8,10)}`)\n          if(index == 0) {\n            tempDate = item.updatedAt;\n            makeList.push({\n              date: this.getFormatDate(updateDate, 'jap'),\n              subNotificationList: [{\n                title: item.title,\n                category: item.category,\n                description: item.description,\n                updatedAt: item.updatedAt\n              }],\n              updatedAt: item.updatedAt\n            })\n          } else {\n            if(tempDate == item.updatedAt) {\n              let getIndex = makeList.findIndex((element, index, arr) => element.updatedAt === item.updatedAt);\n              makeList[getIndex].subNotificationList.push({\n                title: item.title,\n                category: item.category,\n                description: item.description,\n                updatedAt: item.updatedAt\n              })\n            } else {\n              tempDate = item.updatedAt;\n              makeList.push({\n                date: this.getFormatDate(updateDate, 'jap'),\n                subNotificationList: [{\n                  title: item.title,\n                  category: item.category,\n                  description: item.description,\n                  updatedAt: item.updatedAt\n                }],\n                updatedAt: item.updatedAt\n              })\n            }\n          }\n        });\n        setTimeout(() => {\n          this.notificationList = makeList;\n          this.filteredNotificationList = this.filterList();\n          this.fetchLoading = false;\n        }, 100);\n        console.log(makeList);\n\t\t\t}).catch(error => {\n\t\t\t\tthis.fetchLoading = false;\n\t\t\t});\n    },\n\t\tgetDeviceStatus() {\n\t\t\tlet params = {};\n\t\t\tthis.networkController.getDashboardDeviceStatusData(params)\n\t\t\t.then(async (res) => {\n\t\t\t\tconsole.log('%cDashboard Device Status\\n', \"color:#008DD0;\", res.data);\n\t\t\t\tconst totalAiCameraCnt = res.data.uas.online + res.data.uas.offline;\n\t\t\t\tif(totalAiCameraCnt < 1) {\n\t\t\t\t\tconsole.log('aiCamera');\n\t\t\t\t\tthis.$store.commit('setPrivateUserAnalytics', false);\n\t\t\t\t} else {\n\t\t\t\t\tthis.$store.commit('setPrivateUserAnalytics', true);\n\t\t\t\t}\n\t\t\t}).catch(error => { });\n\t\t},\n    filterList() {\n      if (this.selectedCategory === Category.ALL) {\n        return this.notificationList;\n      } else {\n        return this.notificationList.filter(item => item.subNotificationList.some(subItem => subItem.category === this.selectedCategory));\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#header {\n\tbackground-color: #272A33;\n  position: sticky;\n\ttop: 0;\n\tz-index: 5;\n}\n#header_body {\n\theight: 50px;\n}\n#header_text {\n  font-size: 1rem;\n  text-align: left;\n}\n.sticky_body {\n\theight: calc(100vh - 150px);\n}\n.v-list {\n  background: #171921;\n\tborder: 1px solid #4A4A4A;\n}\n::v-deep {\n  .v-list-item__content{\n    color: white;\n  }\n  .detail_group > .v-list-item {\n    padding-left: 0px;\n  }\n  .detail_group .v-list-item__icon > i {\n    color: white;\n    transform: rotate(-0.25turn);\n  }\n  .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  // Select Box Height 설정\n\t.v-text-field--outlined > .v-input__control > .v-input__slot {\n\t\tmin-height: 35px !important;\n\t}\n\t.v-text-field--outlined.v-input--dense.v-text-field--outlined > .v-input__control {\n\t\theight: 35px;\n\t}\n}\n.notice_select {\n  font-size: 0.8em;\n}\n#list_date {\n  text-align: left;\n}\n.date_text{\n  font-weight: 600;\n}\n.notification_list {\n  background: transparent;\n  border: none;\n}\n.detail_group{\n  border-bottom: 1px solid #333740;\n}\n.detail_time {\n  color: rgba(255, 255, 255, 0.5);\n}\n.detail_title {\n  color: rgba(255, 255, 255, 0.7);\n}\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-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\n        \"v-col\",\n        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\", id: \"header\" } },\n        [\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"pa-0\",\n              attrs: { cols: \"12\", id: \"main_content_maxwidthset\" },\n            },\n            [\n              _c(\n                \"v-row\",\n                {\n                  staticClass: \"ma-0 pa-0\",\n                  attrs: {\n                    align: \"center\",\n                    justify: \"space-between\",\n                    id: \"header_body\",\n                  },\n                },\n                [\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { cols: \"2\", id: \"header_text\" },\n                    },\n                    [_vm._v(\" \" + _vm._s(_vm.tn(\"notiTitle\")) + \" \")]\n                  ),\n                  _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"10\" } },\n                    [\n                      _c(\n                        \"v-row\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          attrs: { align: \"center\", justify: \"end\" },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0 pr-4\",\n                              staticStyle: { width: \"10rem\" },\n                              attrs: { cols: \"auto\" },\n                            },\n                            [\n                              _c(\"v-select\", {\n                                staticClass: \"notice_select ma-0 pa-1\",\n                                attrs: {\n                                  items: _vm.noticeList,\n                                  dense: \"\",\n                                  \"hide-details\": \"\",\n                                  outlined: \"\",\n                                  dark: \"\",\n                                  \"item-text\": \"label\",\n                                  \"item-value\": \"value\",\n                                },\n                                model: {\n                                  value: _vm.selectedCategory,\n                                  callback: function ($$v) {\n                                    _vm.selectedCategory = $$v\n                                  },\n                                  expression: \"selectedCategory\",\n                                },\n                              }),\n                            ],\n                            1\n                          ),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0 sticky_body\",\n          attrs: { id: \"main_content_maxwidthset\", cols: \"12\" },\n        },\n        [\n          _c(\n            \"v-row\",\n            {\n              staticClass: \"pa-0 ma-0 mt-10 mb-10\",\n              attrs: { justify: \"center\" },\n            },\n            [\n              _vm.fetchLoading == false\n                ? [\n                    _vm.filteredNotificationList.length > 0\n                      ? _vm._l(\n                          _vm.filteredNotificationList,\n                          function (item, index) {\n                            return _c(\n                              \"v-col\",\n                              {\n                                key: index,\n                                staticClass: \"ma-0 pa-0 mb-7\",\n                                attrs: { cols: \"10\" },\n                              },\n                              [\n                                _c(\n                                  \"v-row\",\n                                  {\n                                    staticClass: \"ma-0 pa-0\",\n                                    attrs: { id: \"list_date\" },\n                                  },\n                                  [\n                                    _c(\n                                      \"v-col\",\n                                      {\n                                        staticClass: \"ma-0 pa-0 date_text\",\n                                        attrs: { cols: \"auto\" },\n                                      },\n                                      [_vm._v(\" \" + _vm._s(item.date) + \" \")]\n                                    ),\n                                  ],\n                                  1\n                                ),\n                                _c(\n                                  \"v-list\",\n                                  { staticClass: \"notification_list\" },\n                                  _vm._l(\n                                    item.subNotificationList,\n                                    function (detail, index_detail) {\n                                      return _c(\n                                        \"v-list-item\",\n                                        {\n                                          key: index_detail,\n                                          staticClass: \"detail_group\",\n                                          on: {\n                                            click: function ($event) {\n                                              return _vm.notiDetailView(detail)\n                                            },\n                                          },\n                                        },\n                                        [\n                                          _c(\n                                            \"v-list-item-content\",\n                                            { staticClass: \"ma-0 pa-0\" },\n                                            [\n                                              _c(\n                                                \"v-row\",\n                                                { staticClass: \"ma-0 pa-0\" },\n                                                [\n                                                  _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass:\n                                                        \"ma-0 pa-0 detail_title\",\n                                                      attrs: { cols: \"auto\" },\n                                                    },\n                                                    [\n                                                      _vm._v(\n                                                        \" \" +\n                                                          _vm._s(detail.title) +\n                                                          \" \"\n                                                      ),\n                                                    ]\n                                                  ),\n                                                  _c(\"v-spacer\"),\n                                                  _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass: \"ma-0 pa-0\",\n                                                      attrs: { cols: \"auto\" },\n                                                    },\n                                                    [\n                                                      _c(\"v-img\", {\n                                                        staticClass:\n                                                          \"ma-0 pa-0\",\n                                                        attrs: {\n                                                          src: require(\"@/assets/images/right_btn.png\"),\n                                                          \"max-height\": \"2rem\",\n                                                          \"max-width\": \"2rem\",\n                                                        },\n                                                      }),\n                                                    ],\n                                                    1\n                                                  ),\n                                                ],\n                                                1\n                                              ),\n                                            ],\n                                            1\n                                          ),\n                                        ],\n                                        1\n                                      )\n                                    }\n                                  ),\n                                  1\n                                ),\n                              ],\n                              1\n                            )\n                          }\n                        )\n                      : [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-15 mb-7\",\n                              attrs: { cols: \"10\" },\n                            },\n                            [_vm._v(\" \" + _vm._s(_vm.t(\"noData\")) + \" \")]\n                          ),\n                        ],\n                  ]\n                : [\n                    _c(\n                      \"v-col\",\n                      { staticClass: \"ma-0 pa-15 mb-7\", attrs: { cols: \"10\" } },\n                      [\n                        _c(\"v-progress-circular\", {\n                          attrs: {\n                            indeterminate: \"\",\n                            color: \"white\",\n                            width: 4,\n                            size: 40,\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                  ],\n            ],\n            2\n          ),\n        ],\n        1\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, \"#header[data-v-6e053728] {\\n  background-color: #272A33;\\n  position: sticky;\\n  top: 0;\\n  z-index: 5;\\n}\\n#header_body[data-v-6e053728] {\\n  height: 50px;\\n}\\n#header_text[data-v-6e053728] {\\n  font-size: 1rem;\\n  text-align: left;\\n}\\n.sticky_body[data-v-6e053728] {\\n  height: calc(100vh - 150px);\\n}\\n.v-list[data-v-6e053728] {\\n  background: #171921;\\n  border: 1px solid #4A4A4A;\\n}\\n[data-v-6e053728] .v-list-item__content {\\n  color: white;\\n}\\n[data-v-6e053728] .detail_group > .v-list-item {\\n  padding-left: 0px;\\n}\\n[data-v-6e053728] .detail_group .v-list-item__icon > i {\\n  color: white;\\n  transform: rotate(-0.25turn);\\n}\\n[data-v-6e053728] .v-input__slot {\\n  padding-right: 2px !important;\\n}\\n[data-v-6e053728] .v-input__append-inner {\\n  margin-top: 16px !important;\\n  padding-left: 0px !important;\\n}\\n[data-v-6e053728] .v-text-field--outlined > .v-input__control > .v-input__slot {\\n  min-height: 35px !important;\\n}\\n[data-v-6e053728] .v-text-field--outlined.v-input--dense.v-text-field--outlined > .v-input__control {\\n  height: 35px;\\n}\\n.notice_select[data-v-6e053728] {\\n  font-size: 0.8em;\\n}\\n#list_date[data-v-6e053728] {\\n  text-align: left;\\n}\\n.date_text[data-v-6e053728] {\\n  font-weight: 600;\\n}\\n.notification_list[data-v-6e053728] {\\n  background: transparent;\\n  border: none;\\n}\\n.detail_group[data-v-6e053728] {\\n  border-bottom: 1px solid #333740;\\n}\\n.detail_time[data-v-6e053728] {\\n  color: rgba(255, 255, 255, 0.5);\\n}\\n.detail_title[data-v-6e053728] {\\n  color: rgba(255, 255, 255, 0.7);\\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!./Index.vue?vue&type=style&index=0&id=6e053728&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(\"7cd06d06\", 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!./Index.vue?vue&type=style&index=0&id=6e053728&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!./Index.vue?vue&type=style&index=0&id=6e053728&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,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAAABHNCSVQICAgIfAhkiAAAAKRJREFUOE+V0+ENgyAQBWBug24ibtBO4gjtCt3AjXSEuokb4HumkBDgOEwu/uB9gnBICME75xbUV0ROvNVHAFYk3qgf6tVDBA8Ed9RkQcL5R9ANRlACVpQBCypAD1WBhpqghnBGswVswOyGA8D3lpTCAE92gfbTRZjLbG1rNVyAf4s0wxmwhBOwhm8wEo4gXqAjbp125TgDD+XD6t226rZqX+fYBbGGdBYVvOT/AAAAAElFTkSuQmCC\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=6e053728&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=6e053728&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  \"6e053728\",\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 { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VImg,VList,VListItem,VListItemContent,VProgressCircular,VRow,VSelect,VSpacer})\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('6e053728')) {\n      api.createRecord('6e053728', component.options)\n    } else {\n      api.reload('6e053728', component.options)\n    }\n    module.hot.accept(\"./Index.vue?vue&type=template&id=6e053728&scoped=true&\", function () {\n      api.rerender('6e053728', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/notification/Index.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!./Index.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!./Index.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!./Index.vue?vue&type=style&index=0&id=6e053728&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!./Index.vue?vue&type=template&id=6e053728&scoped=true&\""],"sourceRoot":""}