+
+
+
+
+
+ Leave Report
+
+
+ Absentees Today
+
+
+ Absentees this week
+
+
+ Absentees this month
+
+
+ Absentees this year
+
+
+
+
+
+ | + + Employee ID + + | ++ + Employee Name + + | ++ + Leave Type + + | ++ + Allocated Balance + + | ++ + Taken Leaves + + | ++ + Remaining Balance + + | +
|---|---|---|---|---|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
+
+
+
+
+
+
+
diff --git a/hr_leave_dashboard/static/src/css/hr_leave_dashboard.css b/hr_leave_dashboard/static/src/css/hr_leave_dashboard.css
new file mode 100644
index 000000000..90fe352bc
--- /dev/null
+++ b/hr_leave_dashboard/static/src/css/hr_leave_dashboard.css
@@ -0,0 +1,91 @@
+td.fc-day.fc-widget-content.fc-public-holiday{
+ background-color:red !important;
+}
+
+td.fc-day.fc-day-sat{
+ background-color:red !important;
+}
+td.fc-day.fc-day-sun{
+ background-color:red !important;
+}
+.holidaay{
+display :none !important;
+}
+.o_timeoff_duration{
+ margin-top:12px !important;
+}
+.employee_details{
+ font-size:12px !important;
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+.o_timeoff_card:not(:last-child) {
+ font-size: 12px !important;
+ padding: 12px !important;
+ position:relative;
+}
+.o_timeoff_card .o_timeoff_duration{
+ margin-bottom:12px !important;
+}
+.o_treeEntry:before, .o_treeEntry:after{
+ background: #7a539e !important;
+}
+.duration{
+ width: 190px;
+ float: left;
+ margin: 1px 2px 0px 10px;
+ height: 29px;
+ padding: 5px;
+ margin-bottom: 21px;
+}
+.time_off_dashboard_table tr th{
+ background-color: #eaeef3 !important;
+ font-size: 11px;
+}
+.employee_image{
+ border-radius: 50%;
+ width: 50px;
+ height: 50px;
+ overflow: hidden;
+ position: relative;
+}
+.employee_name{
+ font-size: 16px !important;
+ width: 165px;
+ /* position: absolute; */
+ right:62px;
+ top:24px;
+}
+.employee_box{
+ display:flex;
+ justify-content:center;
+ align-items:center;
+}
+.divider-box{
+float: left;
+ margin-bottom: 12px;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.box-content{
+width: 100%;
+ margin-right: 2px;
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 80px;
+ margin-top: 0px;
+ border: 1px solid #cebce1;
+ background-color: #eaedf3;
+ color: #573674;
+}
+.divide-leave{
+padding:10px;
+border: 1px solid #cebce1;
+background-color: #eaedf3;
+color: #573674;
+margin-top:10px;
+}
diff --git a/hr_leave_dashboard/static/src/js/calendar_model.js b/hr_leave_dashboard/static/src/js/calendar_model.js
new file mode 100644
index 000000000..c96aab05b
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/calendar_model.js
@@ -0,0 +1,31 @@
+/** @odoo-module */
+import { TimeOffCalendarModel } from '@hr_holidays/views/calendar/calendar_model';
+import { serializeDate } from "@web/core/l10n/dates";
+import { patch } from "@web/core/utils/patch";
+//The patch function to modify the TimeOffCalendarModel prototype by adding or
+//modifying several methods and properties: setup, updateData,
+//fetchPublicHolidays, and a getter for publicHolidays.
+patch(TimeOffCalendarModel.prototype,{
+ setup(params, services) {
+ super.setup(params, services);
+ this.data.publicHolidays = {};
+ if (this.env.isSmall) {
+ this.meta.scale = 'month';
+ }
+ },
+ async updateData(data) {
+ await super.updateData(data);
+ data.publicHolidays = await this.fetchPublicHolidays(data);
+ },
+ // Fetches public holidays in a year
+ async fetchPublicHolidays(data) {
+ return this.orm.call("hr.employee", "get_public_holidays", [
+ this.employeeId,
+ serializeDate(data.range.start, "datetime"),
+ serializeDate(data.range.end, "datetime"),
+ ]);
+ },
+ get publicHolidays() {
+ return this.data.publicHolidays;
+ }
+});
diff --git a/hr_leave_dashboard/static/src/js/calendar_year_renderer.js b/hr_leave_dashboard/static/src/js/calendar_year_renderer.js
new file mode 100644
index 000000000..56add69d3
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/calendar_year_renderer.js
@@ -0,0 +1,15 @@
+/** @odoo-module */
+import { patch } from "@web/core/utils/patch";
+import { TimeOffCalendarYearRenderer } from "@hr_holidays/views/calendar/year/calendar_year_renderer";
+import { usePublicHolidays } from "@hr_leave_dashboard/js/hooks";
+
+patch(TimeOffCalendarYearRenderer.prototype, {
+ setup() {
+ super.setup();
+ this.publicHolidays = usePublicHolidays(this.props);
+ },
+ onDayRender(info) {
+ super.onDayRender(info);
+ this.publicHolidays(info);
+ }
+});
diff --git a/hr_leave_dashboard/static/src/js/emp_org_chart.js b/hr_leave_dashboard/static/src/js/emp_org_chart.js
new file mode 100644
index 000000000..d23291de9
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/emp_org_chart.js
@@ -0,0 +1,112 @@
+/** @odoo-module */
+import { useService } from "@web/core/utils/hooks";
+import { usePopover } from "@web/core/popover/popover_hook";
+import { onEmployeeSubRedirect } from "@hr_org_chart/fields/hooks"
+const { Component, onWillStart, onWillRender, useState } = owl;
+import { session } from "@web/session";
+import { registry } from "@web/core/registry";
+import { user } from "@web/core/user";
+import { rpc } from "@web/core/network/rpc";
+
+
+//Class TimeOffEmpOrgChartPopover that extends
+//the Component class. It is a custom component used for handling
+//popovers in an employee organization chart.
+class TimeOffEmpOrgChartPopover extends Component {
+ setup() {
+ super.setup();
+ this.rpc = rpc;
+ this.orm = useService('orm');
+ this.user = user
+ this.actionService = useService("action");
+ }
+ /**
+ * Redirect to the employee form view.
+ *
+ * @private
+ * @param {MouseEvent} event
+ * @returns {Promise} action loaded
+ */
+ async _onEmployeeRedirect(employeeId) {
+ const action = await this.orm.call('hr.employee', 'get_formview_action', [employeeId]);
+ this.actionService.doAction(action);
+ }
+}
+TimeOffEmpOrgChartPopover.template = 'hr_leave_dashboard.hr_orgchart_emp_popover';
+//Exports a class TimeOffEmpOrgChart that extends the Component class.
+//It is a custom component used for displaying an employee organization chart.
+export class TimeOffEmpOrgChart extends Component {
+ async setup() {
+ super.setup();
+ this.rpc = rpc;
+ this.orm = useService('orm');
+ this.popover = usePopover(TimeOffEmpOrgChartPopover);
+ this.actionService = useService("action");
+ this.jsonStringify = JSON.stringify;
+ this.state = useState({'employee_id': null});
+ this._onEmployeeSubRedirect = onEmployeeSubRedirect();
+ onWillStart(this.handleComponentUpdate.bind(this));
+ onWillRender(this.handleComponentUpdate.bind(this));
+ }
+ /**
+ * Called on start and on render
+ */
+ async handleComponentUpdate() {
+ this.employee = this.props.id;
+ // The widget is either displayed in the context of a hr.employee form or a res.users form
+ this.state.employee_id = this.props;
+ const forceReload = this.lastRecord !== this.props.record;
+ this.lastRecord = this.props.record;
+ await this.fetchEmployeeData(this.state.employee_id, forceReload);
+ }
+ async fetchEmployeeData(employeeId, force = false) {
+ employeeId = this.props.id
+ if (!employeeId) {
+ this.managers = [];
+ this.children = [];
+ if (this.view_employee_id) {
+ this.render(true);
+ }
+ this.view_employee_id = null;
+ } else if (employeeId !== this.view_employee_id || force) {
+ this.view_employee_id = employeeId;
+ var orgData = await this.rpc(
+ '/hr/get_org_chart',
+ {
+ employee_id: employeeId,
+ context: session.user_context,
+ }
+ );
+ if (Object.keys(orgData).length === 0) {
+ orgData = {
+ managers: [],
+ children: [],
+ }
+ }
+ this.managers = orgData.managers;
+
+ this.children = orgData.children;
+ this.managers_more = orgData.managers_more;
+ this.self = orgData.self;
+ this.render(true);
+ }
+ }
+
+ _onOpenPopover(event, employee) {
+ this.popover.open(event.currentTarget, { employee });
+ }
+ async _onEmployeeRedirect(employeeId) {
+ const action = await this.orm.call('hr.employee', 'get_formview_action', [employeeId]);
+ this.actionService.doAction(action);
+ }
+
+ async _onEmployeeMoreManager(managerId) {
+ await this.fetchEmployeeData(managerId);
+ this.state.employee_id = managerId;
+ }
+}
+TimeOffEmpOrgChart.template = 'hr_leave_dashboard.hr_org_chart';
+
+TimeOffEmpOrgChart.components = {
+ Popover: TimeOffEmpOrgChartPopover,
+};
diff --git a/hr_leave_dashboard/static/src/js/hooks.js b/hr_leave_dashboard/static/src/js/hooks.js
new file mode 100644
index 000000000..467497c04
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/hooks.js
@@ -0,0 +1,23 @@
+/** @odoo-module */
+//Exports a custom hook usePublicHolidays that takes in props as a parameter.
+//This hook is likely intended to be used in a calendar component to mark public holidays.
+/** @odoo-module **/
+import { useService } from "@web/core/utils/hooks";
+
+/**
+ * Redirect to the sub employee kanban view.
+ *
+ * @private
+ * @param {MouseEvent} event
+ * @returns {Promise} action loaded
+ *
+ */
+export function usePublicHolidays(props) {
+ return (info) => {
+ const date = luxon.DateTime.fromJSDate(info.date).toISODate();
+ const publicHolidays = props.model.publicHolidays[date];
+ if (publicHolidays) {
+ info.el.classList.add('fc-public-holiday');
+ }
+ }
+}
diff --git a/hr_leave_dashboard/static/src/js/time_off_emp_card.js b/hr_leave_dashboard/static/src/js/time_off_emp_card.js
new file mode 100644
index 000000000..0eabed9bb
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/time_off_emp_card.js
@@ -0,0 +1,65 @@
+/* @odoo-module */
+import { useService } from "@web/core/utils/hooks";
+import { user } from "@web/core/user";
+import { rpc } from "@web/core/network/rpc";
+import { Component, onWillStart, useState } from "@odoo/owl";
+export class TimeOffEmpCard extends Component {}
+TimeOffEmpCard.template = 'hr_leave_dashboard.TimeOffEmpCard';
+TimeOffEmpCard.props = ['name', 'id', 'department_id', 'job_position',
+'children', 'image_1920', 'work_email', 'work_phone', 'company', 'resource_calendar_id'];
+//Exports a class TimeOffEmpOrgChart that extends the Component class.
+//It is a custom component used for managing an employee organization
+//chart in the context of time off and holidays.
+export class TimeOffEmpOrgChart extends Component {
+ setup() {
+ super.setup();
+ this.props;
+ this.userService = user;
+ onWillStart(async () => {
+ this.manager = await this.userService.hasGroup("hr_holidays.group_hr_holidays_manager");
+ });
+
+ }
+}
+TimeOffEmpOrgChart.template = 'hr_leave_dashboard.hr_org_chart';
+TimeOffEmpOrgChart.props = ['name', 'id', 'department_id', 'job_position', 'children'];
+export class EmpDepartmentCard extends Component {}
+EmpDepartmentCard.template = 'hr_leave_dashboard.EmpDepartmentCard';
+EmpDepartmentCard.props = ['name', 'id', 'department_id', 'child_all_count',
+'children', 'absentees', 'current_shift', 'upcoming_holidays'];
+//Exports a class ApprovalStatusCard that extends the Component class.
+//It is a custom component used for managing the approval status of
+//a card, possibly related to HR leave requests.
+export class ApprovalStatusCard extends Component {
+ setup() {
+ super.setup();
+ this.userService = user;
+ this.state = useState({
+ select : 'today'
+ })
+ this.props;
+ this.rpc = rpc;
+ this.actionService = useService("action");
+ onWillStart(async () => {
+ await this.userService.hasGroup('hr_holidays.group_hr_holidays_manager').then(hasGroup => {
+ this.manager = hasGroup;
+ })
+ });
+ }
+ async printPdfReport() {
+ const duration = this.state.select
+ return this.actionService.doAction({
+ type: "ir.actions.report",
+ report_type: "qweb-pdf",
+ report_name: "hr_leave_dashboard.hr_leave_report",
+ report_file: "hr_leave_dashboard.hr_leave_report",
+ data: {
+ 'duration': duration,
+ 'all_validated_leaves': this.props.all_validated_leaves,
+ }
+ });
+ }
+}
+ApprovalStatusCard.template = 'hr_leave_dashboard.ApprovalStatusCard';
+ApprovalStatusCard.props = ['id','name','approval_status_count','child_ids',
+'children', 'all_validated_leaves'];
diff --git a/hr_leave_dashboard/static/src/js/time_off_emp_dashboard.js b/hr_leave_dashboard/static/src/js/time_off_emp_dashboard.js
new file mode 100644
index 000000000..862cd9961
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/time_off_emp_dashboard.js
@@ -0,0 +1,102 @@
+/** @odoo-module */
+import { patch } from "@web/core/utils/patch";
+import { TimeOffDashboard } from '@hr_holidays/dashboard/time_off_dashboard';
+import { user } from "@web/core/user";
+import { TimeOffCard } from '@hr_holidays/dashboard/time_off_card';
+import { TimeOffEmpCard } from './time_off_emp_card';
+import { TimeOffEmpOrgChart } from './emp_org_chart';
+import { EmpDepartmentCard } from './time_off_emp_card';
+import { ApprovalStatusCard } from './time_off_emp_card';
+import { Component, onWillStart, useState } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+
+//The code is a patch that modifies the loadDashboardData method of the TimeOffDashboard class.
+patch(TimeOffDashboard.prototype,{
+
+ setup() {
+ super.setup();
+ this.userService = user;
+ this.currentEmployee = useState({
+ data: {}
+ })
+ this.currentAbsentees = useState({
+ data: {}
+ })
+ this.currentShift = useState({
+ data: {}
+ })
+ this.upcoming_holidays = useState({
+ data: {}
+ })
+
+ onWillStart(async() => {
+ await this.userService.hasGroup('hr_holidays.group_hr_holidays_manager').then(hasGroup => {
+ this.manager = hasGroup;
+ })
+ this.currentEmployee.data = await this.orm.call(
+ 'hr.leave',
+ 'get_current_employee',
+ [],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ this.currentAbsentees.data = await this.orm.call(
+ 'hr.leave',
+ 'get_absentees',
+ [],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ this.currentShift.data = await this.orm.call(
+ 'hr.leave',
+ 'get_current_shift',
+ [],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ this.upcoming_holidays.data = await this.orm.call(
+ 'hr.leave',
+ 'get_upcoming_holidays',
+ [],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ this.approval_status_count = await this.orm.call(
+ 'hr.leave',
+ 'get_approval_status_count',
+ [this.currentEmployee.data.id],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ this.all_validated_leaves = await this.orm.call(
+ 'hr.leave',
+ 'get_all_validated_leaves',
+ [],
+ {
+ context: {
+ employee_id: this.props.employeeId
+ }
+ }
+ );
+ if (this.props.employeeId == null) {
+ this.props.employeeId = this.currentEmployee.data.id;
+ }
+ })
+ },
+});
+TimeOffDashboard.components = { ...TimeOffDashboard.components, TimeOffCard, TimeOffEmpCard ,TimeOffEmpOrgChart, EmpDepartmentCard, ApprovalStatusCard};
diff --git a/hr_leave_dashboard/static/src/scss/calendar_renderer.scss b/hr_leave_dashboard/static/src/scss/calendar_renderer.scss
new file mode 100644
index 000000000..50a78e3da
--- /dev/null
+++ b/hr_leave_dashboard/static/src/scss/calendar_renderer.scss
@@ -0,0 +1,16 @@
+.o_timeoff_calendar {
+ .o_calendar_renderer {
+ height: unset;
+ .o_calendar_widget {
+ @for $size from 1 through length($o-colors) {
+ .hr_public_holiday_#{$size - 1}:not(.fc-disabled-day) {
+ background: nth($o-colors, $size) !important;
+ opacity: 0.4;
+ }
+ }
+ }
+ .fc-bgevent {
+ border-radius: 25px;
+ }
+ }
+}
diff --git a/hr_leave_dashboard/static/src/scss/time_off_dashboard.scss b/hr_leave_dashboard/static/src/scss/time_off_dashboard.scss
new file mode 100644
index 000000000..070f58ccb
--- /dev/null
+++ b/hr_leave_dashboard/static/src/scss/time_off_dashboard.scss
@@ -0,0 +1,11 @@
+.o_timeoff_dashboard {
+ display: flex;
+ justify-content: space-between;
+ height: auto;
+ box-shadow: inset 0 -1px 0 $border-color;
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ background-color: $o-webclient-background-color;
+}
+
diff --git a/hr_leave_dashboard/static/src/xml/approval_status_card_templates.xml b/hr_leave_dashboard/static/src/xml/approval_status_card_templates.xml
new file mode 100644
index 000000000..108a71e27
--- /dev/null
+++ b/hr_leave_dashboard/static/src/xml/approval_status_card_templates.xml
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This Module Helps You to View Your and Your + Subordinate's Details. +
++ Hr Leave Dashboard +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + View your and your subordinate's details and + approval status of your all employees.. +
+
+
+
+
+
+
+
+
+ + Print hr leave report on basis of today, + this week, this month and this year in pdf + format.
+
+
+
+
+
+
+
+
+
+ Hr Leave Dashboard
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + HR Leave + + Dashboard +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Select The + Filter +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + HR Leave PDF + Report +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + View your and your subordinate's + details and approval status of + your all employees. +
+
+
+
+
+
+
+
+
+
+ + Print hr leave report on basis + of today, this week, this month + and this year in pdf format.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + The HR Leave Dashboard module provides a centralized dashboard for managing employee leave requests and balances. It allows HR managers and employees to easily view leave statuses, track leave allocations, and monitor remaining leave days. +
+
+
+
+
+
+
+ + Yes, employees can submit leave requests directly from the dashboard. They can select the leave type, specify the dates, and add any necessary comments. Once submitted, requests go to the manager for approval. +
+
+
+
+
+
+ + Yes, the dashboard shows each employee’s leave balance, including total allocated days, used days, and remaining days. This helps employees and managers keep track of available leave and plan accordingly. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 13th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+
+
+
+
+ Approved
+
+
+
+ To Approve
+
+
+
+ Refused
+
+
+
+
+
+
+
+
+
+
+ | Name | +Approved | +To Approve | +Refused | +
|---|---|---|---|
+
+
+
+
+ Current Shift:
+
+
+
+
+
+ Upcoming Holidays
+
+
+
+ (
+
+
+
+
+ On Leave
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No hierarchy position.
+This employee has no manager or subordinate.
+In order to get an organigram, set a manager and save the record.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ See All
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ Job Position:
+
+
+
+
+ Working Hours:
+
+
+
+
+ EMAIL:
+
+
+
+
+ PHONE:
+
+
+
+
+ Department:
+
+
+
+
+ Company:
+
+