{"version":3,"sources":["webpack:///./src/pages/MA/humanResources/appraisals/ViewAppraisal.vue","webpack:///./src/pages/MA/humanResources/appraisals/ViewAppraisal.vue?385f","webpack:///./src/components/ui/baseComponents/accordion.vue?eca1","webpack:///./src/components/ui/baseComponents/accordion.vue","webpack:///./src/components/ui/baseComponents/accordion.vue?b87c"],"names":["router","useRouter","store","useStore","route","useRoute","appraisalData","ref","groupedQuestions","headsArray","onMounted","async","response","dispatch","FETCHSINGLEAPPRAISALACTION","appraisal","params","id","data","console","log","length","groupedQuestion","groupBy","questions","value","arr","key","initialValue","reduce","acc","cval","myAttribute","reRoute","back","__exports__","class","_createElementVNode","rounded","$props","onClick","$data","_createVNode","_Transition","_createElementBlock","_toDisplayString","type","_hoisted_11","$options","_renderSlot","_ctx","undefined","props","accordionText","String","default","title","required","questionsData","Object","isInner","Boolean","showAccordionText","classes","showQuestionsCount","active","methods","capitalizeFirstLetter","string","charAt","toUpperCase","slice","computed","checkData","this","render"],"mappings":"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","file":"js/chunk-f04e7358.b7d7de79.js","sourcesContent":["<script setup>\nimport { useRouter } from \"vue-router\";\nimport { useStore } from \"vuex\";\nimport { useRoute } from \"vue-router\";\nimport { ref, onMounted } from \"vue\";\nimport { FETCHSINGLEAPPRAISALACTION } from \"@/store/modules/MA/appraisals/constants.js\";\nimport accordion from \"@/components/ui/baseComponents/accordion.vue\";\n\nconst router = useRouter();\nconst store = useStore();\nconst route = useRoute();\n\nconst appraisalData = ref(null);\nconst groupedQuestions = ref({});\nvar headsArray = ref([\"Appraisals (First-Half)\", \"Appraisals (Second-Half)\"]);\n\nonMounted(async () => {\n  const response = await store.dispatch(\n    `Appraisals/${FETCHSINGLEAPPRAISALACTION}`,\n    {\n      appraisal: route.params?.id || 0,\n    }\n  );\n  const data = response?.data?.appraisal;\n  console.log(\"data here :\", data);\n  console.log(\"data here :\", data[\"appraisal_policies\"].length);\n  console.log(\"data here :\", data[\"appraisal_policies\"].length);\n  let groupedQuestion = data[\"appraisal_policies\"].length\n    ? groupBy(data[\"appraisal_policies\"][0]?.questions, \"head\")\n    : {};\n  //   groupedQuestion = [...groupedQuestion, ...data[\"candidate_questions\"]];\n  groupedQuestions.value = groupedQuestion;\n  console.log(\"group questions: \", groupedQuestions.value);\n  appraisalData.value = data;\n});\n\nconst groupBy = (arr, key) => {\n  const initialValue = {};\n  return arr?.reduce((acc, cval) => {\n    const myAttribute = cval[key];\n    acc[myAttribute] = [...(acc[myAttribute] || []), cval];\n    return acc;\n  }, initialValue);\n};\nconst reRoute = () => {\n  router.back();\n};\n</script>\n\n<template>\n  <div class=\"w-11/12 mx-auto my-5\">\n    <div\n      class=\"flex items-center text-teal mb-5 cursor-pointer pt-2 pl-2 w-24\"\n      @click=\"reRoute\"\n    >\n      <span class=\"material-icons-outlined\"> arrow_back </span>\n      go Back\n    </div>\n    <div v-if=\"appraisalData\">\n      <div class=\"flex justify-between\">\n        <div class=\"\">\n          <div class=\"flex items-center\">\n            <h1 class=\"mr-2\">\n              Name: {{ appraisalData?.user?.profile?.first_name }}&nbsp;{{\n                appraisalData?.user?.profile?.last_name\n              }}\n            </h1>\n          </div>\n          <p><b>Role:</b> {{ appraisalData?.user?.profile?.primary_role }}</p>\n          <p><b>Department:</b> {{ appraisalData?.user?.department?.name }}</p>\n          <p>\n            <b>Department Head:</b>\n            {{\n              appraisalData?.user?.department?.department_head?.profile\n                ?.first_name\n            }}\n            {{\n              appraisalData?.user?.department?.department_head?.profile\n                ?.last_name\n            }}\n          </p>\n        </div>\n        <div class=\"\">\n          <p>\n            <b>Date: </b>\n            <span>{{ appraisalData?.date }}</span>\n          </p>\n          <p>\n            <b>Appraisal Type: </b>\n            <span>{{ appraisalData?.type }}</span>\n          </p>\n          <p>\n            <b>Practice: </b>\n            <span>{{ appraisalData?.practice?.practice_name }}</span>\n          </p>\n          <p>\n            <b>Manager: </b>\n            <span\n              >{{\n                appraisalData?.practice?.practice_manager?.profile?.first_name\n              }}\n              {{\n                appraisalData?.practice?.practice_manager?.profile?.last_name\n              }}</span\n            >\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"flex flex-col gap-y-2 my-5\" v-if=\"groupedQuestions\">\n      <template v-for=\"item in Object.keys(groupedQuestions)\" :key=\"item.index\">\n        <accordion\n          :questionsData=\"groupedQuestions[item]\"\n          :title=\"headsArray[item - 1]\"\n        >\n          <div class=\"flex flex-col gap-y-3\">\n            <accordion\n              v-for=\"(question, index) in groupedQuestions[item]\"\n              :key=\"index\"\n              :isInner=\"true\"\n              :questionsData=\"question\"\n              :title=\"'Q: ' + question.question\"\n            >\n              <div\n                v-if=\"question.answer\"\n                class=\"bg-lightGrey px-5 py-2 rounded-md\"\n              >\n                <p class=\"text-gray-500\"><b>Ans:</b> {{ question?.answer }}</p>\n              </div>\n              <div\n                v-if=\"question.appraisal_answers\"\n                class=\"bg-lightGrey px-5 py-2 rounded-md\"\n              >\n                <p class=\"text-gray-500\">\n                  <b>Ans:</b> {{ question?.appraisal_answers[0]?.answer }}\n                </p>\n              </div>\n              <div\n                v-if=\"question.interview_answers\"\n                class=\"bg-lightGrey px-5 py-2 rounded-md\"\n              >\n                <p class=\"text-gray-500\">\n                  <b>Ans:</b> {{ question?.interview_answers[0]?.answer }}\n                </p>\n              </div>\n            </accordion>\n          </div>\n        </accordion>\n      </template>\n      <accordion\n        :questionsData=\"appraisalData?.user?.objectives\"\n        :title=\"'Goals & Objectives'\"\n        :accordionText=\"'Objectives'\"\n      >\n        <div class=\"flex flex-col gap-y-3\">\n          <div\n            v-for=\"(objective, index) in appraisalData?.user?.objectives\"\n            :key=\"objective\"\n            class=\"bg-lightGrey px-5 py-2 rounded-md\"\n          >\n            <p class=\"text-gray-500\">\n              {{ index + 1 }}. {{ objective?.objective }}\n              <span v-if=\"objective?.status === 1\"><b> (Completed)</b></span>\n              <span v-if=\"objective?.status === 0\"><b> (Incomplete)</b></span>\n            </p>\n          </div>\n        </div>\n      </accordion>\n      <accordion :title=\"'Remarks'\" :showQuestionsCount=\"false\">\n        <div class=\"flex flex-col gap-y-3\">\n          <div class=\"bg-lightGrey px-5 py-2 rounded-md\">\n            <p v-if=\"appraisalData.remarks != null\" class=\"text-gray-500\">\n              {{ appraisalData?.remarks }}\n            </p>\n            <p v-else>Unavailable</p>\n          </div>\n        </div>\n      </accordion>\n    </div>\n  </div>\n</template>","import script from \"./ViewAppraisal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ViewAppraisal.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./accordion.vue?vue&type=style&index=0&id=6ea5918f&scoped=true&lang=css\"","<template>\n  <div\n    class=\"w-full bg-lightGrey text-grey transition-all ease-in-out hover:bg-darkGrey hover:text-white duration-300\"\n    :class=\"[{ rounded: isInner }, { 'rounded-xl': !isInner }, classes]\"\n  >\n    <div class=\"cursor-pointer p-1\" @click.prevent=\"active = !active\">\n      <transition>\n        <div class=\"flex justify-between items-center mx-2\">\n          <div class=\"flex justify-center items-center\">\n            <span\n              v-if=\"!isInner\"\n              class=\"material-icons text-teal text-3xl font-bold\"\n              v-show=\"!active\"\n            >\n              expand_more\n            </span>\n            <span\n              v-if=\"!isInner\"\n              class=\"material-icons text-teal text-3xl font-bold\"\n              v-show=\"active\"\n            >\n              expand_less\n            </span>\n            <span v-if=\"!isInner\" class=\"font-bold\">{{ title }}</span>\n          </div>\n          <div v-if=\"isInner\" class=\"font-normal w-full\">\n            <div class=\"flex flex-wrap justify-between items-center\">\n              <span>{{ title }}</span>\n              <div class=\"flex items-center capitalize\">\n                <span> {{ questionsData?.type }}</span>\n                <span\n                  class=\"material-icons text-teal text-3xl font-bold\"\n                  v-show=\"!active\"\n                >\n                  expand_more\n                </span>\n                <span\n                  class=\"material-icons text-teal text-3xl font-bold\"\n                  v-show=\"active\"\n                >\n                  expand_less\n                </span>\n              </div>\n            </div>\n          </div>\n          <div v-if=\"!isInner && showQuestionsCount\">\n            <span :class=\"isInner ? 'font-normal' : 'font-bold'\"\n              >{{ `${checkData} ${accordionText}` }}\n            </span>\n          </div>\n        </div>\n      </transition>\n    </div>\n  </div>\n  <transition>\n    <div class=\"py-1 pl-8 block\" v-if=\"active\">\n      <slot></slot>\n    </div>\n  </transition>\n</template>\n\n<script>\nexport default {\n  props: {\n    accordionText: {\n      type: String,\n      default: \"Questions\",\n    },\n    title: {\n      type: String,\n      required: true,\n    },\n    questionsData: {\n      type: Object,\n      default: () => {},\n    },\n    isInner: {\n      type: Boolean,\n      default: false,\n    },\n    showAccordionText: {\n      type: Boolean,\n      default: true,\n    },\n    classes: {\n      type: String,\n      default: \"\",\n    },\n    showQuestionsCount: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data() {\n    return {\n      active: false,\n    };\n  },\n  methods: {\n    capitalizeFirstLetter(string) {\n      return string.charAt(0).toUpperCase() + string.slice(1);\n    },\n  },\n  computed: {\n    checkData() {\n      if (!this.isInner) {\n        return this.questionsData?.length;\n      }\n      return \"\";\n    },\n  },\n};\n</script>\n<style scoped>\n.v-enter-from {\n  opacity: 0;\n  transform: translateY(-30px);\n}\n/*  Active state for enter. Applied during the entire entering phase. */\n.v-enter-active {\n  transition: all 0.3s ease-out;\n}\n/* End State */\n.v-enter-to {\n  opacity: 1;\n  transform: translateY(0);\n}\n.v-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n/* Active state for leave. Applied during the entire leaving phase. */\n.v-leave-active {\n  transition: all 0.3s ease-in;\n}\n/* End State */\n.v-leave-to {\n  opacity: 0;\n  transform: translateY(-30px);\n}\n</style>\n","import { render } from \"./accordion.vue?vue&type=template&id=6ea5918f&scoped=true\"\nimport script from \"./accordion.vue?vue&type=script&lang=js\"\nexport * from \"./accordion.vue?vue&type=script&lang=js\"\n\nimport \"./accordion.vue?vue&type=style&index=0&id=6ea5918f&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/faisalhussain/VueJsApps/esm-frontend/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6ea5918f\"]])\n\nexport default __exports__"],"sourceRoot":""}