{"version":3,"sources":["webpack:///./src/views/Admin/Admin.vue?ea50","webpack:///./src/views/Admin/Admin.vue","webpack:///./src/components/Admin/AdminItem.vue","webpack:///./src/components/Admin/AdminItem.vue?ce26","webpack:///./src/views/Admin/Admin.vue?94c5","webpack:///./src/components/Admin/AdminItem.vue?4581"],"names":["href","rel","class","routeName","matIcon","text","Logout","to","name","props","type","String","required","render","__scopeId","components","PageContent","SubHeading","AdminItem","setup","store","router","AuthService","logout","commit","push","getAuthFromSession"],"mappings":"uIAAA,W,uICCE,eAAsF,QAAhFA,KAAK,0DAA0DC,IAAI,c,0BAE3D,kB,GAEPC,MAAM,S,EAQP,eAA8C,KAA3CA,MAAM,uBAAsB,eAAW,G,EAC1C,eAAiB,WAAZ,UAAM,G,qMAbjB,EACA,eAec,Q,WAdZ,iBAAuC,CAAvC,eAAuC,Q,WAA3B,iBAAc,C,YAE1B,eAWM,MAXN,EAWM,CAVJ,eAA8E,GAAnEC,UAAU,WAAWC,QAAQ,UAAUC,KAAK,uBACvD,eAAmF,GAAxEF,UAAU,YAAYC,QAAQ,iBAAiBC,KAAK,oBAC/D,eAAwE,GAA7DF,UAAU,SAASC,QAAQ,QAAQC,KAAK,qBACnD,eAAkF,GAAvEF,UAAU,QAAQC,QAAQ,oBAAoBC,KAAK,oBAC9D,eAAoE,GAAzDF,UAAU,OAAOC,QAAQ,OAAOC,KAAK,oBAEhD,eAGM,OAHA,QAAK,8BAAE,EAAAC,OAAA,qBAAQJ,MAAM,U,CACzB,EACA,U,mHCZGA,MAAM,Q,GACNA,MAAM,kB,GACJA,MAAM,Q,4GAHf,eAKc,GALAK,GAAE,MAAU,EAAAJ,Y,YACxB,iBAGM,CAHN,eAGM,MAHN,EAGM,CAFJ,eAAyC,IAAzC,EAAyC,eAAb,EAAAC,SAAO,GACnC,eAAgC,MAAhC,EAAgC,eAAZ,EAAAC,MAAI,S,kBAMjB,GACbG,KAAM,YACNC,MAAO,CACLN,UAAW,CACTO,KAAMC,OACNC,UAAU,GAEZR,QAAS,CACPM,KAAMC,OACNC,UAAU,GAEZP,KAAM,CACJK,KAAMC,OACNC,UAAU,K,UClBhB,EAAOC,OAAS,EAChB,EAAOC,UAAY,kBAEJ,Q,oCFqBA,GAEbN,KAAM,QACNO,WAAY,CACVC,cAAA,KACAC,aAAA,KACAC,aAEFC,MARa,WASX,IAAMC,EAAQ,iBACRC,EAAS,iBACf,SAASf,IACPgB,EAAA,KAAYC,SACZH,EAAMI,OAAO,UACbH,EAAOI,KAAK,KAOd,OALA,gBAAU,WACHH,EAAA,KAAYI,sBACfL,EAAOI,KAAK,QAGT,CAACnB,Y,UG7CZ,EAAOO,OAAS,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf,W","file":"js/chunk-63ae2912.900ab5e3.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Admin.vue?vue&type=style&index=0&id=27953dae&scoped=true&lang=css\"","<template>\r\n  <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n  <PageContent>\r\n    <SubHeading>Administration</SubHeading>\r\n    \r\n    <div class=\"Items\">\r\n      <AdminItem routeName=\"Articles\" matIcon=\"article\" text=\"Article Management\" />\r\n      <AdminItem routeName=\"EditCards\" matIcon=\"calendar_today\" text=\"Card Management\" />\r\n      <AdminItem routeName=\"Images\" matIcon=\"image\" text=\"Image Management\" />\r\n      <AdminItem routeName=\"Files\" matIcon=\"insert_drive_file\" text=\"File Management\" />\r\n      <AdminItem routeName=\"Menu\" matIcon=\"menu\" text=\"Menu Management\" />\r\n      \r\n      <div @click=\"Logout\" class=\"logout\">\r\n        <i class=\"material-icons icon\">exit_to_app</i>\r\n        <div>Logout</div> \r\n      </div>\r\n    </div>\r\n  </PageContent>\r\n</template>\r\n\r\n<script>\r\nimport PageContent from '@/components/PageContent.vue'\r\nimport SubHeading from '@/components/SubHeading.vue'\r\nimport AdminItem from '@/components/Admin/AdminItem.vue'\r\n\r\nimport AuthService from '@/services/AuthService'\r\nimport { useRouter } from 'vue-router'\r\nimport { useStore } from 'vuex'\r\nimport { onMounted } from 'vue'\r\nexport default {\r\n  \r\n  name: \"Admin\",\r\n  components: {\r\n    PageContent,\r\n    SubHeading,\r\n    AdminItem\r\n  },\r\n  setup() {\r\n    const store = useStore();\r\n    const router = useRouter();\r\n    function Logout(){\r\n      AuthService.logout();\r\n      store.commit('logout');\r\n      router.push('/');\r\n    }\r\n    onMounted(() => {\r\n      if (!AuthService.getAuthFromSession()){\r\n        router.push('/');\r\n      }\r\n    });\r\n    return {Logout}\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .Items{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: space-around;\r\n  }\r\n  .logout {\r\n    width: 200px;\r\n    min-height: 100px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    border: 1px solid #ccc;\r\n    margin: 5px;\r\n    box-shadow: 0 2px 3px #bbb;\r\n    padding-top: 20px;\r\n    border-radius: 5px;\r\n    transition: background-color 0.5s ease;\r\n    color: black;\r\n    cursor: pointer;\r\n  }\r\n  .icon {\r\n    font-size: 3em;\r\n    color: red;\r\n  }\r\n  .logout:hover {\r\n    background-color: rgba(255,0,0,0.1);\r\n  }\r\n</style>","<template>\r\n    <router-link :to=\"{ name: routeName }\" >\r\n      <div class=\"item\">\r\n        <i class=\"material-icons\">{{matIcon}}</i>\r\n        <div class=\"text\">{{text}}</div>\r\n      </div>\r\n    </router-link>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'AdminItem',\r\n  props: {\r\n    routeName: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    matIcon: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    text: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .item {\r\n    width: 200px;\r\n    min-height: 100px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    border: 1px solid #ccc;\r\n    margin: 5px;\r\n    box-shadow: 0 2px 3px #bbb;\r\n    padding-top: 20px;\r\n    border-radius: 5px;\r\n    transition: background-color 0.5s ease;\r\n  }\r\n  .item:hover {\r\n    background-color: rgba(0,0,0,0.1);\r\n  }\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n  i {\r\n    color: darkslategray;\r\n    font-size: 3em;\r\n  }\r\n  .text {\r\n    color: black;\r\n  }\r\n</style>","import { render } from \"./AdminItem.vue?vue&type=template&id=06057abe&scoped=true\"\nimport script from \"./AdminItem.vue?vue&type=script&lang=js\"\nexport * from \"./AdminItem.vue?vue&type=script&lang=js\"\n\nimport \"./AdminItem.vue?vue&type=style&index=0&id=06057abe&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-06057abe\"\n\nexport default script","import { render } from \"./Admin.vue?vue&type=template&id=27953dae&scoped=true\"\nimport script from \"./Admin.vue?vue&type=script&lang=js\"\nexport * from \"./Admin.vue?vue&type=script&lang=js\"\n\nimport \"./Admin.vue?vue&type=style&index=0&id=27953dae&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-27953dae\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AdminItem.vue?vue&type=style&index=0&id=06057abe&scoped=true&lang=css\""],"sourceRoot":""}