{"version":3,"sources":["webpack:///./src/components/shared/pagination.vue","webpack:///./src/components/shared/pagination.vue?5b98","webpack:///./src/components/icons/IconChevronLeft.vue","webpack:///./src/components/icons/IconChevronLeft.vue?9548","webpack:///./src/pages/self-service/index.vue","webpack:///./src/components/shared/ServiceTileShimmer.vue","webpack:///./src/components/shared/ServiceTileShimmer.vue?b960","webpack:///./src/components/shared/ServiceTile.vue","webpack:///./src/components/shared/ServiceTile.vue?a13c","webpack:///./src/pages/self-service/index.vue?fe5f"],"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","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","script","$apollo","queries","selfServices","loading","item","index","data","length","filteredSelfServices","title","goToUrl","localStorage","setItem","JSON","stringify","$router","replace","url","ServiceTileShimmer","ServiceTile","Pagination","first","$store","getters","role","apollo","query","fetchPolicy"],"mappings":"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","file":"js/chunk-0bd72820.05cbe97b.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    <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","<template>\n  <section class=\"h-full w-full flex flex-col\">\n    <div class=\"h-full container mx-auto\">\n        <div class=\"px-8 flex flex-row flex-wrap w-full\" v-if=\"$apollo.queries.selfServices.loading\">\n            <div class=\"w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 mt-8\">\n              <service-tile-shimmer v-for=\"(item, index) in 4\" :key=\"index\"></service-tile-shimmer>\n            </div>\n        </div>\n        <div v-else-if=\"!$apollo.queries.selfServices.loading && selfServices.data.length <= 0\" class=\"h-full w-full flex flex-col justify-center items-center\">\n            <h1 class=\"text-center text-xl font-medium\">No services found!</h1>\n        </div>\n        <div v-else class=\"px-8 flex flex-row flex-wrap w-full\">\n            <div class=\"w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-8 mt-8\">\n                <service-tile v-for=\"(item, index) in filteredSelfServices\" :key=\"index\" :item=\"item\"></service-tile>\n            </div>\n            <div class=\"mt-4\">\n                <pagination\n                :paginatorInfo=\"paginatorInfo\"\n                :setPage=\"setPage\"\n                ></pagination>\n            </div>\n        </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport ServiceTileShimmer from \"../../components/shared/ServiceTileShimmer.vue\";\nimport ServiceTile from \"../../components/shared/ServiceTile.vue\";\nimport Pagination from \"../../components/shared/pagination.vue\";\nexport default {\n  name: \"self-services\",\n  components: {\n      ServiceTileShimmer,\n      ServiceTile,\n      Pagination\n  },\n  data() {\n    return {\n      selfServices: [],\n      first: 10,\n      page: 1,\n    };\n  },\n  computed: {\n    role() {\n      return this.$store.getters.role;\n    },\n    filteredSelfServices() {\n        return this.selfServices.data;\n    },\n    paginatorInfo() {\n        return this.selfServices.paginatorInfo;\n    },\n  },\n  apollo: {\n    selfServices() {\n        return {\n            query: gql`query GetAllSelfServices($first: Int!, $page: Int!) {\n                selfServices(first: $first, page: $page) {\n                    data {\n                        id\n                        title\n                        url\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  },\n}\n</script>","<template>\n    <div class=\"w-full flex flex-col\">\n        <div class=\"flex-grow shadow-lg border bg-white hover:bg-secondary rounded-2xl p-8 flex flex-col group relative hoverable\">\n            <p class=\"group-hover:text-white text-ternary leading-tight font-semibold text-xl h-8 bg-gray-300 animate-pulse\"></p>\n            <div class=\"mt-16 flex justify-end flex-auto flex-col items-end\">\n                <div class=\"border-2 font-medium border-ternary text-white hover:text-ternary bg-ternary hover:bg-white rounded-lg px-5 py-2 text-sm cursor-pointer animate-pulse\">Start Service</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"service-tile-shimmer\",\n    props: [\"item\"],\n}\n</script>","import { render } from \"./ServiceTileShimmer.vue?vue&type=template&id=453d4561\"\nimport script from \"./ServiceTileShimmer.vue?vue&type=script&lang=js\"\nexport * from \"./ServiceTileShimmer.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"w-full flex flex-col\">\n        <div class=\"flex-grow shadow-lg border bg-white hover:bg-secondary rounded-2xl p-8 flex flex-col group relative hoverable\">\n            <p class=\"group-hover:text-white text-ternary leading-tight font-semibold text-xl\">{{ item.title }}</p>\n            <div class=\"mt-16 flex justify-end flex-auto flex-col items-end\">\n                <div @click.stop=\"goToUrl\" class=\"border-2 font-medium border-ternary text-white hover:text-ternary bg-ternary hover:bg-white rounded-lg px-5 py-2 text-sm cursor-pointer\">Start Service</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"service-tile\",\n    props: [\"item\"],\n    methods: {\n        goToUrl() {\n            localStorage.setItem('selectedSelfService', JSON.stringify(this.item));\n            this.$router.replace(this.item.url);\n        },\n    },\n}\n</script>","import { render } from \"./ServiceTile.vue?vue&type=template&id=4cc5975a\"\nimport script from \"./ServiceTile.vue?vue&type=script&lang=js\"\nexport * from \"./ServiceTile.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./index.vue?vue&type=template&id=34b8d73d\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}