+
+
+
+
+
+ Attendance Report
+
+
+
+
+
+
+
+
diff --git a/advance_hr_attendance_dashboard/static/src/js/attendance_dashboard.js b/advance_hr_attendance_dashboard/static/src/js/attendance_dashboard.js
new file mode 100644
index 000000000..5d5021033
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/js/attendance_dashboard.js
@@ -0,0 +1,68 @@
+/* @odoo-module */
+import { Component, useState, useRef } from "@odoo/owl";
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+class AttendanceDashboard extends Component{
+ setup(){
+ this.action = useService('action')
+ this.state = useState({
+ filteredDurationDates : [],
+ employeeData : []
+ })
+ this.orm = useService("orm");
+ this.root = useRef('attendance-dashboard')
+ }
+ /**
+ * Event handler for the 'change' event of the filter input element.
+ * It triggers the onclick_this_filter method with the new filter value.
+ * @param {Event} ev - The change event object.
+ */
+ onChangeFilter(ev){
+ ev.stopPropagation();
+ this.onclick_this_filter(ev.target.value);
+ }
+ //on clicking search button, employees will be filtered
+ _OnClickSearchEmployee(ev){
+ let searchbar = this.root.el.querySelector('#search-bar').value?.toLowerCase()
+ var attendance_table_rows = this.root.el.querySelector('#attendance_table_nm').children[1]
+ for (let tableData of attendance_table_rows.children){
+ tableData.style.display = (!tableData.children[0].getAttribute("data-name").toLowerCase().includes(searchbar)) ? 'none':'';
+ }
+ }
+ //on clicking Print PDF button, report will be printed
+ _OnClickPdfReport(ev){
+ const table = this.root.el.querySelector('#attendance_table_nm')
+ let tHead = table.children[0].innerHTML
+ let tBody = table.children[1].innerHTML
+ return this.action.doAction({
+ type: 'ir.actions.report',
+ report_type: 'qweb-pdf',
+ report_name: 'advance_hr_attendance_dashboard.report_hr_attendance',
+ report_file: 'advance_hr_attendance_dashboard.report_hr_attendance',
+ data: {'tHead':tHead, 'tBody': tBody}
+});
+ }
+ async onclick_this_filter(ev) {
+ await this.orm.call(
+ "hr.employee",
+ "get_employee_leave_data",
+ [ev]
+ ).then((result) =>{
+ this.result = result
+ this.state.filteredDurationDates = result.filtered_duration_dates
+ this.state.employeeData = result.employee_data
+ });
+ }
+ formatDate(inputDate) {
+ const months = [
+ 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN',
+ 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' ];
+ const parts = inputDate.split('-');
+ const day = parts[2];
+ const month = months[parseInt(parts[1], 10) - 1];
+ const year = parts[0];
+ return `${day}-${month}-${year}`;
+}
+}
+AttendanceDashboard.template = 'AttendanceDashboard';
+registry.category("actions").add("attendance_dashboard", AttendanceDashboard);
diff --git a/advance_hr_attendance_dashboard/static/src/scss/attendance_dashboard.scss b/advance_hr_attendance_dashboard/static/src/scss/attendance_dashboard.scss
new file mode 100644
index 000000000..71ddef906
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/scss/attendance_dashboard.scss
@@ -0,0 +1,14 @@
+.attendance_table{
+ float:left;
+ margin:22px 10px;
+}
+.attendance th , thead , tr , tbody , tfoot{
+ padding:1em;
+ border:1px solid #ccc;
+}
+.table-data{
+ background: #ffffff;
+ border-width: 0px 1px 0px 1px !important;
+ border-color: #bfb7b7;
+ border-style: solid;
+}
diff --git a/advance_hr_attendance_dashboard/static/src/xml/attendance_dashboard_templates.xml b/advance_hr_attendance_dashboard/static/src/xml/attendance_dashboard_templates.xml
new file mode 100644
index 000000000..8215d861c
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/xml/attendance_dashboard_templates.xml
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + An Advanced Dashboard For Monitoring And + Managing The Employees Attendance Data. +
+Advance HR Attendance Dashboard +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Heighlights
+
+
+
+
+
+ 
+
+
+ + View Leaves of Employee Based on Different + Leave Types. +
+
+
+
+
+
+
+
+
+ + + Filter Based on Employee Name. +
+
+
+
+
+
+
+
+
+ + + Print PDF Report. +
+
+
+
+
+
+
+
+
+ + + Compatible with Community, Enterprise, and + Odoo.sh. +
+
+
+
+
+
+
+
+
+
+ Advance HR Attendance Dashboard
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Set Leave Code in Time Off Types + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + +Set Default Present Mark For Present And Default Absent Mark For Absent From Configuration. + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + HR Attendance Dashboard + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Print PDF Report. + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + PDF Report View. + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Search Bar. + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Interactive User Interface.
+
+
+
+
+
+
+
+
+
+ + HR Attendance Dashboard Provides Better Leave Analysis
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 26th September, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+
+
+
+
+
+
+
+
+ Related Modules
+
+
+
+ 
+
+
+
+
+ 
+ 
+
+
+
+
+
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+ HR Attendance Dashboard
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Employee Name | ++ | Total | + + +
|---|---|---|
| + |
+ |
+ + |
+
+ Choose Attendance Marks
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+