{"version":3,"file":"js/434.0e95e049.js","mappings":"6LAEOA,MAAM,a,GAFbC,IAAA,EAWsBD,MAAM,a,iFAX5BE,EAAAA,EAAAA,IAAAC,EAAAA,GAAA,OAEEC,EAAAA,EAAAA,IAQM,MARNC,EAQM,cANJD,EAAAA,EAAAA,IAGS,UAHDJ,MAAM,UAAQ,EACpBI,EAAAA,EAAAA,IAA2E,OAAtEJ,MAAM,cAAcM,IAAAC,EAAwBC,IAAI,uBACrDJ,EAAAA,EAAAA,IAA4E,KAAzEJ,MAAM,eAAc,uDAAiD,KAE1ES,EAAAA,EAAAA,IAAsBC,KAGbC,EAAAC,UAAO,WAAlBV,EAAAA,EAAAA,IAEM,MAFNW,EAEM,EADJT,EAAAA,EAAAA,IAA+C,UAAtCU,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAC,WAAAD,EAAAC,aAAAF,KAAW,mBAZ/BG,EAAAA,EAAAA,IAAA,W,gCCCOnB,MAAM,a,GACJA,MAAM,gB,EAFf,Y,EAAA,c,GAWaA,MAAM,e,0CAVjBE,EAAAA,EAAAA,IAgBM,MAhBNG,EAgBM,EAfJD,EAAAA,EAAAA,IAcM,MAdNS,EAcM,gBAbJX,EAAAA,EAAAA,IAYMC,EAAAA,GAAA,MAfZiB,EAAAA,EAAAA,IAIoCT,EAAAU,SAJpC,CAIkBC,EAAQC,M,WADpBrB,EAAAA,EAAAA,IAYM,OAVDD,IAAKqB,EAAOE,GACZxB,OANXyB,EAAAA,EAAAA,IAMkB,eACPC,OAPXC,EAAAA,EAAAA,IAAA,CAAAC,eAO+C,GAARL,EAPvC,MAQWT,QAAKe,GAAEZ,EAAAa,iBAAiBR,EAAOS,O,EAElC3B,EAAAA,EAAAA,IAAmE,OAA7DE,IAAKgB,EAAOU,IAAMxB,IAAKc,EAAOW,SAAUjC,MAAM,c,OAV5DkC,IAWQ9B,EAAAA,EAAAA,IAGM,MAHN+B,EAGM,EAFJ/B,EAAAA,EAAAA,IAA8B,WAAAgC,EAAAA,EAAAA,IAAvBd,EAAOW,UAAQ,IACtB7B,EAAAA,EAAAA,IAAwB,UAAAgC,EAAAA,EAAAA,IAAlBd,EAAOe,MAAI,SAb3BC,M,wCAuBA,GACEC,IAAAA,GACE,MAAO,CACLlB,QAAS,GAEb,EACA,aAAMmB,GACJ,IACE,MAAMC,QAAoBC,EAAAA,EAAcC,eACxCC,KAAKvB,cAAgBwB,QAAQC,IAAIL,EAAYpB,QAAQ0B,KAAIC,UACvD,MAAMhB,QAAYU,EAAAA,EAAcO,oBAAoB3B,EAAOE,IAC3D,MAAO,IAAIF,EAAQU,MAAI,IAE3B,CAAE,MAAOkB,GACPC,QAAQD,MAAM,8CAA+CA,EAC/D,CACF,EACAE,QAAS,CACPtB,gBAAAA,CAAiBC,GACfa,KAAKS,QAAQC,KAAK,IAAIvB,IACxB,I,UCpCJ,MAAMwB,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAEzF,Q,SFWA,GACEC,KAAM,qBAENC,WAAY,CACVC,mBAAkBA,GAGpBnB,IAAAA,GACE,MAAO,CACL3B,SAAS,EAEb,EAEAwC,QAAS,CACP,mBAAMO,GACJ,MAAMC,QAAiBC,EAAAA,EAAAA,MACnBD,EAASE,UACXlB,KAAKhC,SAAU,EAEnB,EACAM,SAAAA,GACE0B,KAAKS,QAAQC,KAAK,SACpB,GAGFS,OAAAA,GACEnB,KAAKe,eACP,GGxCF,MAAM,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASK,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://frontend/./src/Views/WorkerSelectorView.vue","webpack://frontend/./src/components/WorkerSelectorGrid.vue","webpack://frontend/./src/components/WorkerSelectorGrid.vue?cdb3","webpack://frontend/./src/Views/WorkerSelectorView.vue?9215"],"sourcesContent":["<template>\n\n  <div class=\"container\">\n\n    <header class=\"header\">\n      <img class=\"header-logo\" src=\"@/assets/logo.png\" alt=\"mr. pixel KG Logo\" />\n      <p class=\"header-text\">Mit welchem Mitarbeiter möchten Sie einen Termin?</p>\n    </header>\n    <WorkerSelectorGrid />\n\n  </div>\n  <div v-if=\"isAdmin\" class=\"admin-btn\">\n    <button @click=\"goToAdmin\">Admin Panel</button>\n  </div>\n</template>\n\n<script>\nimport WorkerSelectorGrid from \"@/components/WorkerSelectorGrid.vue\";\nimport { checkAuth } from \"@/services/authService\"\n\nexport default {\n  name: 'WorkerSelectorView',\n\n  components: {\n    WorkerSelectorGrid\n  },\n\n  data() {\n    return {\n      isAdmin: false\n    };\n  },\n\n  methods: {\n    async checkUserAuth() {\n      const response = await checkAuth();\n      if (response.success) {\n        this.isAdmin = true;\n      }\n    },\n    goToAdmin() {\n      this.$router.push('/admin');\n    }\n  },\n\n  mounted() {\n    this.checkUserAuth();\n  }\n}\n</script>\n\n<style scoped>\n.container {\n  width: 100%;\n  max-width: 900px;\n  margin: 0 auto;\n  padding: 20px;\n  box-sizing: border-box;\n}\n\n.header {\n  text-align: center;\n  margin-bottom: 40px;\n  padding: 20px 0;\n  border-bottom: 1px solid #ddd;\n}\n\n.header-logo {\n  width: 150px;\n  height: auto;\n  margin-bottom: 15px;\n}\n\n.header-text {\n  font-size: 1.125rem;\n  color: #333;\n  font-weight: 300;\n  line-height: 1.4;\n  max-width: 80%;\n  margin: 0 auto;\n}\n\n.admin-btn {\n  margin-top: 20px;\n  text-align: right;\n  position: absolute;\n  right: 20px;\n}\n\n.admin-btn button {\n  background-color: #dfdfdf;\n  border: none;\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.admin-btn button:hover {\n  background-color: #ccc;\n}\n\n.admin-btn button:focus {\n  outline: none;\n}\n\n</style>\n","<template>\n  <div class=\"container\">\n    <div class=\"workers-grid\">\n      <div\n          v-for=\"(worker, index) in workers\"\n          :key=\"worker.id\"\n          :class=\"'worker-card'\"\n          :style=\"{ animationDelay: `${index * 0.1}s` }\"\n          @click=\"navigateToWorker(worker.link)\"\n      >\n        <img :src=\"worker.pfp\" :alt=\"worker.username\" class=\"worker-pfp\" />\n        <div class=\"worker-info\">\n          <h3>{{ worker.username }}</h3>\n          <p>{{ worker.role }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport workerService from '@/services/workerService';\n\nexport default {\n  data() {\n    return {\n      workers: [],\n    };\n  },\n  async created() {\n    try {\n      const workersData = await workerService.fetchWorkers();\n      this.workers = await Promise.all(workersData.workers.map(async (worker) => {\n        const pfp = await workerService.fetchProfilePicture(worker.id);\n        return {...worker, pfp};\n      }));\n    } catch (error) {\n      console.error('Error fetching workers or profile pictures:', error);\n    }\n  },\n  methods: {\n    navigateToWorker(link) {\n      this.$router.push(`/${link}`);\n    }\n  },\n};\n</script>\n\n<style scoped>\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n\n  box-sizing: border-box;\n}\n\n.workers-grid {\n  display: grid;\n\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 20px;\n  justify-content: center;\n  align-items: center;\n\n}\n\n@keyframes flyIn {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.worker-card {\n  word-break: normal;\n  max-width: 250px;\n  margin: 0 auto;\n  border: 1px solid #e1e1e1;\n  border-radius: 10px;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  background-color: #fff;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  cursor: pointer;\n  position: relative;\n  animation: flyIn 0.3s ease-in forwards;\n  opacity: 0;\n}\n\n\n\n\n.worker-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\n}\n\n.worker-pfp {\n  will-change: transform;\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n  border-bottom: 1px solid #e1e1e1;\n}\n\n.worker-info {\n  padding: 16px;\n\n}\n\n.worker-info h3 {\n  margin: 0;\n  font-size: 100%;\n  color: #333;\n  font-weight: 600;\n}\n\n.worker-info p {\n  margin: 8px 0 0;\n  color: #666;\n  font-size: 0.8rem;\n  overflow-wrap: break-word;\n}\n\n\n@media (max-width: 1110px) {\n  .metrics-container {\n    gap: 1.5em;\n  }\n\n  .metric-card {\n    max-width: 100%;\n  }\n}\n\n\n</style>\n","import { render } from \"./WorkerSelectorGrid.vue?vue&type=template&id=312a78e6&scoped=true\"\nimport script from \"./WorkerSelectorGrid.vue?vue&type=script&lang=js\"\nexport * from \"./WorkerSelectorGrid.vue?vue&type=script&lang=js\"\n\nimport \"./WorkerSelectorGrid.vue?vue&type=style&index=0&id=312a78e6&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-312a78e6\"]])\n\nexport default __exports__","import { render } from \"./WorkerSelectorView.vue?vue&type=template&id=7077962f&scoped=true\"\nimport script from \"./WorkerSelectorView.vue?vue&type=script&lang=js\"\nexport * from \"./WorkerSelectorView.vue?vue&type=script&lang=js\"\n\nimport \"./WorkerSelectorView.vue?vue&type=style&index=0&id=7077962f&scoped=true&lang=css\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7077962f\"]])\n\nexport default __exports__"],"names":["class","key","_createElementBlock","_Fragment","_createElementVNode","_hoisted_1","src","_imports_0","alt","_createVNode","_component_WorkerSelectorGrid","$data","isAdmin","_hoisted_2","onClick","_cache","args","$options","goToAdmin","_createCommentVNode","_renderList","workers","worker","index","id","_normalizeClass","style","_normalizeStyle","animationDelay","$event","navigateToWorker","link","pfp","username","_hoisted_4","_hoisted_5","_toDisplayString","role","_hoisted_3","data","created","workersData","workerService","fetchWorkers","this","Promise","all","map","async","fetchProfilePicture","error","console","methods","$router","push","__exports__","name","components","WorkerSelectorGrid","checkUserAuth","response","checkAuth","success","mounted","render"],"sourceRoot":""}