{"version":3,"sources":["webpack:///./src/views/approvals/MyPeopleInformation.vue?5213","webpack:///./src/views/approvals/MyPeople.vue?b087","webpack:///./src/views/approvals/MyPeople.vue","webpack:///./src/views/approvals/MyPeopleInformation.vue","webpack:///src/views/approvals/MyPeopleInformation.vue","webpack:///./src/views/approvals/MyPeopleInformation.vue?1c2e","webpack:///./src/views/approvals/MyPeopleInformation.vue?251d","webpack:///src/views/approvals/MyPeople.vue","webpack:///./src/views/approvals/MyPeople.vue?e9d7","webpack:///./src/views/approvals/MyPeople.vue?f853"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_l","supervisors","supervisor","index","key","name","on","$event","activateTab","getUsersBySupervisorId","id","user","userIndex","activeUsers","logEmployeeId","getEmployeeName","staticRenderFns","_v","_s","activeUser","props","type","Number","required","Function","component","data","employees","role","supervisorid","mounted","_this","forEach","initialEmployee","getInitialEmployeeBySupervisorId","$set","methods","supervisorId","filter","employee","length","employeeId","console","log","find","emp","components","MyPeopleInformation"],"mappings":"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","file":"js/chunk-68fccde2.eca38755.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./MyPeopleInformation.vue?vue&type=style&index=0&id=eb6c7f40&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.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!./MyPeople.vue?vue&type=style&index=0&id=2b82b442&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('vx-card',{staticClass:\"no-scroll-content\",attrs:{\"title\":\"Supervisors\"}},[_c('vs-tabs',{attrs:{\"position\":\"left\"}},_vm._l((_vm.supervisors),function(supervisor,index){return _c('vs-tab',{key:index,attrs:{\"label\":supervisor.name},on:{\"click\":function($event){return _vm.activateTab(index)}}},[_c('vs-tabs',{staticClass:\"employee-tabs\"},_vm._l((_vm.getUsersBySupervisorId(supervisor.id)),function(user,userIndex){return _c('vs-tab',{key:userIndex,attrs:{\"label\":user.name,\"active\":_vm.activeUsers[supervisor.id] === user.id},on:{\"click\":function($event){return _vm.logEmployeeId(user.id, supervisor.id)}}},[_c('MyPeopleInformation',{attrs:{\"activeUser\":_vm.activeUsers[supervisor.id],\"getEmployeeName\":_vm.getEmployeeName}})],1)}),1)],1)}),1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('p',[_vm._v(\"Selected Employee Name: \"+_vm._s(_vm.getEmployeeName(_vm.activeUser)))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <p>Selected Employee Name: {{ getEmployeeName(activeUser) }}</p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    activeUser: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    getEmployeeName: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Add your custom styles here */\r\n</style>\r\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!./MyPeopleInformation.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!./MyPeopleInformation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyPeopleInformation.vue?vue&type=template&id=eb6c7f40&scoped=true\"\nimport script from \"./MyPeopleInformation.vue?vue&type=script&lang=js\"\nexport * from \"./MyPeopleInformation.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyPeopleInformation.vue?vue&type=style&index=0&id=eb6c7f40&prod&scoped=true&lang=css\"\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  \"eb6c7f40\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <vx-card class=\"no-scroll-content\" title=\"Supervisors\">\r\n      <vs-tabs position=\"left\">\r\n        <vs-tab\r\n          v-for=\"(supervisor, index) in supervisors\"\r\n          :key=\"index\"\r\n          :label=\"supervisor.name\"\r\n          @click=\"activateTab(index)\"\r\n        >\r\n          <vs-tabs class=\"employee-tabs\">\r\n            <vs-tab\r\n              v-for=\"(user, userIndex) in getUsersBySupervisorId(supervisor.id)\"\r\n              :key=\"userIndex\"\r\n              :label=\"user.name\"\r\n              @click=\"logEmployeeId(user.id, supervisor.id)\"\r\n              :active=\"activeUsers[supervisor.id] === user.id\"\r\n            >\r\n              <!-- Display selected employee name beside the vs-tab -->\r\n              <MyPeopleInformation\r\n                :activeUser=\"activeUsers[supervisor.id]\"\r\n                :getEmployeeName=\"getEmployeeName\"\r\n              />\r\n            </vs-tab>\r\n          </vs-tabs>\r\n        </vs-tab>\r\n      </vs-tabs>\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MyPeopleInformation from \"./MyPeopleInformation.vue\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      activeUsers: {}, // Object to store active user ID for each supervisor\r\n      supervisors: [\r\n        { id: 1, name: \"Francis Austria\" },\r\n        { id: 2, name: \"MarshMello\" },\r\n      ],\r\n      employees: [\r\n        { id: 2, name: \"Emily Johnson\", role: \"user\", supervisorid: 1 },\r\n        { id: 3, name: \"Mello Davis\", role: \"user\", supervisorid: 1 },\r\n        { id: 4, name: \"Sarah Smith\", role: \"user\", supervisorid: 1 },\r\n        { id: 5, name: \"David Goliath\", role: \"user\", supervisorid: 2 },\r\n        { id: 6, name: \"Jaylem Bryant\", role: \"user\", supervisorid: 2 },\r\n        { id: 7, name: \"Jessica Loves\", role: \"user\", supervisorid: 2 },\r\n      ],\r\n    };\r\n  },\r\n  mounted() {\r\n    // Select the initial employees for each supervisor\r\n    this.supervisors.forEach((supervisor) => {\r\n      const initialEmployee = this.getInitialEmployeeBySupervisorId(\r\n        supervisor.id\r\n      );\r\n      if (initialEmployee) {\r\n        this.$set(this.activeUsers, supervisor.id, initialEmployee.id);\r\n      }\r\n    });\r\n  },\r\n  methods: {\r\n    getUsersBySupervisorId(supervisorId) {\r\n      return this.employees.filter(\r\n        (employee) =>\r\n          employee.supervisorid === supervisorId && employee.role === \"user\"\r\n      );\r\n    },\r\n    getInitialEmployeeBySupervisorId(supervisorId) {\r\n      const employees = this.getUsersBySupervisorId(supervisorId);\r\n      return employees.length > 0 ? employees[0] : null;\r\n    },\r\n    logEmployeeId(employeeId, supervisorId) {\r\n      this.$set(this.activeUsers, supervisorId, employeeId);\r\n      console.log(\"Selected Employee ID:\", employeeId);\r\n    },\r\n\r\n    getEmployeeName(employeeId) {\r\n      const employee = this.employees.find((emp) => emp.id === employeeId);\r\n      return employee ? employee.name : \"Employee not found\";\r\n    },\r\n  },\r\n  components: {\r\n    MyPeopleInformation,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.employee-tabs {\r\n  display: flex;\r\n}\r\n</style>\r\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!./MyPeople.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!./MyPeople.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MyPeople.vue?vue&type=template&id=2b82b442&scoped=true\"\nimport script from \"./MyPeople.vue?vue&type=script&lang=js\"\nexport * from \"./MyPeople.vue?vue&type=script&lang=js\"\nimport style0 from \"./MyPeople.vue?vue&type=style&index=0&id=2b82b442&prod&lang=scss&scoped=true\"\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  \"2b82b442\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}