{"version":3,"sources":["webpack:///./src/views/academics/Attendance.vue?fb4d","webpack:///./src/views/academics/Attendance.vue","webpack:///./src/views/academics/modals/UpdateAttendanceModal.vue","webpack:///./src/views/academics/modals/UpdateAttendanceModal.vue?f0c8","webpack:///./src/views/academics/modals/UpdateAttendanceModal.vue?2d6a","webpack:///./src/views/academics/Attendance.vue?ba1e","webpack:///./src/views/academics/Attendance.vue?74e4","webpack:///./src/views/academics/modals/UpdateAttendanceModal.vue?6073","webpack:///./src/views/academics/modals/UpdateAttendanceModal.vue?3e39","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","style","placeholder","semesterId","updateClasses","semesters","semester","label","name","code","moment","start_date","format","end_date","value","id","key","subjectId","filterable","changeSubject","subjects","subject","href","data-bs-toggle","data-bs-target","openUpdateModal","type","plain","setCurrentDateRange","icon","setPrevWeekDateRange","setNextWeekDateRange","data","attendanceData","filter","attendSearch","toLowerCase","includes","header-cell-style","textAlign","header-cell-class-name","getCellClass","cell-class-name","prop","width","align","header","size","dateRange","classDays","attend_statuses","date1","status","length","getAttendanceButtonClass","scope","row","changeAttendType","$index","date2","date3","date4","date5","date6","date7","targetDate","students","getAttendance","tabindex","aria-hidden","data-bs-dismiss","src","attendanceDate","range-separator","start-placeholder","end-placeholder","statusInfo","selectedStatus","default-first-option","statusList","isSelectAll","multiple","selectedStudents","student","student_id","loading","updateAttendances","components","props","Date","Number","Function","default","cur","prev","e","map","item","resetData","fire","text","buttonsStyling","confirmButtonText","customClass","confirmButton","formData","subject_id","attendance_status","student_ids","x","ApiService","setHeader","post","then","editCloseButton","document","getElementById","click","catch","response","console","log","errors","render","__scopeId","AttendanceData","this","UpdateAttendance","methods","getSubjects","Promise","resolve","reject","get","forEach","program","levels","level","sessions","session","push","setClassDays","error","Error","getStudents","attendance","studentName","first_name","last_name","resetAttendance","startDate","endDate","setHours","attendances","groupBy","Object","entries","attendanceIndex","findIndex","sAttendance","attendanceDateString","attendance_date","utc","attData","class_days","split","setDateRange","date","startOfWeek","startOf","toDate","endOfWeek","endOf","emptyArray","d","setDate","getDate","prevWeek","nextWeek","arr","obj","column","isSame","clone","index","propName","currentStatus","newStatus","update","updateButton","getSemesters","sortedData","sort","a","b","parse","keys","today","currentSemester","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-4fa00220.0c62c141.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./Attendance.vue?vue&type=style&index=0&id=33f7fcea&scoped=true&lang=css\"","<template>\r\n<div class=\"card col-md-12 p-3 mb-10\" style=\"display:block;\">\r\n    <div style=\"display:inline-block;\" class=\"col-md-6\">\r\n      <span class=\"px-8\" style=\"font-weight: 600;color: #009EF7;\">Semester</span>\r\n      <el-select\r\n          class=\"form-select-solid w-100 px-5\"\r\n          placeholder=\"Select semester\"\r\n          v-model=\"semesterId\"\r\n          @change=\"updateClasses\"\r\n      >\r\n        <el-option \r\n          v-for=\"semester in semesters\" \r\n          :label=\"semester.name+'('+semester.code+') : '+moment(semester.start_date).format('YYYY.MM.DD')+'~'+moment(semester.end_date).format('YYYY.MM.DD')\" \r\n          :value=\"semester.id\"\r\n          :key=\"semester\">\r\n          {{semester.name+'('+semester.code+') : '+moment(semester.start_date).format('YYYY.MM.DD')+'~'+moment(semester.end_date).format('YYYY.MM.DD')}}\r\n        </el-option>\r\n      </el-select>\r\n    </div>\r\n    <div style=\"display:inline-block;\" class=\"col-md-6\">\r\n      <span class=\"px-8\" style=\"font-weight: 600;color: #009EF7;\">Subject</span>\r\n      <el-select\r\n          class=\"form-select-solid w-100 px-5\"\r\n          placeholder=\"Select subject\"\r\n          v-model=\"subjectId\"\r\n          filterable\r\n          @change=\"changeSubject\"\r\n      >\r\n        <el-option v-for=\"subject in subjects\" \r\n          :label=\"subject.code\"   \r\n          :value=\"subject.id\" \r\n          :key=\"subject.code\">\r\n          {{subject.code}}\r\n        </el-option>\r\n      </el-select>\r\n    </div>\r\n  </div>\r\n<div class=\"d-flex flex-stack\" style=\"padding-bottom:10px;\">\r\n  <div class=\"page-title d-flex align-items-center me-3 flex-wrap mb-5 mb-lg-0 lh-1\">\r\n    <a href=\"#\"\r\n        data-bs-toggle=\"modal\"\r\n        data-bs-target=\"#modal_update_attendance\"\r\n        id=\"update_attendance\"\r\n        style=\"display:none;\"/>\r\n    <a @click=\"openUpdateModal('')\"\r\n        class=\"btn btn-primary\"\r\n        id=\"update_attendance_btn\"\r\n        style=\"margin-left:10px;\">\r\n        Manage attendance\r\n    </a>\r\n  </div>\r\n  <div class=\"d-flex align-items-center py-1\">\r\n      <el-button type=\"primary\" plain style=\"margin-right:5px;\" @click=\"setCurrentDateRange()\">Today</el-button>\r\n      <el-button-group>\r\n        <el-button type=\"primary\" icon=\"el-icon-arrow-left\" @click=\"setPrevWeekDateRange()\" style=\"color:white;\"></el-button>\r\n        <el-button type=\"primary\" icon=\"el-icon-arrow-right\" @click=\"setNextWeekDateRange()\" style=\"color:white;\"></el-button>\r\n      </el-button-group>\r\n  </div>\r\n</div>\r\n<el-table\r\n    :data=\"attendanceData.value.filter(data => !attendSearch || data.name.toLowerCase().includes(attendSearch.toLowerCase()))\"\r\n    style=\"width: 100%\"\r\n    :header-cell-style=\"{textAlign: 'center'}\"\r\n    :header-cell-class-name=\"getCellClass\"\r\n    :cell-class-name=\"getCellClass\">\r\n    <el-table-column\r\n      prop=\"name\"\r\n      label=\"Name\"\r\n      width=\"400\"\r\n      align=\"left\">\r\n      <template #header>\r\n        Name\r\n        <el-input\r\n          v-model=\"attendSearch\"\r\n          size=\"mini\"\r\n          placeholder=\"Type to search\">\r\n        </el-input>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date1\"\r\n      :label=\"dateRange[0]\"\r\n      align=\"center\">\r\n      <template #header>      \r\n        <p style=\"margin-bottom: 2px;\">SUN</p>\r\n        <a href=\"#\"\r\n            v-if=\"classDays.includes('0')\"\r\n            @click=\"openUpdateModal(dateRange[0])\">\r\n          {{dateRange[0]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date1.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[0]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\" >\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('0')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date1')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[0], 'date1')\">\r\n            {{scope.row.date1.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date2\"\r\n      :label=\"dateRange[1]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">MON</p>\r\n        <a href=\"#\"\r\n            v-if=\"classDays.includes('1')\"\r\n            @click=\"openUpdateModal(dateRange[1])\">\r\n          {{dateRange[1]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date2.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[1]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('1')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date2')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[1], 'date2')\">\r\n            {{scope.row.date2.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date3\"\r\n      :label=\"dateRange[2]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">TUE</p>\r\n        <a href=\"#\" v-if=\"classDays.includes('2')\"\r\n            @click=\"openUpdateModal(dateRange[2])\">\r\n          {{dateRange[2]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date3.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[2]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('2')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date3')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[2], 'date3')\">\r\n            {{scope.row.date3.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date4\"\r\n      :label=\"dateRange[3]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">WED</p>\r\n        <a href=\"#\" v-if=\"classDays.includes('3')\"\r\n            @click=\"openUpdateModal(dateRange[3])\">\r\n          {{dateRange[3]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date4.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[3]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('3')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date4')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[3], 'date4')\">\r\n            {{scope.row.date4.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date5\"\r\n      :label=\"dateRange[4]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">THU</p>\r\n        <a href=\"#\" v-if=\"classDays.includes('4')\"\r\n            @click=\"openUpdateModal(dateRange[4])\">\r\n          {{dateRange[4]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date5.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[4]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('4')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date5')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[4], 'date5')\">\r\n            {{scope.row.date5.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date6\"\r\n      :label=\"dateRange[5]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">FRI</p>\r\n        <a href=\"#\" v-if=\"classDays.includes('5')\"\r\n            @click=\"openUpdateModal(dateRange[5])\">\r\n          {{dateRange[5]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date6.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[5]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"\r\n            v-if=\"classDays.includes('5')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date6')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[5], 'date6')\">\r\n            {{scope.row.date6.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n    <el-table-column\r\n      prop=\"date7\"\r\n      :label=\"dateRange[6]\"\r\n      align=\"center\">\r\n      <template #header>\r\n        <p style=\"margin-bottom: 2px;\">SAT</p>\r\n        <a href=\"#\" v-if=\"classDays.includes('6')\"\r\n            @click=\"openUpdateModal(dateRange[6])\">\r\n          {{dateRange[6]}}\r\n          ({{attendanceData.value.filter(data => attend_statuses.includes(data.date7.status)).length}})\r\n        </a>\r\n        <span v-else>{{dateRange[6]}}</span>\r\n      </template>\r\n      <template v-slot=\"scope\">\r\n        <el-button\r\n            size=\"mini\"            \r\n            v-if=\"classDays.includes('6')\"\r\n            v-bind:class=\"getAttendanceButtonClass(scope.row, 'date7')\"\r\n            @click=\"changeAttendType(scope.$index, scope.row, dateRange[6], 'date7')\">\r\n            {{scope.row.date7.status}}\r\n        </el-button>\r\n      </template>\r\n    </el-table-column>\r\n  </el-table>\r\n\r\n  <UpdateAttendance\r\n    v-bind:targetDate=\"targetDate\"\r\n    v-bind:students=\"students\"\r\n    v-bind:subjectId=\"subjectId\"\r\n    v-bind:getAttendance=\"getAttendance\">\r\n  </UpdateAttendance>\r\n</template>\r\n\r\n\r\n<script lang=\"ts\"> \r\nimport { defineComponent, onBeforeMount, onMounted, reactive, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport UpdateAttendance from \"@/views/academics/modals/UpdateAttendanceModal.vue\";\r\nimport moment from 'moment'\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport _ from \"lodash\";\r\n\r\nexport class AttendanceData{\r\n    name: string;\r\n    student_id : number;\r\n    date1 : { id: number | null, status: string };\r\n    date2 : { id: number | null, status: string };\r\n    date3 : { id: number | null, status: string };\r\n    date4 : { id: number | null, status: string };\r\n    date5 : { id: number | null, status: string };\r\n    date6 : { id: number | null, status: string };\r\n    date7 : { id: number | null, status: string };\r\n\r\n    constructor(){\r\n      this.date1 = {id: null, status :'Select'};\r\n      this.date2 = {id: null, status :'Select'};\r\n      this.date3 = {id: null, status :'Select'};\r\n      this.date4 = {id: null, status :'Select'};\r\n      this.date5 = {id: null, status :'Select'};\r\n      this.date6 = {id: null, status :'Select'};\r\n      this.date7 = {id: null, status :'Select'};\r\n    }\r\n}\r\n\r\nexport default defineComponent({\r\n  name: \"attendance\",\r\n  components: {\r\n    UpdateAttendance\r\n  },\r\n  methods:{\r\n  },\r\n  setup() {\r\n    const targetDate = ref(null);\r\n    const dateRange = reactive<any>([]);\r\n    const semesters = ref([] as any);\r\n    const subjects = ref([] as any);\r\n    const semesterId = ref(0 as any);\r\n    const subjectId = ref(0 as any);\r\n    const attendSearch = ref('');\r\n    const students= ref<any>([]);\r\n    const attendanceData = reactive<any>([]);\r\n    const classDays = ref('');\r\n\r\n    attendanceData.value = [];\r\n    \r\n    const getSubjects = async() => {\r\n        subjects.value = [];\r\n        await new Promise<void>((resolve, reject) => {   \r\n            ApiService.setHeader(); \r\n            ApiService.get(\"class/\"+semesterId.value)\r\n                .then(async({ data }) => {\r\n                  data.data.forEach(program => {\r\n                    program.levels.forEach(level => {\r\n                      level.sessions.forEach(session => {\r\n                        session.subjects.forEach(subject =>{\r\n                          subjects.value.push(subject);\r\n                        })\r\n                      })\r\n                    })\r\n                  });\r\n\r\n                  subjectId.value = subjects.value[0].id;\r\n                  setClassDays();\r\n                  resolve(data.data);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getClasses error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const getStudents = () : any => {\r\n      return new Promise((resolve, reject) => {    \r\n            ApiService.setHeader();        \r\n            ApiService.get(\"class-student/students/\"+subjectId.value)\r\n                .then(({ data }) => {\r\n                  attendanceData.value = [];\r\n                  students.value=[];                  \r\n                  data.data.forEach(student => {\r\n                      let attendance = new AttendanceData();\r\n                      let studentName = student.student.first_name + \" \" + student.student.last_name+\"(\"+student.student.student_id+\")\";\r\n                      attendance.student_id = student.student.id;\r\n                      attendance.name = studentName;\r\n                      attendanceData.value.push(attendance);\r\n                      students.value.push({student_id : student.student.id, name : studentName})\r\n                  });\r\n\r\n                  resolve(data.data);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getSemesters error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const resetAttendance = () => {\r\n      attendanceData.value.map(attendance => {\r\n        attendance.date1 = {id: null, status :'Select'};\r\n        attendance.date2 = {id: null, status :'Select'};\r\n        attendance.date3 = {id: null, status :'Select'};\r\n        attendance.date4 = {id: null, status :'Select'};\r\n        attendance.date5 = {id: null, status :'Select'};\r\n        attendance.date6 = {id: null, status :'Select'};\r\n        attendance.date7 = {id: null, status :'Select'};\r\n      });\r\n    }\r\n\r\n    const getAttendance = async() =>{\r\n        let startDate = new Date(dateRange[0]);\r\n        let endDate = new Date(dateRange[6]);\r\n        endDate.setHours(23,59,59,0)\r\n        ApiService.setHeader();\r\n        return ApiService.get(\"attendance/\"+subjectId.value+\"/\"+startDate+\"/\"+endDate)\r\n                .then(({ data }) => {\r\n                    let attendances = _.groupBy(data.data, data => data.student_id);\r\n                    for (const [key, value] of Object.entries(attendances)) {\r\n                        let attendanceIndex = attendanceData.value.findIndex(x=> x.student_id == +key);\r\n                        if(attendanceIndex>=0){\r\n                          for(const sAttendance of value){\r\n                              let attendanceDateString = moment(sAttendance.attendance_date).utc().format('M/DD/YYYY');\r\n                              let attData = { id: sAttendance.id , status:sAttendance.attendance_status};\r\n                            switch(attendanceDateString){\r\n                                case dateRange[0] :\r\n                                    attendanceData.value[attendanceIndex].date1 = attData;\r\n                                    break;\r\n                                case dateRange[1] :\r\n                                    attendanceData.value[attendanceIndex].date2 = attData;\r\n                                    break;\r\n                                case dateRange[2] :\r\n                                    attendanceData.value[attendanceIndex].date3 = attData;\r\n                                    break;\r\n                                case dateRange[3] :\r\n                                    attendanceData.value[attendanceIndex].date4 = attData;\r\n                                    break;\r\n                                case dateRange[4] :\r\n                                    attendanceData.value[attendanceIndex].date5 = attData;\r\n                                    break;\r\n                                case dateRange[5] :\r\n                                    attendanceData.value[attendanceIndex].date6 = attData;\r\n                                    break;\r\n                                case dateRange[6] :\r\n                                    attendanceData.value[attendanceIndex].date7 = attData;\r\n                                    break;\r\n                            }\r\n                          }\r\n                        }\r\n                    };\r\n                })\r\n                .catch((error) => {\r\n                    console.log('getSemesters error => '+error);\r\n                });\r\n    }\r\n\r\n    const changeSubject = async() => {\r\n        setClassDays();\r\n        await getStudents().then(async() =>{\r\n          await getAttendance();\r\n        })\r\n    }\r\n\r\n    const setClassDays = () =>{\r\n      classDays.value = subjects.value.filter(x=>x.id == subjectId.value)[0]?.class_days.split(';');\r\n    }\r\n\r\n    function setDateRange(date){\r\n      var startOfWeek = moment(date).startOf('week').toDate();\r\n      var endOfWeek   = moment(date).endOf('week').toDate();\r\n      emptyArray(dateRange);\r\n      for (var d = startOfWeek; d <= endOfWeek; d.setDate(d.getDate() + 1)) {\r\n          dateRange.push(moment(d).format('M/DD/YYYY'));\r\n      }\r\n    }\r\n\r\n    const setPrevWeekDateRange = async() => {\r\n      var prevWeek = moment(dateRange[0]).toDate();\r\n      setDateRange(prevWeek.setDate(prevWeek.getDate()-1));\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const setNextWeekDateRange = async() => {\r\n      var nextWeek = moment(dateRange[6]).toDate();\r\n      setDateRange(nextWeek.setDate(nextWeek.getDate()+1));\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const setCurrentDateRange = async() => {\r\n      setDateRange(moment());\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const emptyArray = arr => arr.length = 0;\r\n\r\n    const getCellClass = (obj) => {\r\n      if(moment(obj.column.label).isSame(moment().clone().startOf('day'), 'd')){\r\n        return 'dateToday';\r\n      }\r\n    };\r\n\r\n    const attend_statuses = ['Present','Late','Early'];\r\n    const changeAttendType = (index, row, date, propName) => {\r\n      let currentStatus = row[propName].status;\r\n      let id = row[propName].id;\r\n      let newStatus = '';\r\n      switch(currentStatus) {\r\n        case 'Select':\r\n          newStatus = 'Present';\r\n          break;\r\n        case 'Present':\r\n          newStatus = 'Late';\r\n          break;\r\n        case 'Late':\r\n          newStatus = 'Absent';\r\n          break;\r\n        case 'Absent':\r\n          newStatus = 'Early';\r\n          break;\r\n        case 'Early':\r\n          newStatus = 'LOA';\r\n          break;\r\n        default:\r\n          newStatus = 'Select';\r\n      }\r\n\r\n      if(id == null ){\r\n        const formData : any = { subject_id : subjectId.value, student_id: row.student_id, attendance_date : date, attendance_status : newStatus };\r\n        ApiService.setHeader();\r\n        ApiService.post(\"attendance\", formData)\r\n            .then((data) => {\r\n                  row[propName].status = newStatus;\r\n                  row[propName].id = data.data.data.id;\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('create attendance error => '+response.data.errors);\r\n            });\r\n      }\r\n      else{\r\n        const formData : any = { attendance_status : newStatus, student_id: row.student_id, subject_id:subjectId.value };\r\n        ApiService.setHeader();\r\n        ApiService.update(\"attendance\", id, formData)\r\n            .then(() => {\r\n                  row[propName].status = newStatus;\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('update attendance error => '+response.data.errors);\r\n            });\r\n      }\r\n    };\r\n\r\n    const openUpdateModal = (date) =>{\r\n        targetDate.value = date;\r\n        let updateButton = document.getElementById('update_attendance');\r\n        updateButton?.click();\r\n    }\r\n\r\n    const getSemesters = () : any => {\r\n        return new Promise((resolve, reject) => {  \r\n            ApiService.setHeader();\r\n            ApiService.get(\"class/semesters\")\r\n                .then(({ data }) => {\r\n                    let sortedData = data.data.sort(function(a,b) { \r\n                          if(a.id == b.id) return 0;\r\n\r\n                          if (Date.parse(a.start_date!) < Date.parse(b.start_date!))\r\n                              return 1;\r\n                          if (Date.parse(a.start_date!) > Date.parse(b.start_date!))\r\n                              return -1;\r\n                          return 0;\r\n                      });\r\n                    semesters.value = sortedData;\r\n                    resolve(sortedData);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getSemesters error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const updateClasses = async() => {\r\n      await getSubjects().then(async()=>{\r\n          await changeSubject();\r\n      });\r\n    }\r\n\r\n    \r\n    const getAttendanceButtonClass = (row, propName) : string =>{\r\n      if(Object.keys(row).length > 0){\r\n        let status = row[propName].status;\r\n        if(status == \"Present\"){\r\n          return \"bg-light-success text-success\";\r\n        }\r\n        if(status == \"Absent\"){\r\n          return \"bg-light-danger text-danger\";\r\n        }\r\n      }\r\n\r\n      return \"\";\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      getSemesters().then(async (data) => {\r\n        if(data){\r\n          let today = new Date();\r\n          let currentSemester = data.filter(semester => (semester.start_date <= today && semester.end_date >= today));\r\n\r\n          if(currentSemester.length > 0){\r\n            semesterId.value = currentSemester[0].id;\r\n          }\r\n          else{\r\n            semesterId.value = data[0].id;\r\n          }\r\n\r\n          await getSubjects().then(async()=>{\r\n            await setCurrentDateRange();\r\n            await changeSubject();\r\n          });\r\n        }\r\n      });\r\n    });\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Attendance\", [\"Academics\"]);\r\n    });\r\n\r\n    return{\r\n      subjects,\r\n      subjectId,\r\n      attendanceData,\r\n      dateRange,\r\n      changeAttendType,\r\n      getCellClass,      \r\n      setCurrentDateRange,\r\n      setNextWeekDateRange,\r\n      setPrevWeekDateRange,\r\n      attendSearch,\r\n      changeSubject,\r\n      targetDate,\r\n      openUpdateModal,\r\n      students,\r\n      getAttendance,\r\n      classDays,\r\n      semesters,\r\n      semesterId,\r\n      updateClasses,\r\n      moment,\r\n      attend_statuses,\r\n      getAttendanceButtonClass\r\n    }\r\n  },\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n\r\n  * >>> .dateToday {\r\n    background:rgba(137, 211, 233,0.5);\r\n    color:#3c3c3c;\r\n  }\r\n\r\n  * >>> .el-button--primary > i{\r\n    color : white;\r\n  }\r\n</style>\r\n","<template>\r\n  <!--begin::Modal - Create App-->\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"modal_update_attendance\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-900px\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h2>Update Attendance</h2>\r\n\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n            data-bs-dismiss=\"modal\"\r\n            id=\"edit_class_close_button\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"modal-body py-lg-10 px-lg-10\">\r\n            <div class=\"row mb-6\">\r\n                <label class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-4\">\r\n                    <span class=\"required\">Date range</span>\r\n                </label>\r\n                <div class=\"col-lg-8\">\r\n                    <el-date-picker\r\n                      v-model=\"attendanceDate\"\r\n                      type=\"daterange\"\r\n                      range-separator=\"To\"\r\n                      start-placeholder=\"Start date\"\r\n                      end-placeholder=\"End date\"\r\n                      class=\"w-100\" \r\n                      format=\"MM/DD/YYYY\">\r\n                    </el-date-picker>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n                <label class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-4\">\r\n                    <span class=\"required\">Status</span>\r\n                </label>\r\n                <div class=\"col-lg-8\">\r\n                    <el-select\r\n                        class=\"form-select-solid w-100\"\r\n                        placeholder=\"Select attendance status\"\r\n                        v-model=\"statusInfo.selectedStatus\"\r\n                        filterable\r\n                        default-first-option>\r\n                        <el-option v-for=\"status in statusInfo.statusList\" \r\n                            :label=\"status\"   \r\n                            :value=\"status\" \r\n                            :key=\"status\">\r\n                            {{status}}\r\n                        </el-option>\r\n                    </el-select>\r\n                </div>\r\n            </div>\r\n            <div class=\"row mb-6\">\r\n                <label class=\"d-flex align-items-center fs-5 fw-bold mb-2 col-lg-4\">\r\n                    <span class=\"required\">Student</span>\r\n                </label>\r\n                <div class=\"col-lg-8\">\r\n                    <el-select @change=\"isSelectAll\" multiple v-model=\"selectedStudents\" placeholder=\"Students\">\r\n                        <el-option v-if=\"students.length > 0\" label=\"name\" :value=\"selectedStudents.length === ( students ? students.length :0) ? 'unall' : 'all'\">\r\n                            <span style=\"float: left\">{{selectedStudents.length === ( students ? students.length :0) ? 'Unselect all' : 'Select all'}}</span>\r\n                        </el-option>\r\n                        <el-option v-for=\"student in students\" \r\n                          :key=\"student.student_id\" \r\n                          :label=\"student.name\" \r\n                          :value=\"student.student_id\">\r\n                        </el-option>\r\n                    </el-select>\r\n                </div>\r\n            </div>\r\n            \r\n          <div class=\"d-flex flex-stack pt-10\" style=\"float:right;\">\r\n              <el-button type=\"primary\" :loading=\"loading\" @click=\"updateAttendances\">\r\n                  {{ loading ? \"Please wait...\" : \"Submit\" }}\r\n              </el-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.el-input--suffix .el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n\r\n.el-input__inner {\r\n  background-color: #f5f8fa;\r\n}\r\n</style>\r\n\r\n<script lang=\"ts\">\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { defineComponent, ref, reactive, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\n\r\nexport default defineComponent({\r\n  name: \"update-attendance-modal\",\r\n  components: {\r\n  },\r\n  props:{\r\n    targetDate: Date || null,\r\n    students:[] as any,\r\n    subjectId : Number,\r\n    getAttendance : {\r\n      type:Function,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n  setup(props) {\r\n    const loading = ref<boolean>(false);\r\n    const attendanceDate = ref<any>([]);\r\n\r\n    watch(() => props.targetDate, (cur, prev)=>{\r\n        attendanceDate.value[0] = props.targetDate;\r\n        attendanceDate.value[1] = props.targetDate;\r\n    })\r\n\r\n    const statusInfo = reactive({\r\n      selectedStatus:'Present',\r\n      statusList :['Select','Present','Late','Absent','Early','LOA']\r\n    });\r\n\r\n    const selectedStudents = ref<any>([]);\r\n    selectedStudents.value= [];\r\n\r\n    const isSelectAll = (e) => {\r\n        if(e.includes('all')){\r\n          selectedStudents.value = props.students.map(item => item.student_id);\r\n        }\r\n        if(e.includes('unall')){\r\n          selectedStudents.value = [];\r\n        }\r\n    }\r\n\r\n    const resetData = () =>{\r\n      statusInfo.selectedStatus = \"Present\";\r\n      selectedStudents.value=[];\r\n      attendanceDate.value[0] = '';\r\n      attendanceDate.value[1] = '';\r\n    }\r\n\r\n    const updateAttendances = async() =>{\r\n        if(!attendanceDate.value[0] || !attendanceDate.value[1] || selectedStudents.value.length ==0 || !statusInfo.selectedStatus ){\r\n            Swal.fire({\r\n              text: \"Please fill out all required fields\",\r\n              icon: \"error\",\r\n              buttonsStyling: false,\r\n              confirmButtonText: \"Ok, got it!\",\r\n              customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n              },\r\n            });\r\n            return false;\r\n        }\r\n\r\n        const formData :any = { subject_id: props.subjectId, attendance_status: statusInfo.selectedStatus, student_ids: selectedStudents.value.map(x=> x), start_date : attendanceDate.value[0], end_date: attendanceDate.value[1]};\r\n        \r\n        ApiService.setHeader();\r\n        await ApiService.post(\"attendance/bulk\", formData)\r\n            .then(() => {\r\n                props.getAttendance();\r\n                resetData();\r\n                let editCloseButton = document.getElementById('edit_class_close_button');\r\n                editCloseButton?.click();\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('bulk attendance create error => '+response.data.errors);\r\n            });\r\n    }\r\n\r\n    return {\r\n        statusInfo,\r\n        isSelectAll,\r\n        selectedStudents,\r\n        attendanceDate,\r\n        loading,\r\n        updateAttendances\r\n    };\r\n  },\r\n});\r\n</script>\r\n<style scoped>\r\n*>>> .el-select__tags\r\n{\r\n  max-height:150px;overflow-y: scroll\r\n}\r\n</style>\r\n","\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport { defineComponent, ref, reactive, watch } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\n\r\nexport default defineComponent({\r\n  name: \"update-attendance-modal\",\r\n  components: {\r\n  },\r\n  props:{\r\n    targetDate: Date || null,\r\n    students:[] as any,\r\n    subjectId : Number,\r\n    getAttendance : {\r\n      type:Function,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n  setup(props) {\r\n    const loading = ref<boolean>(false);\r\n    const attendanceDate = ref<any>([]);\r\n\r\n    watch(() => props.targetDate, (cur, prev)=>{\r\n        attendanceDate.value[0] = props.targetDate;\r\n        attendanceDate.value[1] = props.targetDate;\r\n    })\r\n\r\n    const statusInfo = reactive({\r\n      selectedStatus:'Present',\r\n      statusList :['Select','Present','Late','Absent','Early','LOA']\r\n    });\r\n\r\n    const selectedStudents = ref<any>([]);\r\n    selectedStudents.value= [];\r\n\r\n    const isSelectAll = (e) => {\r\n        if(e.includes('all')){\r\n          selectedStudents.value = props.students.map(item => item.student_id);\r\n        }\r\n        if(e.includes('unall')){\r\n          selectedStudents.value = [];\r\n        }\r\n    }\r\n\r\n    const resetData = () =>{\r\n      statusInfo.selectedStatus = \"Present\";\r\n      selectedStudents.value=[];\r\n      attendanceDate.value[0] = '';\r\n      attendanceDate.value[1] = '';\r\n    }\r\n\r\n    const updateAttendances = async() =>{\r\n        if(!attendanceDate.value[0] || !attendanceDate.value[1] || selectedStudents.value.length ==0 || !statusInfo.selectedStatus ){\r\n            Swal.fire({\r\n              text: \"Please fill out all required fields\",\r\n              icon: \"error\",\r\n              buttonsStyling: false,\r\n              confirmButtonText: \"Ok, got it!\",\r\n              customClass: {\r\n                confirmButton: \"btn btn-primary\",\r\n              },\r\n            });\r\n            return false;\r\n        }\r\n\r\n        const formData :any = { subject_id: props.subjectId, attendance_status: statusInfo.selectedStatus, student_ids: selectedStudents.value.map(x=> x), start_date : attendanceDate.value[0], end_date: attendanceDate.value[1]};\r\n        \r\n        ApiService.setHeader();\r\n        await ApiService.post(\"attendance/bulk\", formData)\r\n            .then(() => {\r\n                props.getAttendance();\r\n                resetData();\r\n                let editCloseButton = document.getElementById('edit_class_close_button');\r\n                editCloseButton?.click();\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('bulk attendance create error => '+response.data.errors);\r\n            });\r\n    }\r\n\r\n    return {\r\n        statusInfo,\r\n        isSelectAll,\r\n        selectedStudents,\r\n        attendanceDate,\r\n        loading,\r\n        updateAttendances\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./UpdateAttendanceModal.vue?vue&type=template&id=74783bd0&scoped=true\"\nimport script from \"./UpdateAttendanceModal.vue?vue&type=script&lang=ts\"\nexport * from \"./UpdateAttendanceModal.vue?vue&type=script&lang=ts\"\n\nimport \"./UpdateAttendanceModal.vue?vue&type=style&index=0&id=74783bd0&lang=scss&scoped=true\"\nimport \"./UpdateAttendanceModal.vue?vue&type=style&index=1&id=74783bd0&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-74783bd0\"\n\nexport default script"," \r\nimport { defineComponent, onBeforeMount, onMounted, reactive, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport UpdateAttendance from \"@/views/academics/modals/UpdateAttendanceModal.vue\";\r\nimport moment from 'moment'\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport _ from \"lodash\";\r\n\r\nexport class AttendanceData{\r\n    name: string;\r\n    student_id : number;\r\n    date1 : { id: number | null, status: string };\r\n    date2 : { id: number | null, status: string };\r\n    date3 : { id: number | null, status: string };\r\n    date4 : { id: number | null, status: string };\r\n    date5 : { id: number | null, status: string };\r\n    date6 : { id: number | null, status: string };\r\n    date7 : { id: number | null, status: string };\r\n\r\n    constructor(){\r\n      this.date1 = {id: null, status :'Select'};\r\n      this.date2 = {id: null, status :'Select'};\r\n      this.date3 = {id: null, status :'Select'};\r\n      this.date4 = {id: null, status :'Select'};\r\n      this.date5 = {id: null, status :'Select'};\r\n      this.date6 = {id: null, status :'Select'};\r\n      this.date7 = {id: null, status :'Select'};\r\n    }\r\n}\r\n\r\nexport default defineComponent({\r\n  name: \"attendance\",\r\n  components: {\r\n    UpdateAttendance\r\n  },\r\n  methods:{\r\n  },\r\n  setup() {\r\n    const targetDate = ref(null);\r\n    const dateRange = reactive<any>([]);\r\n    const semesters = ref([] as any);\r\n    const subjects = ref([] as any);\r\n    const semesterId = ref(0 as any);\r\n    const subjectId = ref(0 as any);\r\n    const attendSearch = ref('');\r\n    const students= ref<any>([]);\r\n    const attendanceData = reactive<any>([]);\r\n    const classDays = ref('');\r\n\r\n    attendanceData.value = [];\r\n    \r\n    const getSubjects = async() => {\r\n        subjects.value = [];\r\n        await new Promise<void>((resolve, reject) => {   \r\n            ApiService.setHeader(); \r\n            ApiService.get(\"class/\"+semesterId.value)\r\n                .then(async({ data }) => {\r\n                  data.data.forEach(program => {\r\n                    program.levels.forEach(level => {\r\n                      level.sessions.forEach(session => {\r\n                        session.subjects.forEach(subject =>{\r\n                          subjects.value.push(subject);\r\n                        })\r\n                      })\r\n                    })\r\n                  });\r\n\r\n                  subjectId.value = subjects.value[0].id;\r\n                  setClassDays();\r\n                  resolve(data.data);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getClasses error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const getStudents = () : any => {\r\n      return new Promise((resolve, reject) => {    \r\n            ApiService.setHeader();        \r\n            ApiService.get(\"class-student/students/\"+subjectId.value)\r\n                .then(({ data }) => {\r\n                  attendanceData.value = [];\r\n                  students.value=[];                  \r\n                  data.data.forEach(student => {\r\n                      let attendance = new AttendanceData();\r\n                      let studentName = student.student.first_name + \" \" + student.student.last_name+\"(\"+student.student.student_id+\")\";\r\n                      attendance.student_id = student.student.id;\r\n                      attendance.name = studentName;\r\n                      attendanceData.value.push(attendance);\r\n                      students.value.push({student_id : student.student.id, name : studentName})\r\n                  });\r\n\r\n                  resolve(data.data);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getSemesters error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const resetAttendance = () => {\r\n      attendanceData.value.map(attendance => {\r\n        attendance.date1 = {id: null, status :'Select'};\r\n        attendance.date2 = {id: null, status :'Select'};\r\n        attendance.date3 = {id: null, status :'Select'};\r\n        attendance.date4 = {id: null, status :'Select'};\r\n        attendance.date5 = {id: null, status :'Select'};\r\n        attendance.date6 = {id: null, status :'Select'};\r\n        attendance.date7 = {id: null, status :'Select'};\r\n      });\r\n    }\r\n\r\n    const getAttendance = async() =>{\r\n        let startDate = new Date(dateRange[0]);\r\n        let endDate = new Date(dateRange[6]);\r\n        endDate.setHours(23,59,59,0)\r\n        ApiService.setHeader();\r\n        return ApiService.get(\"attendance/\"+subjectId.value+\"/\"+startDate+\"/\"+endDate)\r\n                .then(({ data }) => {\r\n                    let attendances = _.groupBy(data.data, data => data.student_id);\r\n                    for (const [key, value] of Object.entries(attendances)) {\r\n                        let attendanceIndex = attendanceData.value.findIndex(x=> x.student_id == +key);\r\n                        if(attendanceIndex>=0){\r\n                          for(const sAttendance of value){\r\n                              let attendanceDateString = moment(sAttendance.attendance_date).utc().format('M/DD/YYYY');\r\n                              let attData = { id: sAttendance.id , status:sAttendance.attendance_status};\r\n                            switch(attendanceDateString){\r\n                                case dateRange[0] :\r\n                                    attendanceData.value[attendanceIndex].date1 = attData;\r\n                                    break;\r\n                                case dateRange[1] :\r\n                                    attendanceData.value[attendanceIndex].date2 = attData;\r\n                                    break;\r\n                                case dateRange[2] :\r\n                                    attendanceData.value[attendanceIndex].date3 = attData;\r\n                                    break;\r\n                                case dateRange[3] :\r\n                                    attendanceData.value[attendanceIndex].date4 = attData;\r\n                                    break;\r\n                                case dateRange[4] :\r\n                                    attendanceData.value[attendanceIndex].date5 = attData;\r\n                                    break;\r\n                                case dateRange[5] :\r\n                                    attendanceData.value[attendanceIndex].date6 = attData;\r\n                                    break;\r\n                                case dateRange[6] :\r\n                                    attendanceData.value[attendanceIndex].date7 = attData;\r\n                                    break;\r\n                            }\r\n                          }\r\n                        }\r\n                    };\r\n                })\r\n                .catch((error) => {\r\n                    console.log('getSemesters error => '+error);\r\n                });\r\n    }\r\n\r\n    const changeSubject = async() => {\r\n        setClassDays();\r\n        await getStudents().then(async() =>{\r\n          await getAttendance();\r\n        })\r\n    }\r\n\r\n    const setClassDays = () =>{\r\n      classDays.value = subjects.value.filter(x=>x.id == subjectId.value)[0]?.class_days.split(';');\r\n    }\r\n\r\n    function setDateRange(date){\r\n      var startOfWeek = moment(date).startOf('week').toDate();\r\n      var endOfWeek   = moment(date).endOf('week').toDate();\r\n      emptyArray(dateRange);\r\n      for (var d = startOfWeek; d <= endOfWeek; d.setDate(d.getDate() + 1)) {\r\n          dateRange.push(moment(d).format('M/DD/YYYY'));\r\n      }\r\n    }\r\n\r\n    const setPrevWeekDateRange = async() => {\r\n      var prevWeek = moment(dateRange[0]).toDate();\r\n      setDateRange(prevWeek.setDate(prevWeek.getDate()-1));\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const setNextWeekDateRange = async() => {\r\n      var nextWeek = moment(dateRange[6]).toDate();\r\n      setDateRange(nextWeek.setDate(nextWeek.getDate()+1));\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const setCurrentDateRange = async() => {\r\n      setDateRange(moment());\r\n      resetAttendance();\r\n      await getAttendance();\r\n    }\r\n\r\n    const emptyArray = arr => arr.length = 0;\r\n\r\n    const getCellClass = (obj) => {\r\n      if(moment(obj.column.label).isSame(moment().clone().startOf('day'), 'd')){\r\n        return 'dateToday';\r\n      }\r\n    };\r\n\r\n    const attend_statuses = ['Present','Late','Early'];\r\n    const changeAttendType = (index, row, date, propName) => {\r\n      let currentStatus = row[propName].status;\r\n      let id = row[propName].id;\r\n      let newStatus = '';\r\n      switch(currentStatus) {\r\n        case 'Select':\r\n          newStatus = 'Present';\r\n          break;\r\n        case 'Present':\r\n          newStatus = 'Late';\r\n          break;\r\n        case 'Late':\r\n          newStatus = 'Absent';\r\n          break;\r\n        case 'Absent':\r\n          newStatus = 'Early';\r\n          break;\r\n        case 'Early':\r\n          newStatus = 'LOA';\r\n          break;\r\n        default:\r\n          newStatus = 'Select';\r\n      }\r\n\r\n      if(id == null ){\r\n        const formData : any = { subject_id : subjectId.value, student_id: row.student_id, attendance_date : date, attendance_status : newStatus };\r\n        ApiService.setHeader();\r\n        ApiService.post(\"attendance\", formData)\r\n            .then((data) => {\r\n                  row[propName].status = newStatus;\r\n                  row[propName].id = data.data.data.id;\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('create attendance error => '+response.data.errors);\r\n            });\r\n      }\r\n      else{\r\n        const formData : any = { attendance_status : newStatus, student_id: row.student_id, subject_id:subjectId.value };\r\n        ApiService.setHeader();\r\n        ApiService.update(\"attendance\", id, formData)\r\n            .then(() => {\r\n                  row[propName].status = newStatus;\r\n            })\r\n            .catch(({ response }) => {\r\n                console.log('update attendance error => '+response.data.errors);\r\n            });\r\n      }\r\n    };\r\n\r\n    const openUpdateModal = (date) =>{\r\n        targetDate.value = date;\r\n        let updateButton = document.getElementById('update_attendance');\r\n        updateButton?.click();\r\n    }\r\n\r\n    const getSemesters = () : any => {\r\n        return new Promise((resolve, reject) => {  \r\n            ApiService.setHeader();\r\n            ApiService.get(\"class/semesters\")\r\n                .then(({ data }) => {\r\n                    let sortedData = data.data.sort(function(a,b) { \r\n                          if(a.id == b.id) return 0;\r\n\r\n                          if (Date.parse(a.start_date!) < Date.parse(b.start_date!))\r\n                              return 1;\r\n                          if (Date.parse(a.start_date!) > Date.parse(b.start_date!))\r\n                              return -1;\r\n                          return 0;\r\n                      });\r\n                    semesters.value = sortedData;\r\n                    resolve(sortedData);\r\n                })\r\n                .catch((error) => {\r\n                    reject(new Error ('getSemesters error => '+error));\r\n                });\r\n        });\r\n    }\r\n\r\n    const updateClasses = async() => {\r\n      await getSubjects().then(async()=>{\r\n          await changeSubject();\r\n      });\r\n    }\r\n\r\n    \r\n    const getAttendanceButtonClass = (row, propName) : string =>{\r\n      if(Object.keys(row).length > 0){\r\n        let status = row[propName].status;\r\n        if(status == \"Present\"){\r\n          return \"bg-light-success text-success\";\r\n        }\r\n        if(status == \"Absent\"){\r\n          return \"bg-light-danger text-danger\";\r\n        }\r\n      }\r\n\r\n      return \"\";\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      getSemesters().then(async (data) => {\r\n        if(data){\r\n          let today = new Date();\r\n          let currentSemester = data.filter(semester => (semester.start_date <= today && semester.end_date >= today));\r\n\r\n          if(currentSemester.length > 0){\r\n            semesterId.value = currentSemester[0].id;\r\n          }\r\n          else{\r\n            semesterId.value = data[0].id;\r\n          }\r\n\r\n          await getSubjects().then(async()=>{\r\n            await setCurrentDateRange();\r\n            await changeSubject();\r\n          });\r\n        }\r\n      });\r\n    });\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Attendance\", [\"Academics\"]);\r\n    });\r\n\r\n    return{\r\n      subjects,\r\n      subjectId,\r\n      attendanceData,\r\n      dateRange,\r\n      changeAttendType,\r\n      getCellClass,      \r\n      setCurrentDateRange,\r\n      setNextWeekDateRange,\r\n      setPrevWeekDateRange,\r\n      attendSearch,\r\n      changeSubject,\r\n      targetDate,\r\n      openUpdateModal,\r\n      students,\r\n      getAttendance,\r\n      classDays,\r\n      semesters,\r\n      semesterId,\r\n      updateClasses,\r\n      moment,\r\n      attend_statuses,\r\n      getAttendanceButtonClass\r\n    }\r\n  },\r\n});\r\n","import { render } from \"./Attendance.vue?vue&type=template&id=33f7fcea&scoped=true\"\nimport script from \"./Attendance.vue?vue&type=script&lang=ts\"\nexport * from \"./Attendance.vue?vue&type=script&lang=ts\"\n\nimport \"./Attendance.vue?vue&type=style&index=0&id=33f7fcea&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-33f7fcea\"\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./UpdateAttendanceModal.vue?vue&type=style&index=1&id=74783bd0&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./UpdateAttendanceModal.vue?vue&type=style&index=0&id=74783bd0&lang=scss&scoped=true\"","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}