{"version":3,"sources":["webpack:///./src/pages/post-event/registrations.vue","webpack:///./src/pages/post-event/registrations.vue?c199","webpack:///./src/pages/post-event/registrations.vue?a5c4","webpack:///./src/assets/images/loading_spinner/1.gif"],"names":["class","id","src","alt","value","scope","isGenerateReport","token","goBackTo","to","getTitle","hasItems","class-list","text","text-class-list","generateReport","getSubTitle","filterByLocalOrNonLocal","filterByStatus","studentStatusList","ss","index","code","key","name","filterByDepartment","departments","department","$apollo","queries","eventRegistrations","loading","titleHeaders","rows","first","hasToken","items","item","paginatorInfo","firstItem","user","email","event","title","getFormattedDateWithTimeAmPm","created_at","students","entity","setPage","mode","showFullModal","closeFullModal","student-id","studentId","props","components","IconBack","Pagination","TableShimmer","StudentProfile","page","generatedReport","watch","newVal","error","error_code","this","$router","replace","alert","message","computed","data","length","$store","getters","role","localStorage","getItem","total","undefined","apollo","query","fetchPolicy","local_or_non_local","student_status","program_name","methods","profilePictureUrl","crudName","permissions","permissionsArray","split","includes","url","date","document","body","classList","add","error_msg","variables","generateEventRegistrationsReport","map","obj","student_id","alumni_phone","primary_phone","secondary_phone","console","log","exportExcel","$swal","fire","icon","then","result","dismiss","remove","reportName","XLSX","header","worksheet","utils","json_to_sheet","v","t","width","workbook","book_new","book_append_sheet","writeFile","render","__scopeId","module","exports"],"mappings":"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","file":"js/chunk-125e1d00.c174497d.js","sourcesContent":["<template>\n  <div class=\"h-full w-full flex flex-col\">\n    <div\n      id=\"loading-overlay\"\n      class=\"fixed top-0 left-0 w-full h-full flex justify-center items-center z-50\"\n      v-if=\"isGenerateReport\"\n    >\n      <img src=\"../../assets/images/loading_spinner/1.gif\" alt=\"Loading...\" />\n    </div>\n    <div class=\"h-full container mx-auto\">\n      <div class=\"px-8 flex flex-col h-full w-full py-8\">\n        <div\n          class=\"w-full bg-white rounded-2xl border shadow-lg px-6 md:px-8 py-4 flex flex-col min-ht-78\"\n        >\n          <div class=\"h-full flex justify-start items-center\">\n            <div v-if=\"token\" class=\"flex-shrink-0 mr-4\">\n              <icon-back @click.stop=\"goBackTo('/post-event')\"></icon-back>\n            </div>\n            <div class=\"flex-grow\">\n              <div class=\"flex items-center text-sm font-light\">\n                <router-link\n                  to=\"/dashboard\"\n                  class=\"opacity-50 hover:opacity-100\"\n                  >Dashboard</router-link\n                >\n                <span class=\"mx-2\">/</span>\n                <router-link\n                  to=\"/post-event\"\n                  class=\"opacity-50 hover:opacity-100\"\n                  >Events</router-link\n                >\n                <span class=\"mx-2\">/</span>\n                <span>Event Registrations</span>\n              </div>\n              <div class=\"font-bold\">{{ getTitle }}</div>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"hasItems\" class=\"mt-4 flex justify-end items-center\">\n          <div\n            v-if=\"isGenerateReport\"\n            class=\"w-44 flex items-center justify-center hover:bg-purple-50 bg-ternary border-ternary hover:border-ternary border px-4 py-2 rounded-lg hover:text-ternary text-white\"\n          >\n            <base-spinner-with-text\n              class-list=\"w-4 h-4\"\n              text=\"\"\n              text-class-list=\"text-white\"\n            ></base-spinner-with-text>\n            <span class=\"text-xs\">Exporting Excel</span>\n          </div>\n          <div\n            v-else\n            @click=\"generateReport\"\n            class=\"w-44 flex items-center justify-center hover:bg-purple-50 bg-ternary border-ternary hover:border-ternary border px-4 py-2 rounded-lg cursor-pointer hover:text-ternary text-white\"\n          >\n            <span class=\"text-xs\">Export Excel</span>\n          </div>\n        </div>\n\n        <section\n          :class=\"hasItems ? 'mt-4' : 'mt-8'\"\n          class=\"h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg p-6 md:p-8\"\n        >\n          <div class=\"flex justify-between items-start flex-wrap\">\n            <h1 class=\"text-base md:text-lg font-semibold mb-4\">\n              {{ getSubTitle }}\n            </h1>\n            <div class=\"flex justify-start items-center flex-wrap mb-4\">\n              <div\n                class=\"w-full sm:w-auto mr-0 sm:mr-8 mb-4 border rounded-lg px-4 h-8 flex items-center\"\n              >\n                <div class=\"text-sm mr-2\">Local or Non Local:</div>\n                <select\n                  v-model=\"filterByLocalOrNonLocal\"\n                  class=\"outline-none text-sm flex-grow\"\n                >\n                  <option value=\"\">All</option>\n                  <option value=\"Local\">Local</option>\n                  <option value=\"Non Local\">Non Local</option>\n                </select>\n              </div>\n              <div\n                class=\"w-full sm:w-auto mr-0 sm:mr-8 mb-4 border rounded-lg px-4 h-8 flex items-center\"\n              >\n                <div class=\"text-sm mr-2\">Status:</div>\n                <select\n                  v-model=\"filterByStatus\"\n                  class=\"outline-none text-sm flex-grow\"\n                >\n                  <option value=\"\">All</option>\n                  <option\n                    :value=\"ss.code\"\n                    v-for=\"(ss, index) in studentStatusList\"\n                    :key=\"index\"\n                    >{{ ss.name }}</option\n                  >\n                </select>\n              </div>\n              <div\n                class=\"w-full sm:w-auto mb-4 border rounded-lg px-4 h-8 flex items-center\"\n              >\n                <div class=\"text-sm mr-2\">Departments:</div>\n                <select\n                  v-model=\"filterByDepartment\"\n                  class=\"outline-none text-sm flex-grow\"\n                >\n                  <option value=\"\">All</option>\n                  <option\n                    :value=\"department\"\n                    v-for=\"(department, index) in departments\"\n                    :key=\"index\"\n                    >{{ department }}</option\n                  >\n                </select>\n              </div>\n            </div>\n          </div>\n          <div\n            class=\"flex flex-col\"\n            v-if=\"$apollo.queries.eventRegistrations.loading\"\n          >\n            <table-shimmer\n              :titleHeaders=\"[\n                '#',\n                'Student',\n                'Event',\n                'Registered At',\n                'Entity',\n              ]\"\n              :rows=\"first\"\n            ></table-shimmer>\n          </div>\n          <div\n            v-else-if=\"!$apollo.queries.eventRegistrations.loading && !hasItems\"\n            class=\"h-full flex justify-center items-center\"\n          >\n            <h1 class=\"text-center text-xl font-medium\">\n              No Event Registrations found!\n            </h1>\n          </div>\n          <div v-else class=\"flex flex-col -mt-4\">\n            <div class=\"flex flex-col overflow-x-auto\">\n              <div class=\"inline-block min-w-full py-2\">\n                <div class=\"overflow-x-auto\">\n                  <table class=\"min-w-full text-left text-sm font-light\">\n                    <thead class=\"border-b font-medium dark:border-neutral-500\">\n                      <tr>\n                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400 w-8\">\n                          #\n                        </th>\n                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">\n                          Student\n                        </th>\n                        <th\n                          v-if=\"!hasToken\"\n                          scope=\"col\"\n                          class=\"px-6 py-2 text-gray-400\"\n                        >\n                          Event\n                        </th>\n                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">\n                          Registered At\n                        </th>\n                        <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">\n                          Entity\n                        </th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      <tr\n                        v-for=\"(item, index) in items\"\n                        :key=\"index\"\n                        class=\"border-b border-dashed dark:border-neutral-500\"\n                      >\n                        <td class=\"whitespace-nowrap px-6 py-2 font-medium\">\n                          {{ paginatorInfo.firstItem + index }}\n                        </td>\n                        <td class=\"whitespace-nowrap px-6 py-2\">\n                          <div\n                            @click.stop=\"\n                              viewStudentProfile(item.user.students.student_id)\n                            \"\n                            class=\"flex items-center cursor-pointer group\"\n                          >\n                            <div class=\"flex-shrink-0 mr-3\">\n                              <img\n                                class=\"h-12 w-12 rounded-lg object-cover\"\n                                :src=\"\n                                  getProfilePicture(\n                                    item.user.profile_picture_url,\n                                    item.user.students.student_id,\n                                    item.user.students.entity\n                                  )\n                                \"\n                                alt=\"\"\n                              />\n                            </div>\n                            <div class=\"flex-grow flex flex-col mr-4\">\n                              <h1\n                                class=\"text-sm font-semibold flex items-center\"\n                              >\n                                <span\n                                  class=\"text-heading group-hover:text-blue-600\"\n                                  >{{ item.user.name }}</span\n                                >\n                              </h1>\n                              <p\n                                class=\"text-xs text-gray-400 group-hover:text-blue-400\"\n                              >\n                                {{ item.user.email }}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td\n                          v-if=\"!hasToken\"\n                          class=\"whitespace-nowrap px-6 py-2\"\n                        >\n                          {{ item.event.title }}\n                        </td>\n                        <td class=\"whitespace-nowrap px-6 py-2\">\n                          {{ getFormattedDateWithTimeAmPm(item.created_at) }}\n                        </td>\n                        <td class=\"whitespace-nowrap px-6 py-2\">\n                          {{ item.user.students.entity }}\n                        </td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n            </div>\n            <div class=\"mt-4\">\n              <pagination\n                :paginatorInfo=\"paginatorInfo\"\n                :setPage=\"setPage\"\n              ></pagination>\n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n\n    <transition name=\"fade\" mode=\"out-in\">\n      <base-full-modal\n        v-if=\"showFullModal\"\n        title=\"Student Profile\"\n        @close=\"closeFullModal\"\n      >\n        <student-profile :student-id=\"studentId\"></student-profile>\n      </base-full-modal>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport IconBack from \"../../components/icons/IconBack.vue\";\nimport gql from \"graphql-tag\";\nimport Pagination from \"../../components/shared/pagination.vue\";\nimport TableShimmer from \"../../components/shared/TableShimmer.vue\";\nimport StudentProfile from \"../student-profile/index.vue\";\nimport { formattedDateWithTimeAmPm } from \"../../helpers/utils\";\nimport xlsx from \"xlsx/dist/xlsx.full.min.js\";\nexport default {\n  name: \"event-registrations\",\n  props: [\"token\"],\n  components: {\n    IconBack,\n    Pagination,\n    TableShimmer,\n    StudentProfile,\n  },\n  data() {\n    return {\n      eventRegistrations: [],\n      first: 10,\n      page: 1,\n      showFullModal: false,\n      studentId: null,\n      filterByLocalOrNonLocal: \"\",\n      filterByStatus: \"\",\n      studentStatusList: [],\n      departments: [],\n      filterByDepartment: \"\",\n      isGenerateReport: false,\n      generatedReport: [],\n    };\n  },\n  watch: {\n    eventRegistrations(newVal) {\n      if (newVal.error) {\n        if (newVal.error_code == 403) {\n          this.$router.replace(\"/no-permission\");\n        } else if (newVal.error_code == 401) {\n          this.$router.replace(\"/\");\n        } else {\n          alert(newVal.message);\n          this.$router.replace(\"/\");\n        }\n      }\n    },\n    filterByLocalOrNonLocal() {\n      this.page = 1;\n    },\n    filterByStatus() {\n      this.page = 1;\n    },\n    filterByDepartment() {\n      this.page = 1;\n    },\n  },\n  computed: {\n    items() {\n      return this.eventRegistrations.data;\n    },\n    hasItems() {\n      if (this.items && this.items.length > 0) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n    paginatorInfo() {\n      return this.eventRegistrations.paginatorInfo;\n    },\n    role() {\n      return this.$store.getters.role;\n    },\n    getTitle() {\n      if (this.token) {\n        return localStorage.getItem(\"eventRegistrationTitle\");\n      } else {\n        return \"Event Registrations\";\n      }\n    },\n    getSubTitle() {\n      if (this.token) {\n        if (this.$apollo.queries.eventRegistrations.loading) {\n          return \"\";\n        } else {\n          return `Event Registrations List (${this.paginatorInfo.total})`;\n        }\n      } else {\n        return \"Event Registrations List\";\n      }\n    },\n    hasToken() {\n      if (this.token !== undefined) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n  },\n  apollo: {\n    studentStatusList() {\n      return {\n        query: gql`\n          query GetStudentStatusList {\n            studentStatusList(is_show: \"1\") {\n              code\n              name\n            }\n          }\n        `,\n      };\n    },\n    departments() {\n      return {\n        query: gql`\n          query GetCollegeDepartments($token: String!) {\n            departments(token: $token)\n          }\n        `,\n        variables() {\n          return {\n            token: this.token,\n          };\n        },\n        fetchPolicy: \"cache-and-network\",\n      };\n    },\n    eventRegistrations() {\n      return {\n        query: gql`\n          query GetAllEventRegistrations(\n            $first: Int!\n            $page: Int!\n            $token: String\n            $local_or_non_local: String\n            $student_status: String\n            $program_name: String\n          ) {\n            eventRegistrations(\n              first: $first\n              page: $page\n              token: $token\n              local_or_non_local: $local_or_non_local\n              student_status: $student_status\n              program_name: $program_name\n            ) {\n              error\n              error_code\n              message\n              data {\n                id\n                user_id\n                event_id\n                created_at\n                updated_at\n                event {\n                  title\n                }\n                user {\n                  name\n                  email\n                  profile_picture_url\n                  students {\n                    student_id\n                    entity\n                  }\n                }\n              }\n              paginatorInfo {\n                count\n                currentPage\n                firstItem\n                hasMorePages\n                lastItem\n                lastPage\n                perPage\n                total\n              }\n            }\n          }\n        `,\n        variables() {\n          return {\n            first: this.first,\n            page: this.page,\n            token: this.token ? this.token : \"\",\n            local_or_non_local: this.filterByLocalOrNonLocal,\n            student_status: this.filterByStatus,\n            program_name: this.filterByDepartment,\n          };\n        },\n        fetchPolicy: \"cache-and-network\",\n      };\n    },\n  },\n  methods: {\n    viewStudentProfile(studentId) {\n      this.studentId = studentId;\n      this.showFullModal = true;\n    },\n    closeFullModal() {\n      this.showFullModal = false;\n      this.studentId = null;\n    },\n    getProfilePicture(profilePictureUrl, studentId, entity) {\n      if (\n        profilePictureUrl ==\n        \"/storage/alumni-profile-pictures/default-avatar.jpg\"\n      ) {\n        return `https://www.iat.ac.ae/sis/Integrations/Get_Student_Image/Q4tphjXBanCMiro8Kpfbi1QEU5qZb01uWtpkQlpfet8/${studentId}/${entity}`;\n      } else {\n        return process.env.VUE_APP_PUBLIC_URL + profilePictureUrl;\n      }\n    },\n    setPage(page) {\n      this.page = page;\n    },\n    hasPermission(crudName) {\n      if (this.role == \"superadmin\") {\n        return true;\n      } else {\n        const permissions = this.$store.getters.permissions;\n        const permissionsArray = permissions.split(\",\");\n        if (permissionsArray.includes(crudName)) {\n          return true;\n        } else {\n          return false;\n        }\n      }\n    },\n    goBackTo(url) {\n      this.$router.replace(url);\n    },\n    getFormattedDateWithTimeAmPm(date) {\n      return formattedDateWithTimeAmPm(date);\n    },\n    async generateReport() {\n      document.body.classList.add(\"loading\");\n      this.isGenerateReport = true;\n      let error_msg = null;\n\n      try {\n        const { data } = await this.$apollo.query({\n          query: gql`\n            query GenerateEventRegistrationsReport(\n              $token: String!\n              $local_or_non_local: String\n              $student_status: String\n              $program_name: String\n            ) {\n              generateEventRegistrationsReport(\n                token: $token\n                local_or_non_local: $local_or_non_local\n                student_status: $student_status\n                program_name: $program_name\n              ) {\n                error\n                error_code\n                message\n                data {\n                  created_at\n                  user {\n                    name\n                    email\n                    students {\n                      student_id\n                      entity\n                      alumni_phone\n                      primary_phone\n                      secondary_phone\n                    }\n                  }\n                }\n              }\n            }\n          `,\n          variables: {\n            token: this.token,\n            local_or_non_local: this.filterByLocalOrNonLocal,\n            student_status: this.filterByStatus,\n            program_name: this.filterByDepartment,\n          },\n          fetchPolicy: \"network-only\",\n        });\n\n        this.generatedReport = data.generateEventRegistrationsReport.data.map(\n          (obj) => {\n            return {\n              student_id: obj.user.students.student_id,\n              name: obj.user.name,\n              email: obj.user.email,\n              alumni_phone: obj.user.students.alumni_phone,\n              primary_phone: obj.user.students.primary_phone,\n              secondary_phone: obj.user.students.secondary_phone,\n              entity:\n                obj.user.students.entity == \"ATHS\"\n                  ? \"ATS\"\n                  : obj.user.students.entity,\n              created_at: this.getFormattedDateWithTimeAmPm(obj.created_at),\n            };\n          }\n        );\n      } catch (error) {\n        console.log(error.message);\n      }\n\n      if (this.generatedReport.length > 0) {\n        await this.exportExcel(localStorage.getItem(\"eventRegistrationTitle\"));\n      } else {\n        error_msg = \"No records to generate the report\";\n        this.$swal\n          .fire({\n            icon: \"error\",\n            title: \"Oops...\",\n            text: error_msg,\n          })\n          .then((result) => {\n            if (result.value || result.dismiss) {\n              error_msg = null;\n            }\n          });\n      }\n\n      this.isGenerateReport = false;\n      document.body.classList.remove(\"loading\");\n      this.generatedReport = [];\n    },\n    async exportExcel(reportName) {\n      const XLSX = xlsx;\n      const header = [\n        \"STUDENT ID\",\n        \"NAME\",\n        \"EMAIL\",\n        \"ALUMNI PHONE\",\n        \"PRIMARY PHONE\",\n        \"SECONDARY PHONE\",\n        \"ENTITY\",\n        \"REGISTERED AT\",\n      ];\n      const worksheet = XLSX.utils.json_to_sheet(this.generatedReport);\n      worksheet[\"A1\"] = { v: header[0], t: \"s\" };\n      worksheet[\"B1\"] = { v: header[1], t: \"s\" };\n      worksheet[\"C1\"] = { v: header[2], t: \"s\" };\n      worksheet[\"D1\"] = { v: header[3], t: \"s\" };\n      worksheet[\"E1\"] = { v: header[4], t: \"s\" };\n      worksheet[\"F1\"] = { v: header[5], t: \"s\" };\n      worksheet[\"G1\"] = { v: header[6], t: \"s\" };\n      worksheet[\"H1\"] = { v: header[7], t: \"s\" };\n\n      worksheet[\"!cols\"] = [\n        { width: 20 },\n        { width: 60 },\n        { width: 60 },\n        { width: 30 },\n        { width: 30 },\n        { width: 30 },\n        { width: 20 },\n        { width: 30 },\n      ];\n\n      const workbook = XLSX.utils.book_new();\n      XLSX.utils.book_append_sheet(workbook, worksheet, \"Sheet1\");\n      XLSX.writeFile(workbook, `${reportName}.xlsx`);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n}\n@responsive {\n  .min-ht-78 {\n    min-height: 78px;\n  }\n}\n</style>\n","import { render } from \"./registrations.vue?vue&type=template&id=5360e045&scoped=true\"\nimport script from \"./registrations.vue?vue&type=script&lang=js\"\nexport * from \"./registrations.vue?vue&type=script&lang=js\"\n\nimport \"./registrations.vue?vue&type=style&index=0&id=5360e045&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5360e045\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./registrations.vue?vue&type=style&index=0&id=5360e045&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/1.a4f2cb80.gif\";"],"sourceRoot":""}