{"version":3,"sources":["webpack:///./src/views/Settings.vue?9e0c","webpack:///./src/views/Settings.vue?8d26","webpack:///src/views/Settings.vue","webpack:///./src/views/Settings.vue?355b","webpack:///./src/views/Settings.vue","webpack:///./src/views/Settings.vue?69bf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","_e","transitionName","staticRenderFns","name","computed","isAdmin","user","JSON","parse","localStorage","getItem","roles","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,SAASC,YAAY,CAAC,IAAM,OAAO,UAAU,IAAI,OAAS,sBAAsBC,MAAM,CAAC,MAAQ,GAAG,GAAK,iBAAiB,CAACJ,EAAG,MAAM,CAACE,YAAY,mBAAmBC,YAAY,CAAC,MAAQ,UAAU,CAACH,EAAG,cAAc,CAACI,MAAM,CAAC,GAAK,sBAAsB,CAACJ,EAAG,WAAW,CAACE,YAAY,0BAA0BC,YAAY,CAAC,kBAAkB,mBAAmBC,MAAM,CAAC,QAAU,OAAO,MAAQ,KAAK,CAACR,EAAIS,GAAG,uBAAuB,GAAIT,EAAW,QAAEI,EAAG,cAAc,CAACI,MAAM,CAAC,GAAK,oBAAoB,CAACJ,EAAG,WAAW,CAACE,YAAY,0BAA0BC,YAAY,CAAC,kBAAkB,mBAAmBC,MAAM,CAAC,QAAU,OAAO,MAAQ,KAAK,CAACR,EAAIS,GAAG,mBAAmB,GAAGT,EAAIU,MAAM,GAAGN,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,aAAa,CAACI,MAAM,CAAC,KAAOR,EAAIW,iBAAiB,CAACP,EAAG,cAAc,KAAK,IAAI,MACx5BQ,EAAkB,GCkCP,GACfC,KAAA,UACAC,SAAA,CACAC,UACA,MAAAC,EAAAC,KAAAC,MAAAC,aAAAC,QAAA,SACA,gBAAAJ,EAAAK,SCxCiV,I,kCCS7UC,EAAY,eACd,EACAvB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAU,E,6CCpBf,W","file":"js/chunk-5c3a8fa2.e2535300.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/lib/loaders/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/lib/index.js??vue-loader-options!./Settings.vue?vue&type=style&index=1&id=acdcc3aa&prod&scoped=true&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"d-flex\",staticStyle:{\"top\":\"10px\",\"z-index\":\"1\",\"height\":\"calc(100vh - 20px)\"},attrs:{\"fluid\":\"\",\"id\":\"user-profile\"}},[_c('div',{staticClass:\"border text-left\",staticStyle:{\"width\":\"300px\"}},[_c('router-link',{attrs:{\"to\":\"/settings/account\"}},[_c('b-button',{staticClass:\"text-gray-600 text-left\",staticStyle:{\"text-decoration\":\"none !important\"},attrs:{\"variant\":\"link\",\"block\":\"\"}},[_vm._v(\"Account Settings\")])],1),(_vm.isAdmin)?_c('router-link',{attrs:{\"to\":\"/settings/roles\"}},[_c('b-button',{staticClass:\"text-gray-600 text-left\",staticStyle:{\"text-decoration\":\"none !important\"},attrs:{\"variant\":\"link\",\"block\":\"\"}},[_vm._v(\"Manage Roles\")])],1):_vm._e()],1),_c('div',{staticClass:\"position-relative w-100\"},[_c('transition',{attrs:{\"name\":_vm.transitionName}},[_c('router-view',{})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid id=\"user-profile\" class=\"d-flex\"\n  style=\"top: 10px; z-index: 1; height: calc(100vh - 20px);\">\n    <div class=\"border text-left\" style=\"width: 300px;\">\n        <router-link\n        :to=\"`/settings/account`\"\n       >\n        <b-button\n            variant=\"link\"\n            block\n            class=\"text-gray-600 text-left\"\n            style=\"text-decoration: none !important;\"\n        >Account Settings</b-button>\n      </router-link>\n       <router-link v-if=\"isAdmin\"\n        :to=\"`/settings/roles`\"\n       >\n        <b-button\n          variant=\"link\"\n          block\n          class=\"text-gray-600 text-left\"\n          style=\"text-decoration: none !important;\"\n        >Manage Roles</b-button>\n      </router-link>\n    </div>\n    <div class=\"position-relative w-100\">\n      <transition :name=\"transitionName\">\n        <router-view v-cloak/>\n      </transition>\n    </div>\n  </b-container>\n</template>\n\n<script>\n\nexport default {\n  name: 'Setting',\n  computed: {\n    isAdmin() {\n      const user = JSON.parse(localStorage.getItem('user'));\n      return user.roles === 'Admin';\n    },\n  },\n};\n</script>\n\n<style>\nhtml {\n  scroll-behavior: smooth;\n}\n</style>\n\n<style scoped lang=\"scss\">\n#table-of-contents {\n  background: transparent;\n}\n\n#table-of-contents .list-group-item {\n  background-color: inherit;\n  border: none;\n  transition: all .2s ease;\n  color: black;\n}\n\n#table-of-contents .list-group-item:before {\n  transition: all .2s ease;\n  content: '';\n  position: absolute;\n  top: 12.5%;\n  left: 0;\n  background: transparent;\n  height: 75%;\n  width: 5px;\n  border-radius: 5px;\n}\n\n#table-of-contents .list-group-item.active:before {\n  transition: all .2s ease;\n  background: var(--secondary-color);\n}\n\n#table-of-contents .list-group-item:hover {\n  transition: all .2s ease;\n  color: #676767 !important;\n  background: #e5eef1;\n  border-radius: 0.25rem;\n}\n\n#table-of-contents .list-group-item:hover:before {\n  transition: all .2s ease;\n  background: #a2c3e0;\n}\n\n::v-deep .settings-button {\n  padding: 10px 0;\n  color: black;\n}\n\n::v-deep .settings-button:hover {\n  background: #f5f5f5;\n  border-radius: 0;\n}\n\n::v-deep .normalize {\n  outline: none;\n  box-shadow: none;\n  background-color: transparent;\n  border: none;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.component-fade-enter-active, .component-fade-leave-active {\n  transition: all .15s ease;\n  transform: scale(1);\n}\n.component-fade-enter, .component-fade-leave-to {\n  opacity: 0;\n  transform: scale(0.95);\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Settings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=acdcc3aa&scoped=true\"\nimport script from \"./Settings.vue?vue&type=script&lang=js\"\nexport * from \"./Settings.vue?vue&type=script&lang=js\"\nimport style0 from \"./Settings.vue?vue&type=style&index=0&id=acdcc3aa&prod&lang=css\"\nimport style1 from \"./Settings.vue?vue&type=style&index=1&id=acdcc3aa&prod&scoped=true&lang=scss\"\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  \"acdcc3aa\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./Settings.vue?vue&type=style&index=0&id=acdcc3aa&prod&lang=css\""],"sourceRoot":""}