{"version":3,"sources":["webpack:///./src/pages/admin/SerilogLogs/index.vue?f250","webpack:///./src/pages/admin/SerilogLogs/index.vue","webpack:///./src/pages/admin/SerilogLogs/index.vue?20dd"],"names":["class","logs","log","style","key","id","selectLog","level","timeStamp","message","slice","fetchLogs","selectedLog","components","setup","skip","token","localStorage","getItem","JSON","parse","headers","Authorization","a","get","value","then","res","fetchedLogs","data","map","item","formatDate","catch","err","console","utc","date","Date","getDate","getMonth","getFullYear","getHours","getMinutes","__exports__","render"],"mappings":"kHAAA,W,yJCCSA,MAAM,kB,GACFA,MAAM,O,GACFA,MAAM,a,GACFA,MAAM,qB,uBACP,eAEM,OAFDA,MAAM,eAAc,YAEzB,M,GACKA,MAAM,a,GACFA,MAAM,oB,GACAA,MAAM,2C,uBAEL,eAKK,WAJD,eAAW,UAAP,MACJ,eAAc,UAAV,SACJ,eAAa,UAAT,QACJ,eAAgB,UAAZ,a,6BAiBvBA,MAAM,0B,uBACP,eAEM,OAFDA,MAAM,eAAc,aAEzB,M,GACKA,MAAM,a,gDApC3B,eA+CM,MA/CN,EA+CM,CA9CF,eA6CM,MA7CN,EA6CM,CA5CF,eA2CM,MA3CN,EA2CM,CA1CF,eA4BM,MA5BN,EA4BM,CA3BF,EAGA,eAuBM,MAvBN,EAuBM,CAtBF,eAoBM,MApBN,EAoBM,CAnBF,eAkBQ,QAlBR,EAkBQ,CAjBJ,eAgBQ,cAfJ,G,mBAMA,eAQK,2BAPa,EAAAC,MAAI,SAAXC,G,wBADX,eAQK,MARDC,MAAA,mBACqBC,IAAKF,EAAIG,GAC7B,QAAK,mBAAE,EAAAC,UAAUJ,K,CAElB,eAAmB,yBAAbA,EAAIG,IAAE,GACZ,eAAsB,yBAAhBH,EAAIK,OAAK,GACf,eAA0B,yBAApBL,EAAIM,WAAS,GACnB,eAAqC,yBAA/BN,EAAIO,QAAQC,MAAK,W,oBAKvC,eAA6E,UAArEV,MAAM,uBAAwB,QAAK,+BAAE,EAAAW,eAAa,kBAGxB,EAAAC,a,iBAA1C,eAYM,MAZN,EAYM,CAXF,EAGA,eAEM,MAFN,EAEM,eADA,EAAAA,YAAYH,SAAO,M,mGAgB9B,GACXI,WAAY,GACZC,MAFW,WAGP,IAAMb,EAAO,eAAI,IACXc,EAAO,eAAI,GACXH,EAAc,eAAI,MACxB,gBAAU,WACND,OAGJ,IAAMA,EAAY,WACd,IAAMK,EAAQC,aAAaC,QAAQ,iBAAmBC,KAAKC,MAAMH,aAAaC,QAAQ,iBAAiBF,MACjGK,EAAU,CACZA,QAAS,CAAEC,cAAe,UAAF,OAAYN,KAExC,EAAAO,EAAMC,IAAN,UAAa,sBAAb,0BAA0DT,EAAKU,MAA/D,YAAgFJ,GAC3EK,MAAK,SAACC,GACH,IAAMC,EAAcD,EAAIE,KAAKC,KAAI,SAAAC,GAC7B,wCAAWA,GAAX,IAAiBvB,UAAWwB,EAAWD,EAAKvB,gBAGhDP,EAAKwB,MAAL,yBAAiBxB,EAAKwB,OAAtB,eAAgCG,IAChCb,EAAKU,OAAS,MAEjBQ,OAAM,SAAAC,GACHC,QAAQjC,IAAIgC,OAIlB5B,EAAY,SAACJ,GACfU,EAAYa,MAAQvB,GAGlB8B,EAAa,SAACI,GAChB,IAAMC,EAAO,IAAIC,KAAKF,GACtB,OAAOC,EAAKE,UAAY,OAAQF,EAAKG,WAAW,GAAG,IAAIH,EAAKI,cAC5D,IAAIJ,EAAKK,WAAY,IAAKL,EAAKM,cAGnC,MAAO,CACH1C,OACAU,YACAL,YACAM,iB,iCC1FZ,MAAMgC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB","file":"js/chunk-d0a013de.669a362f.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=65b5f3f6&scoped=true&lang=scss\"","<template>\r\n    <div class=\"container mt-5\">\r\n        <div class=\"row\">\r\n            <div class=\"col-xl-12\">\r\n                <div class=\"card card-default\">\r\n                    <div class=\"card-header\">\r\n                        Logovi\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        <div class=\"table-responsive\">\r\n                            <table class=\"table b-table table-striped table-hover\">\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th>Id</th>\r\n                                        <th>Level</th>\r\n                                        <th>Date</th>\r\n                                        <th>Message</th>\r\n                                    </tr>\r\n                                    <tr style=\"cursor: pointer;\" \r\n                                        v-for=\"log in logs\" :key=\"log.id\"\r\n                                        @click=\"selectLog(log)\"\r\n                                    >\r\n                                        <td>{{log.id}}</td>\r\n                                        <td>{{log.level}}</td>\r\n                                        <td>{{log.timeStamp}}</td>\r\n                                        <td>{{log.message.slice(0, 30)}}</td>\r\n                                    </tr>\r\n                                </thead>\r\n                            </table>\r\n                        </div>\r\n                        <button class=\"btn btn-primary mt-5\" @click=\"fetchLogs()\">Ucitaj jos</button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"card card-default mt-3\" v-if=\"selectedLog\">\r\n                    <div class=\"card-header\">\r\n                        Details\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        {{selectedLog.message}}\r\n                    </div>\r\n                    <!--\r\n                    <div class=\"card-body\" v-if=\"selectedLog.exception\">\r\n                        <p>selectedLog.exception</p>\r\n                    </div> \r\n                    -->\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { ref, onMounted } from 'vue';\r\nimport axios from 'axios';\r\nexport default {\r\n    components: { },\r\n    setup() {\r\n        const logs = ref([]);\r\n        const skip = ref(0);\r\n        const selectedLog = ref(null);\r\n        onMounted(() => {\r\n            fetchLogs();\r\n        })\r\n\r\n        const fetchLogs = () => {\r\n            const token = localStorage.getItem('vodotermUser') && JSON.parse(localStorage.getItem('vodotermUser')).token;\r\n            const headers = {\r\n                headers: { Authorization: `Bearer ${token}` }\r\n            };\r\n            axios.get(`${process.env.VUE_APP_API_URL}/api/Logs?skip=${skip.value}&take=10`, headers)\r\n                .then((res) => {\r\n                    const fetchedLogs = res.data.map(item => {\r\n                        return {...item, timeStamp: formatDate(item.timeStamp)}\r\n                    });\r\n\r\n                    logs.value = [...logs.value, ...fetchedLogs];\r\n                    skip.value += 10;\r\n                })\r\n                .catch(err => {\r\n                    console.log(err);\r\n                })\r\n        }\r\n\r\n        const selectLog = (log) => {\r\n            selectedLog.value = log;\r\n        }\r\n\r\n        const formatDate = (utc) => {\r\n            const date = new Date(utc);\r\n            return date.getDate() + \"/\" + +(date.getMonth()+1)+\"/\"+date.getFullYear()+\r\n            \" \"+date.getHours()+ \":\" +date.getMinutes();\r\n        }\r\n\r\n        return {\r\n            logs,\r\n            fetchLogs,\r\n            selectLog,\r\n            selectedLog\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.table-responsive {\r\n    max-height: 60vh!important;\r\n    overflow-y: auto;\r\n}\r\n.table {\r\n    width: 100%;\r\n    color: #656565;\r\n}\r\n\r\ntable {\r\n    border-collapse: collapse;\r\n}\r\n</style>","import { render } from \"./index.vue?vue&type=template&id=65b5f3f6&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=65b5f3f6&scoped=true&lang=scss\"\n\nimport exportComponent from \"D:\\\\Projects\\\\vodoterm\\\\Frontend\\\\vodoterm\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-65b5f3f6\"]])\n\nexport default __exports__"],"sourceRoot":""}