+
+
+
+
+
+ Attendance Report
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+ 
+
+ + Advance HR Attendance Dashboard
++ An Advanced Dashboard For Monitoring And Managing The + Employees Attendance Data.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This Module Helps you to View Leaves of Employee Based on Different
+ Leave Types.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ View Leaves of Employee Based on Different Leave Types.
+
+
+ View Leaves of Employee Based on Different Leave Types.
+
+
+
+ Print PDF Report.
+
+
+
+ Print PDF Report.
+
+
+
+ Filter Based on Employee Name.
+
+
+
+
+
+ Filter Based on Employee Name.
+
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Set Leave Code in Time Off Types +
+
+
+ 
+
+
+ + Set Default Present Mark For Present And Default Absent Mark For + Absent From Configuration.
+
+
+ 
+
+
+ + HR Attendance Dashboard filtered by Week.
+
+
+ 
+
+
+ + HR Attendance Dashboard filtered by 15 days. +
+
+
+ 
+
+ + HR Attendance Dashboard filtered by Monthly. +
+
+
+ 
+
+ + HR Attendance Dashboard filtered by Employee. +
+
+
+ 
+
+ + PDF reports +
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
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..1280b0fc0
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/js/attendance_dashboard.js
@@ -0,0 +1,65 @@
+/* @odoo-module */
+const { Component, useState } = owl;
+const { useRef } = owl.hooks;
+import { registry } from "@web/core/registry";
+import rpc from "web.rpc";
+import { useService } from "@web/core/utils/hooks";
+class AttendanceDashboard extends Component {
+ setup() {
+ this.action = useService('action')
+ this.state = useState({
+ filteredDurationDates: [],
+ employeeData: []
+ })
+ this.root = useRef('attendance-dashboard')
+ // Apply the "This Week" filter by default
+ this.onclick_this_filter("this_week")
+ }
+ onChangeFilter(ev) {
+ ev.stopPropagation();
+ this.onclick_this_filter(ev.target.value);
+ }
+ _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' : '';
+ }
+ }
+ _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(filter) {
+ await rpc.query({
+ model: "hr.employee",
+ method: "get_employee_leave_data",
+ args: [filter]
+ }).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..22f2707b2
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/scss/attendance_dashboard.scss
@@ -0,0 +1,12 @@
+.attendance_table{
+ float:left;
+ margin:22px 10px;
+}
+.attendance th , thead , tr , tbody , tfoot{
+ padding:1em;
+ border:1px solid #ccc;
+}
+.table-data{
+ border-left:1px solid;
+ color: grey;
+}
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..0e3ac2f81
--- /dev/null
+++ b/advance_hr_attendance_dashboard/static/src/xml/attendance_dashboard_templates.xml
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ +
HR Attendance Dashboard
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | + Employee Name + | ++ | + Total + | +
|---|---|---|
| + |
+ |
+ + |
Choose Attendance Marks
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+