{"version":3,"sources":["webpack:///./src/views/SelectUserRole.vue","webpack:///./src/views/SelectUserRole/UserRoleCard.vue","webpack:///./src/views/SelectUserRole/UserRoleCard.vue?dd35","webpack:///./src/views/SelectUserRole.vue?261c","webpack:///./src/views/SelectUserRole/UserRoleCard.vue?07eb","webpack:///./src/components/Breadcrumb.vue","webpack:///./src/components/Breadcrumb.vue?c1d9"],"names":["class","crumbs","isLoading","userRoles","userRole","i","key","selectUserRole","user-role","$emit","width","name","bio","isUserRoleSelected","components","UserRoleAvatar","props","mixins","Images","computed","currentUserRole","this","__exports__","UserRoleCard","Breadcrumb","Spinner","loadUserRoles","href","label","active","methods","setUserRole","role","$route","query","to","$router","push","render","aria-label","type","crumb"],"mappings":"oJACOA,MAAM,+B,GAIJA,MAAM,2C,GACJA,MAAM,Y,SAIaA,MAAM,oB,mNATlC,gCAyBM,MAzBN,EAyBM,CAxBJ,yBAAuE,GAA3DA,MAAM,uBAAwBC,OAAQ,EAAAA,Q,mBAGlD,gCAmBM,MAnBN,EAmBM,CAlBJ,gCAiBM,MAjBN,EAiBM,C,YAhBJ,gCAA8E,MAA1ED,MAAM,4BAA2B,wCAAoC,IAG9D,EAAAE,W,yBAAX,gCAEM,MAFN,EAEM,CADJ,yBAAmB,M,uCAKT,EAAAA,U,iEAAZ,gCAKM,U,2BAJJ,gCAGuD,2CAHf,EAAAC,UAAS,CAAzBC,EAAUC,K,yBAAlC,yBAGuD,GAHHC,IAAKD,EACzCL,MAAM,OACL,WAAQ,GAAE,EAAAO,eAAeH,GACzBI,YAAWJ,G,mGClB7BJ,MAAM,Q,GAKNA,MAAM,U,GAENA,MAAM,wB,GAINA,MAAM,S,SACuBA,MAAM,oB,kHAb1C,gCAeM,OAfDA,MAAM,mDAAoD,QAAK,0CAAU,EAAAS,MAAK,WAAa,EAAAL,UAAQ,e,CACtG,gCAIM,MAJN,EAIM,CAFJ,yBACoD,GADlCJ,MAAM,mCACvBQ,YAAW,EAAAJ,SAAUM,MAAM,M,wBAE9B,gCAKM,MALN,EAKM,CAJJ,gCAA0B,sCAApB,EAAAN,SAASO,MAAI,GACnB,gCAEI,IAFJ,EAEI,6BADC,EAAAP,SAASQ,KAAG,KAGnB,gCAEM,MAFN,EAEM,CADQ,EAAAC,oB,yBAAZ,gCAAuE,OAAvE,EAAyD,Y,uEAUhD,GACbF,KAAM,eACNG,WAAY,CAACC,iBAAA,MACbC,MAAO,CAAC,YACRC,OAAQ,CAACC,EAAA,MACTC,SAAU,IACN,eAAW,OAAQ,CACpBC,gBAAiB,aAGlB,qBACC,OAAOC,KAAKjB,WAAaiB,KAAKD,mB,iCC5BnC,MAAME,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,YF0BA,GACbX,KAAM,iBACNG,WAAY,CAACS,eAAcC,aAAA,KAAYC,UAAA,MACvCN,SAAU,IACL,eAAW,OAAQ,CACpBhB,UAAW,YACXD,UAAW,YACXE,SAAU,cAGd,UAUEiB,KAAKK,iBAEP,OACE,MAAO,CACLzB,OAAQ,CACN,CACE0B,KAAM,IACNC,MAAO,QAET,CACED,KAAM,IACNC,MAAO,sBACPC,QAAQ,MAKhBC,QAAS,IACJ,eAAW,OAAQ,CACpBC,YAAa,cACbL,cAAe,kBAGjB,eAAeM,GACbX,KAAKU,YAAYC,GACbX,KAAKY,OAAOC,MAAMC,GACpBd,KAAKe,QAAQC,KAAKhB,KAAKY,OAAOC,MAAMC,IAEpCd,KAAKe,QAAQC,KAAK,QG9E1B,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,6DCPf,W,uECCOtC,MAAM,GAAGuC,aAAW,c,6EAAzB,gCAOQ,MAPR,EAOQ,CANF,gCAKK,MALDvC,MAAK,6BAAC,aAAY,oBAAkC,SAAJ,EAAAwC,S,6BAChD,gCAGK,2CAHoB,EAAAvC,OAAM,CAAnBwC,EAAOpC,K,yBAAnB,gCAGK,MAH4BL,MAAK,6BAAC,kBAAiB,SAAgC,IAAZyC,EAAMZ,UAAmBvB,IAAKD,G,EACjF,IAAZoC,EAAMZ,Q,yBAAf,gCAAwH,K,MAAvF,QAAK,+BAAgB,EAAAO,QAAQC,KAAKI,EAAMd,MAAI,aAAIA,KAAMc,EAAMd,M,6BAASc,EAAMb,OAAK,O,yBACjH,gCAA6C,uB,0DAAzBa,EAAMb,OAAK,I,uBAOhC,OACXZ,MAAO,CAAC,SAAU,QAClB,W,qBCTJ,MAAMM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASgB,KAErD","file":"js/select-user-role.0e9672fe.js","sourcesContent":["<template>\n  <div class=\"container mt-5 mb-md-4 py-5\">\n    <breadcrumb class=\"mb-3 mb-md-4 pt-md-3\" :crumbs=\"crumbs\"></breadcrumb>\n\n    <!-- Page content -->\n    <div class=\"row justify-content-center pb-sm-2 pt-3\">\n      <div class=\"col-lg-6\">\n        <h1 class=\"h2 text-center pb-4 mb-3\">Which account would you like to use?</h1>\n\n        <!-- Is Loading -->\n        <div v-if=\"isLoading\" class=\"mt-3 text-center\">\n          <spinner></spinner>\n        </div>\n        <!-- / Is Loading -->\n\n        <!-- User Roles -->\n        <div v-if=\"!isLoading\">\n          <user-role-card v-for=\"(userRole, i) in userRoles\" :key=\"i\"\n                          class=\"mb-3\"\n                          @selected=\"selectUserRole(userRole)\"\n                          :user-role=\"userRole\"></user-role-card>\n        </div>\n        <!-- / User Roles -->\n      </div>\n    </div>\n    <!-- / Page content -->\n  </div>\n</template>\n\n<script>\nimport Breadcrumb from \"../components/Breadcrumb\";\nimport {mapActions, mapGetters} from \"vuex\";\nimport UserRoleCard from \"./SelectUserRole/UserRoleCard\";\nimport Spinner from \"../components/Spinner\";\n\nexport default {\n  name: \"SelectUserRole\",\n  components: {UserRoleCard, Breadcrumb, Spinner},\n  computed: {\n    ...mapGetters('auth', {\n      userRoles: 'userRoles',\n      isLoading: 'isLoading',\n      userRole: 'userRole'\n    })\n  },\n  created() {\n    // this.loadUserRoles().then(() => {\n    // if (this.userRole) {\n    //   if (this.$route.query.to) {\n    //     this.$router.push(this.$route.query.to);\n    //   } else {\n    //     this.$router.push('/');\n    //   }\n    // }\n    // });\n    this.loadUserRoles();\n  },\n  data() {\n    return {\n      crumbs: [\n        {\n          href: '/',\n          label: 'Home'\n        },\n        {\n          href: '#',\n          label: 'Select User Account',\n          active: true\n        }\n      ]\n    }\n  },\n  methods: {\n    ...mapActions('auth', {\n      setUserRole: 'setUserRole',\n      loadUserRoles: 'loadUserRoles'\n    }),\n\n    selectUserRole(role) {\n      this.setUserRole(role);\n      if (this.$route.query.to) {\n        this.$router.push(this.$route.query.to);\n      } else {\n        this.$router.push('/');\n      }\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","<template>\n  <div class=\"user-role-card bg-light rounded-3 p-4 card-hover\" @click.prevent=\"$emit('selected', userRole)\">\n    <div class=\"left\">\n<!--      <img class=\"d-none d-sm-block rounded-circle\" :src=\"getAvatarSrc(userRole)\" width=\"80\" :alt=\"userRole.name\">-->\n      <user-role-avatar class=\"d-none d-sm-block rounded-circle\"\n      :user-role=\"userRole\" width=\"80\"></user-role-avatar>\n    </div>\n    <div class=\"middle\">\n      <b>{{ userRole.name }}</b>\n      <p class=\"mt-1 mb-0 pb-1 small\">\n        {{ userRole.bio }}\n      </p>\n    </div>\n    <div class=\"right\">\n      <span v-if=\"isUserRoleSelected\" class=\"badge bg-primary\">Current</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Images from \"../../mixins/Images\";\nimport {mapGetters} from \"vuex\";\nimport UserRoleAvatar from \"../../components/UserRoleAvatar\";\n\nexport default {\n  name: \"UserRoleCard\",\n  components: {UserRoleAvatar},\n  props: ['userRole'],\n  mixins: [Images],\n  computed: {\n   ...mapGetters('auth', {\n     currentUserRole: 'userRole'\n   }),\n\n    isUserRoleSelected() {\n     return this.userRole === this.currentUserRole;\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.user-role-card:hover {\n  cursor: pointer;\n}\n\n.user-role-card {\n  display: flex;\n  flex-direction: row;\n\n  .left {\n    width: 100px;\n    min-width: 100px;\n    flex-shrink: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .middle {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .right {\n    flex-shrink: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n}\n</style>","import { render } from \"./UserRoleCard.vue?vue&type=template&id=551de471&scoped=true\"\nimport script from \"./UserRoleCard.vue?vue&type=script&lang=js\"\nexport * from \"./UserRoleCard.vue?vue&type=script&lang=js\"\n\nimport \"./UserRoleCard.vue?vue&type=style&index=0&id=551de471&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-551de471\"]])\n\nexport default __exports__","import { render } from \"./SelectUserRole.vue?vue&type=template&id=3f166622\"\nimport script from \"./SelectUserRole.vue?vue&type=script&lang=js\"\nexport * from \"./SelectUserRole.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./UserRoleCard.vue?vue&type=style&index=0&id=551de471&scoped=true&lang=scss\"","<template>\n  <nav class=\"\" aria-label=\"Breadcrumb\">\n        <ol class=\"breadcrumb\" :class=\"{'breadcrumb-light': type == 'light'}\">\n            <li v-for=\"(crumb, i) in crumbs\" class=\"breadcrumb-item\" :class=\"{'active': crumb.active === true}\" :key=\"i\">\n                <a v-if=\"crumb.active !== true\" @click.prevent=\"() => $router.push(crumb.href)\" :href=\"crumb.href\">{{ crumb.label }}</a>\n                <template v-else>{{ crumb.label }}</template>\n            </li>\n        </ol>\n    </nav>\n</template>\n\n<script>\nexport default {\n    props: ['crumbs', 'type'],\n    setup() {\n        \n    },\n}\n</script>\n\n\n<style>\n\n</style>","import { render } from \"./Breadcrumb.vue?vue&type=template&id=0720aea3\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}