{"version":3,"sources":["webpack:///./src/components/shared/pagination.vue","webpack:///./src/components/shared/pagination.vue?5b98","webpack:///./src/components/shared/TableShimmer.vue","webpack:///./src/components/shared/TableShimmer.vue?aa8e","webpack:///./src/components/icons/IconChevronLeft.vue","webpack:///./src/components/icons/IconChevronLeft.vue?9548","webpack:///./src/pages/highlights/index.vue?c7b1","webpack:///./src/components/icons/IconChevronRight.vue","webpack:///./src/components/icons/IconChevronRight.vue?9ca9","webpack:///./src/pages/highlights/index.vue","webpack:///./src/pages/highlights/index.vue?889d"],"names":["class","paginatorInfo","firstItem","lastItem","total","goToPage","pages","page","currentPage","key","totalPages","previousPage","nextPage","name","components","IconChevronRight","IconChevronLeft","props","Object","setPage","Function","computed","this","lastPage","hasMorePages","startPage","Math","max","endPage","min","i","push","methods","hasPreviousPage","hasNextPage","render","titleHeaders","header","index","rows","item","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","script","scope","to","recentUpdates","length","tag","log","activity","getLogShortDescription","timeAgo","created_at","$apollo","queries","highlights","loading","first","hasItems","items","user","details","ip_address","Pagination","TableShimmer","systemTime","fetchRecentUpdates","setInterval","watch","newVal","error","error_code","$router","replace","alert","message","data","$store","getters","role","apollo","query","fetchPolicy","system_time","console","timestamp","now","Date","past","diffInSeconds","floor","__scopeId"],"mappings":"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","file":"js/chunk-6f66aa6c.e4fb5916.js","sourcesContent":["<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"text-xs text-gray-600\">Showing <span class=\"font-bold\">{{ paginatorInfo.firstItem }}</span> to <span class=\"font-bold\">{{ paginatorInfo.lastItem }}</span> of <span class=\"font-bold\">{{ paginatorInfo.total }}</span> Entries</div>\n        <div class=\"flex justify-between items-center mt-2\">\n            <div class=\"flex border border-gray-100\">\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(1)\">First</div>\n                <div :class=\"paginatorInfo.currentPage == page ? 'text-purple-pink bg-blue-50 font-medium' : ''\" class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" v-for=\"page in pages\" :key=\"page\" @click=\"goToPage(page)\">{{ page }}</div>\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(totalPages)\">Last</div>\n            </div>\n            <div class=\"border-2 border-gray-100 flex\">\n                <div @click=\"previousPage\" class=\"w-10 h-8 border-r border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-left class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-left>\n                </div>\n                <div @click=\"nextPage\" class=\"w-10 h-8 border-l border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-right class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-right>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconChevronRight from '../icons/IconChevronRight.vue';\nimport IconChevronLeft from '../icons/IconChevronLeft.vue';\nexport default {\n    name: \"pagination\",\n    components: {\n        IconChevronRight,\n        IconChevronLeft,\n    },\n    props: {\n        paginatorInfo: Object,\n        setPage: Function,\n    },\n    computed: {\n        page() {\n            return this.paginatorInfo.currentPage;\n        },\n        totalPages() {\n            return this.paginatorInfo.lastPage;\n        },\n        hasPreviousPage() {\n            return this.paginatorInfo.currentPage > 1;\n        },\n        hasNextPage() {\n            return this.paginatorInfo.hasMorePages;\n        },\n        pages() {\n            const startPage = Math.max(this.page - 2, 1);\n            const endPage = Math.min(startPage + 4, this.totalPages);\n            const pages = [];\n            for (let i = startPage; i <= endPage; i++) {\n                pages.push(i);\n            }\n            return pages;\n        }\n    },\n    methods: {\n        previousPage() {\n            if (this.hasPreviousPage) {\n                this.setPage(this.page - 1);\n            }\n        },\n        nextPage() {\n            if (this.hasNextPage) {\n                this.setPage(this.page + 1);\n            }\n        },\n        goToPage(page) {\n            this.setPage(page);\n        }\n    }\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n</style>","import { render } from \"./pagination.vue?vue&type=template&id=fc68b128\"\nimport script from \"./pagination.vue?vue&type=script&lang=js\"\nexport * from \"./pagination.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"inline-block min-w-full py-2\">\n            <div class=\"overflow-x-auto\">\n                <div class=\"min-w-full text-left text-sm font-light\">\n                    <div class=\"border-b font-medium dark:border-neutral-500\">\n                        <div class=\"flex justify-between\">\n                            <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">{{ header }}</div>\n                        </div>\n                    </div>\n                    <div>\n                        <div v-for=\"(item, index) in rows\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500 w-full flex justify-start animate-pulse\">\n                            <div class=\"w-full flex justify-between\">\n                                <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">\n                                    <div class=\"h-4 w-24 lg:w-40 bg-gray-300 animate-pulse\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"table-shimmer\",\n    props: [\"titleHeaders\", \"rows\",],\n}\n</script>","import { render } from \"./TableShimmer.vue?vue&type=template&id=6da2499a\"\nimport script from \"./TableShimmer.vue?vue&type=script&lang=js\"\nexport * from \"./TableShimmer.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronLeft.vue?vue&type=template&id=4040c84e\"\nconst script = {}\nscript.render = render\n\nexport default script","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=16fca582&lang=scss&scoped=true\"","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronRight.vue?vue&type=template&id=30fb9afe\"\nconst script = {}\nscript.render = render\n\nexport default script","<template>\n    <div class=\"h-full w-full flex flex-col\">\n        <div class=\"h-full container mx-auto\">\n            <div class=\"px-4 sm:px-8 flex flex-col h-full w-full py-4 sm:py-8\">\n                <div class=\"w-full bg-white rounded-2xl border shadow-lg px-6 md:px-8 py-4 flex flex-col\">\n                    <div class=\"flex items-center text-sm font-light\">\n                        <router-link to=\"/dashboard\" class=\"opacity-50 hover:opacity-100\">Dashboard</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <span>Highlights</span>\n                    </div>\n                    <div class=\"font-bold\">Highlights</div>\n                </div>\n\n                <div class=\"mt-8 flex flex-row-reverse flex-wrap\">\n                    <div class=\"w-full lg:w-1/4 lg:pl-4\" v-if=\"recentUpdates.length > 0\">\n                        <div\n                            class=\"h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg py-6 md:py-8 px-4\">\n                            <h1 class=\"text-base md:text-lg font-semibold mb-2\">Recent Updates</h1>\n                            <transition-group name=\"fade\" tag=\"ul\" class=\"highlights-list\">\n                                <div v-for=\"(log, index) in recentUpdates\" :key=\"index\"\n                                    class=\"overflow-x-hidden border mt-2 rounded-2xl px-4 py-2 cursor-pointer hover:bg-gray-100\">\n                                    <div class=\"flex items-center w-full overflow-x-hidden\">\n                                        <div class=\"flex-1\">\n                                            <p class=\"text-sm md:text-base font-medium text-gray-800\">{{ log.activity }}\n                                            </p>\n                                            <p class=\"text-xs text-gray-600 truncate-2\">{{ getLogShortDescription(log)\n                                                }}\n                                            </p>\n                                            <span class=\"text-xs text-gray-500\">{{ timeAgo(log.created_at) }}</span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </transition-group>\n                        </div>\n                    </div>\n                    <div :class=\"recentUpdates.length > 0 ? 'w-full lg:w-3/4' : 'w-full'\" class=\"lg:pr-4 mt-8 lg:mt-0\">\n                        <section class=\"h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg p-6 md:p-8\">\n                            <h1 class=\"text-base md:text-lg font-semibold mb-4\">Highlights</h1>\n                            <div class=\"flex flex-col\" v-if=\"$apollo.queries.highlights.loading\">\n                                <table-shimmer\n                                    :titleHeaders=\"['#', 'Timestamp', 'User', 'Activity', 'Details', 'IP Address']\"\n                                    :rows=\"first\"></table-shimmer>\n                            </div>\n                            <div v-else-if=\"!$apollo.queries.highlights.loading && !hasItems\"\n                                class=\"h-full flex justify-center items-center\">\n                                <h1 class=\"text-center text-xl font-medium\">No results found!</h1>\n                            </div>\n                            <div v-else class=\"flex flex-col\">\n                                <div class=\"flex flex-col overflow-x-auto\">\n                                    <div class=\"inline-block min-w-full py-2\">\n                                        <div class=\"overflow-x-auto\">\n                                            <table class=\"min-w-full text-left text-sm font-light\">\n                                                <thead class=\"border-b font-medium dark:border-neutral-500\">\n                                                    <tr>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400 w-8\">#</th>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Timestamp</th>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">User</th>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Activity</th>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Details</th>\n                                                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">IP Address</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    <tr v-for=\"(item, index) in items\" :key=\"index\"\n                                                        class=\"border-b border-dashed dark:border-neutral-500\">\n                                                        <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{\n                                                            paginatorInfo.firstItem + index }}</td>\n                                                        <td class=\"px-6 py-2\">{{ item.created_at }}</td>\n                                                        <td class=\"px-6 py-2\">{{ item.user ? item.user.name : 'System'\n                                                            }}</td>\n                                                        <td class=\"px-6 py-2\">{{ item.activity }}</td>\n                                                        <td class=\"px-6 py-2\">\n                                                            <div class=\"w-48 truncate-3\">{{ item.details }}</div>\n                                                        </td>\n                                                        <td class=\"px-6 py-2\">{{ item.ip_address }}</td>\n                                                    </tr>\n                                                </tbody>\n                                            </table>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"mt-4\">\n                                    <pagination :paginatorInfo=\"paginatorInfo\" :setPage=\"setPage\"></pagination>\n                                </div>\n                            </div>\n                        </section>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport Pagination from \"../../components/shared/pagination.vue\";\nimport TableShimmer from '../../components/shared/TableShimmer.vue';\nexport default {\n    name: \"highlights-index\",\n    components: {\n        Pagination,\n        TableShimmer,\n    },\n    data() {\n        return {\n            highlights: [],\n            first: 10,\n            page: 1,\n            recentUpdates: [],\n            systemTime: null,\n        };\n    },\n    created() {\n        this.fetchRecentUpdates();\n        // Auto-refresh updates every 10 seconds\n        setInterval(() => {\n            this.fetchRecentUpdates();\n        }, 10000);\n    },\n    watch: {\n        highlights(newVal) {\n            if (newVal.error) {\n                if (newVal.error_code == 403) {\n                    this.$router.replace('/no-permission');\n                } else if (newVal.error_code == 401) {\n                    this.$router.replace('/');\n                } else {\n                    alert(newVal.message);\n                    this.$router.replace('/');\n                }\n            }\n        },\n    },\n    computed: {\n        items() {\n            return this.highlights.data;\n        },\n        hasItems() {\n            if (this.items && this.items.length > 0) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        paginatorInfo() {\n            return this.highlights.paginatorInfo;\n        },\n        role() {\n            return this.$store.getters.role;\n        },\n    },\n    apollo: {\n        highlights() {\n            return {\n                query: gql`query GetAllAdjunctFaculties($first: Int!, $page: Int!) {\n                    highlights(first: $first, page: $page) {\n                        error\n                        error_code\n                        message\n                        data {\n                            id\n                            user_id\n                            module\n                            action\n                            activity\n                            details\n                            level\n                            ip_address\n                            browser_info\n                            created_at\n                            updated_at\n                            user {\n                                name\n                            }\n                        }\n                        paginatorInfo {\n                            count\n                            currentPage\n                            firstItem\n                            hasMorePages\n                            lastItem\n                            lastPage\n                            perPage\n                            total\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        first: this.first,\n                        page: this.page,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        setPage(page) {\n            this.page = page;\n        },\n        async fetchRecentUpdates() {\n            try {\n                const { data } = await this.$apollo.query({\n                    query: gql`\n                        query FetchRecentUpdates {\n                        fetchRecentUpdates {\n                            data {\n                                id\n                                user_id\n                                module\n                                action\n                                activity\n                                details\n                                level\n                                ip_address\n                                browser_info\n                                created_at\n                                updated_at\n                                user {\n                                    name\n                                }\n                            }\n                            system_time\n                        }\n                    }`,\n                    fetchPolicy: \"network-only\",\n                });\n                this.recentUpdates = data.fetchRecentUpdates.data;\n                this.systemTime = data.fetchRecentUpdates.system_time;\n            } catch (error) {\n                console.error(\"Error fetching updates:\", error);\n            }\n        },\n        timeAgo(timestamp) {\n            const now = new Date(this.systemTime);\n            const past = new Date(timestamp);\n            const diffInSeconds = Math.floor((now - past) / 1000);\n\n            if (diffInSeconds < 60) {\n                return `${diffInSeconds} seconds ago`;\n            } else if (diffInSeconds < 3600) {\n                return `${Math.floor(diffInSeconds / 60)} minutes ago`;\n            } else if (diffInSeconds < 86400) {\n                return `${Math.floor(diffInSeconds / 3600)} hours ago`;\n            } else {\n                return `${Math.floor(diffInSeconds / 86400)} days ago`;\n            }\n        },\n        getLogShortDescription(log) {\n            if (log.user) {\n                return `${log.user.name} - ${log.details}`;\n            } else {\n                return `${log.details}`;\n            }\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.truncate-3 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n}\n\n.truncate-2 {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n/* Fade animation */\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.5s;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","import { render } from \"./index.vue?vue&type=template&id=16fca582&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=16fca582&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-16fca582\"\n\nexport default script"],"sourceRoot":""}