+
+
+
+
+
+ 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 + + | +
|---|---|---|---|---|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+ 
+
+
+ + Hr Leave Dashboard
++ This Module Helps You View Your and Your Subordinate's Details. +
+
+
+
+ x
+
+
+ 
+
+
+ + Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview
+
+
+
+
+
+ This module helps you view your and your subordinate's details and approval status of your all employees. With this module, you can print hr leave report on basis of today, this week, this month and this year in pdf format.
+
+
+
+
+ 
+
+
+ + Features
+
+
+
+
+
+
+
+ 
+ Hr Leave Dashboard.
+
+
+ Hr Leave Dashboard.
+
+
+
+
+ HR Leave PDF Report.
+
+
+ HR Leave PDF Report.
+
+
+
+ 
+
+
+ + Screenshots
+
+
+
+
+
+
+
+ 
+
+ + HR Leave Dashboard
+
+
+ 
+
+ + HR Leave PDF Report
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+ 
+
+
+ + 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/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..83272a579
--- /dev/null
+++ b/hr_leave_dashboard/static/src/css/hr_leave_dashboard.css
@@ -0,0 +1,89 @@
+td.fc-day.fc-widget-content.fc-public-holiday{
+ background-color:red !important;
+}
+td.fc-day.fc-widget-content.fc-sat{
+ background-color:red !important;
+}
+td.fc-day.fc-widget-content.fc-sun{
+ background-color:red !important;
+}
+.o_timeoff_duration{
+ margin-top:12px !important;
+ font-size: 30px;
+ font-weight: bold;
+}
+.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/time_off_emp_dashboard.js b/hr_leave_dashboard/static/src/js/time_off_emp_dashboard.js
new file mode 100644
index 000000000..0ff69dc6f
--- /dev/null
+++ b/hr_leave_dashboard/static/src/js/time_off_emp_dashboard.js
@@ -0,0 +1,435 @@
+odoo.define('hr_leave_dashboard.TimeOffDashboard', function(require) {
+ 'use strict';
+
+ var core = require('web.core');
+ const config = require('web.config');
+
+ var CalendarRenderer = require("web.CalendarRenderer");
+ var CalendarPopover = require("web.CalendarPopover")
+ var CalendarController = require("web.CalendarController");
+ var CalendarModel = require("web.CalendarModel");
+ var viewRegistry = require('web.view_registry');
+
+ var CalendarView = require("web.CalendarView");
+ var QWeb = core.qweb;
+ var _t = core._t;
+ var session = require('web.session');
+
+// Extending the calendar view to add the details to the dashboard.
+ var TimeOffCalendarController = CalendarController.extend({
+ events: _.extend({}, CalendarController.prototype.events, {
+ 'click .btn-time-off': '_onNewTimeOff',
+ 'click .btn-allocation': '_onNewAllocation',
+ 'click .print-pdf-report': 'printPdfReport',
+ }),
+
+ /**
+ * @override
+ */
+ start: function () {
+ this.$el.addClass('o_timeoff_calendar');
+ return this._super(...arguments);
+ },
+
+ //--------------------------------------------------------------------------
+ // Public
+ //--------------------------------------------------------------------------
+
+ /**
+ * Render the buttons and add new button about
+ * time off and allocations request
+ *
+ * @override
+ */
+
+ renderButtons: function ($node) {
+ this._super.apply(this, arguments);
+
+ $(QWeb.render('hr_holidays.dashboard.calendar.button', {
+ time_off: _t('New Time Off'),
+ request: _t('Allocation Request'),
+ })).appendTo(this.$buttons);
+
+ if ($node) {
+ this.$buttons.appendTo($node);
+ } else {
+ this.$('.o_calendar_buttons').replaceWith(this.$buttons);
+ }
+ },
+
+ //--------------------------------------------------------------------------
+ // Handlers
+ //--------------------------------------------------------------------------
+
+ _getNewTimeOffContext: function() {
+ const { date_from, date_to } = this.model._getTimeOffDates(moment());
+ return {
+ 'default_date_from': date_from,
+ 'default_date_to': date_to,
+ 'lang': this.context.lang
+ }
+ },
+
+ /**
+ * Action: create a new time off request
+ *
+ * @private
+ */
+ _onNewTimeOff: function () {
+ this._rpc({
+ model: 'ir.ui.view',
+ method: 'get_view_id',
+ args: ['hr_holidays.hr_leave_view_form_dashboard_new_time_off'],
+ }).then((ids) => {
+ this.timeOffDialog = new dialogs.FormViewDialog(this, {
+ res_model: "hr.leave",
+ view_id: ids,
+ context: this._getNewTimeOffContext(),
+ title: _t("New time off"),
+ disable_multiple_selection: true,
+ on_saved: () => {
+ this.reload();
+ },
+ });
+ this.timeOffDialog.open();
+ });
+ },
+
+ /**
+ * Action: create a new allocation request
+ *
+ * @private
+ */
+ _onNewAllocation: function () {
+ let self = this;
+
+ self._rpc({
+ model: 'ir.ui.view',
+ method: 'get_view_id',
+ args: ['hr_holidays.hr_leave_allocation_view_form_dashboard'],
+ }).then(function(ids) {
+ self.allocationDialog = new dialogs.FormViewDialog(self, {
+ res_model: "hr.leave.allocation",
+ view_id: ids,
+ context: {
+ 'default_state': 'confirm',
+ 'lang': self.context.lang,
+ },
+ title: _t("New Allocation"),
+ disable_multiple_selection: true,
+ on_saved: function() {
+ self.reload();
+ },
+ });
+ self.allocationDialog.open();
+ });
+ },
+// Action to print the pdf report of the timeoff.
+ printPdfReport: function () {
+ const duration = $(this.el.querySelectorAll("#duration")).val();
+ var self = this
+ this._rpc({
+ model: 'hr.leave',
+ method: 'get_all_validated_leaves',
+ args: [
+
+ ],
+ }).then(function(data) {
+ var action = {
+ 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': data,
+ }
+ }
+ return self.do_action(action)
+ })
+ },
+
+ /**
+ * @override
+ */
+ _setEventTitle: function () {
+ return _t('Time Off Request');
+ },
+ });
+
+
+ var TimeOffCalendarPopover = CalendarPopover.extend({
+ template: 'hr_holidays.calendar.popover',
+
+ init: function (parent, eventInfo) {
+ this._super.apply(this, arguments);
+ const state = this.event.extendedProps.record.state;
+ this.canDelete = state && ['validate', 'refuse'].indexOf(state) === -1;
+ this.canEdit = state !== undefined;
+ this.displayFields = [];
+
+ if (this.modelName === "hr.leave.report.calendar") {
+ const duration = this.event.extendedProps.record.display_name.split(':').slice(-1);
+ this.display_name = _.str.sprintf(_t("Time Off : %s"), duration);
+ } else {
+ this.display_name = this.event.extendedProps.record.display_name;
+ }
+ },
+ });
+
+ var TimeOffPopoverRenderer = CalendarRenderer.extend({
+ template: "TimeOff.CalendarView.extend",
+ /**
+ * We're overriding this to display the weeknumbers on the year view
+ *
+ * @override
+ * @private
+ */
+ _getFullCalendarOptions: function () {
+ const oldOptions = this._super(...arguments);
+ // Parameters
+ oldOptions.views.dayGridYear.weekNumbers = true;
+ oldOptions.views.dayGridYear.weekNumbersWithinDays = false;
+ return oldOptions;
+ },
+
+ config: _.extend({}, CalendarRenderer.prototype.config, {
+ CalendarPopover: TimeOffCalendarPopover,
+ }),
+
+ _getPopoverParams: function (eventData) {
+ let params = this._super.apply(this, arguments);
+ let calendarIcon;
+ let state = eventData.extendedProps.record.state;
+
+ if (state === 'validate') {
+ calendarIcon = 'fa-calendar-check-o';
+ } else if (state === 'refuse') {
+ calendarIcon = 'fa-calendar-times-o';
+ } else if(state) {
+ calendarIcon = 'fa-calendar-o';
+ }
+
+ params['title'] = eventData.extendedProps.record.display_name.split(':').slice(0, -1).join(':');
+ params['template'] = QWeb.render('hr_holidays.calendar.popover.placeholder', {color: this.getColor(eventData.color_index), calendarIcon: calendarIcon});
+ return params;
+ },
+
+ _render: function () {
+ var self = this;
+ return this._super.apply(this, arguments).then(function () {
+ self.$el.parent().find('.o_calendar_mini').hide();
+ });
+ },
+ /**
+ * @override
+ * @private
+ */
+ _renderCalendar: function() {
+ this._super.apply(this, arguments);
+ let weekNumbers = this.$el.find('.fc-week-number');
+ weekNumbers.each( function() {
+ let weekRow = this.parentNode;
+ // By default, each month has 6 weeks displayed, hide the week number if there is no days for the week
+ if(!weekRow.children[1].classList.length && !weekRow.children[weekRow.children.length-1].classList.length) {
+ this.innerHTML = '';
+ }
+ });
+ },
+ });
+
+ var TimeOffCalendarRenderer = TimeOffPopoverRenderer.extend({
+ _render: function () {
+ var self = this;
+ return this._super.apply(this, arguments).then(function () {
+ return self._rpc({
+ model: 'hr.leave.type',
+ method: 'get_days_all_request',
+ context: self.state.context,
+ });
+ }).then(function (result) {
+ self._rpc({
+ model: 'hr.leave',
+ method: 'get_current_employee',
+ }).then(function (res) {
+ self.$el.parent().find('.o_calendar_mini').hide();
+ self.$el.parent().find('.o_timeoff_container').remove();
+ self._rpc({
+ route: '/hr/get_org_chart',
+ params: {
+ employee_id: res.id,
+ context: session.user_context,
+ },
+ })
+ .then(function (data) {
+ if (result.length > 0) {
+ if (config.device.isMobile) {
+ result.forEach((data) => {
+ const elem = QWeb.render('hr_holidays.dashboard_calendar_header_mobile', {
+ timeoff: data,
+ });
+ self.$el.find('.o_calendar_filter_item[data-value=' + data[3] + '] .o_cw_filter_title').append(elem);
+ });
+ } else {
+ const elem = QWeb.render('hr_holidays.dashboard_calendar_header', {
+ timeoffs: result,
+ employee: res,
+ employee_org: data,
+ });
+ self.$el.before(elem);
+ }
+ }
+ $('[data-toggle="popover"]').each(function () {
+ $(this).popover({
+ html: true,
+ title: function () {
+ var $title = $(QWeb.render('hr_orgchart_emp_popover_title', {
+ employee: {
+ name: $(this).data('emp-name'),
+ id: $(this).data('emp-id'),
+ },
+ }));
+ $title.on('click',
+ '.o_employee_redirect', _.bind(self._onEmployeeRedirect, self));
+ return $title;
+ },
+ container: this,
+ placement: 'left',
+ trigger: 'focus',
+ content: function () {
+ var $content = $(QWeb.render('hr_orgchart_emp_popover_content', {
+ employee: {
+ id: $(this).data('emp-id'),
+ name: $(this).data('emp-name'),
+ direct_sub_count: parseInt($(this).data('emp-dir-subs')),
+ indirect_sub_count: parseInt($(this).data('emp-ind-subs')),
+ },
+ }));
+ $content.on('click',
+ '.o_employee_sub_redirect', _.bind(self._onEmployeeSubRedirect, self));
+ return $content;
+ },
+ template: QWeb.render('hr_orgchart_emp_popover', {}),
+ });
+ });
+ });
+ })
+ });
+ },
+// Function to redirect toi the employee form view.
+ _onEmployeeRedirect: function (event) {
+ var self = this;
+ event.preventDefault();
+ var employee_id = parseInt($(event.currentTarget).data('employee-id'));
+ return this._rpc({
+ model: 'hr.employee',
+ method: 'get_formview_action',
+ args: [employee_id],
+ }).then(function(action) {
+ return self.do_action(action);
+ });
+ },
+// Function to redirect to the sub employee's form view
+ _onEmployeeSubRedirect: function (event) {
+ event.preventDefault();
+ var employee_id = parseInt($(event.currentTarget).data('employee-id'));
+ var employee_name = $(event.currentTarget).data('employee-name');
+ var type = $(event.currentTarget).data('type') || 'direct';
+ var self = this;
+ if (employee_id) {
+ this._getSubordinatesData(employee_id, type).then(function(data) {
+ var domain = [['id', 'in', data]];
+ return self._rpc({
+ model: 'hr.employee',
+ method: 'get_formview_action',
+ args: [employee_id],
+ }).then(function(action) {
+ action = _.extend(action, {
+ 'name': _t('Team'),
+ 'view_mode': 'kanban,list,form',
+ 'views': [[false, 'kanban'], [false, 'list'], [false, 'form']],
+ 'domain': domain,
+ 'context': {
+ 'default_parent_id': employee_id,
+ }
+ });
+ delete action['res_id'];
+ return self.do_action(action);
+ });
+ });
+ }
+ },
+// Function to get the details of sub employees.
+ _getSubordinatesData: function (employee_id, type) {
+ return this._rpc({
+ route: '/hr/get_subordinates',
+ params: {
+ employee_id: employee_id,
+ subordinates_type: type,
+ context: session.user_context,
+ },
+ });
+ },
+
+ });
+
+ const TimeOffCalendarModel = CalendarModel.extend({
+ calendarEventToRecord(event) {
+ const res = this._super(...arguments);
+ if (['day', 'week'].includes(this.data.scale)) {
+ const { date_from, date_to } = this._getTimeOffDates(event.start.clone());
+
+ res['date_from'] = date_from;
+ res['date_to'] = date_to;
+ }
+
+ return res;
+ },
+
+ _getTimeOffDates(date_from) {
+ date_from.set({
+ 'hour': 0,
+ 'minute': 0,
+ 'second': 0
+ });
+ let date_to = date_from.clone().set({
+ 'hour': 23,
+ 'minute': 59,
+ 'second': 59
+ });
+
+ date_from.subtract(this.getSession().getTZOffset(date_from), 'minutes');
+ date_from = date_from.locale('en').format('YYYY-MM-DD HH:mm:ss');
+ date_to.subtract(this.getSession().getTZOffset(date_to), 'minutes');
+ date_to = date_to.locale('en').format('YYYY-MM-DD HH:mm:ss');
+
+ return {
+ date_from,
+ date_to,
+ }
+ },
+ });
+
+ var TimeOffCalendarView = CalendarView.extend({
+ config: _.extend({}, CalendarView.prototype.config, {
+ Controller: TimeOffCalendarController,
+ Renderer: TimeOffCalendarRenderer,
+ Model: TimeOffCalendarModel,
+ }),
+ });
+
+ /**
+ * Calendar shown in the "Everyone" menu
+ */
+ var TimeOffCalendarAllView = CalendarView.extend({
+ config: _.extend({}, CalendarView.prototype.config, {
+ Controller: TimeOffCalendarController,
+ Renderer: TimeOffPopoverRenderer,
+ Model: TimeOffCalendarModel,
+ }),
+ });
+
+ viewRegistry.add('time_off_calendar', TimeOffCalendarView);
+ viewRegistry.add('time_off_calendar_all', TimeOffCalendarAllView);
+});
+
diff --git a/hr_leave_dashboard/static/src/scss/hr_org_chart.scss b/hr_leave_dashboard/static/src/scss/hr_org_chart.scss
new file mode 100644
index 000000000..5e505c6e9
--- /dev/null
+++ b/hr_leave_dashboard/static/src/scss/hr_org_chart.scss
@@ -0,0 +1,213 @@
+$tmp-gap-base: $o-hr-org-chart-entry-pic-size*0.7;
+
+// ORGANIGRAM LINES
+.o_org_chart_group_down {
+ position: relative;
+}
+
+.o_org_chart_group_down {
+ padding-left: $tmp-gap-base;
+ height: fit-content;
+
+ &:before {
+ @include o-hr-org-chart-line;
+ border-left-width: $o-hr-org-chart-entry-line-w;
+ height: 100%;
+ @include o-position-absolute(
+ $top: $o-hr-org-chart-entry-v-gap*-1,
+ $left: $tmp-gap-base*0.5 + $o-hr-org-chart-entry-pic-size*0.1 + $o-hr-org-chart-entry-line-w*0.5
+ );
+ }
+
+ .o_org_chart_entry {
+ &:before {
+ @include o-hr-org-chart-line;
+ border-top-width: $o-hr-org-chart-entry-line-w;
+ @include size($tmp-gap-base, 0);
+ @include o-position-absolute(
+ $left: $tmp-gap-base*-0.5 + $o-hr-org-chart-entry-pic-size*0.1 + $o-hr-org-chart-entry-line-w*0.5,
+ $top: $o-hr-org-chart-entry-pic-size*0.5
+ );
+ }
+
+ &:last-of-type {
+ &:before {
+ height: 50%;
+ }
+
+ }
+
+ &.o_org_chart_more {
+ margin-top: $o-hr-org-chart-entry-v-gap;
+
+ &:before {
+ top: 15px;
+ }
+ }
+ }
+}
+
+// ORGANIGRAM DESIGN
+.o_org_chart_entry {
+ margin-bottom: $o-hr-org-chart-entry-v-gap;
+ overflow: visible;
+ margin-top: 0;
+
+ &, .o_media_left, .media-body {
+ position: relative;
+ }
+
+ .o_media_left {
+ padding-right: 10px;
+ }
+
+ .media-body {
+ vertical-align: middle;
+
+ .badge {
+ float: right;
+ cursor: pointer;
+ margin-right: 5px;
+ color: gray('600');
+ background: $o-hr-org-chart-bg;
+ border: 1px solid gray('600');
+ &:hover {
+ color: $o-brand-primary;
+ border-color: $o-brand-primary;
+ }
+ &:focus {
+ outline: none;
+ }
+ }
+
+ strong {
+ display: block;
+ line-height: 1.2;
+ font-size: 11px;
+ color: lighten(gray('600'), 15%);
+ }
+ }
+
+ .o_media_object {
+ display: block;
+ width: $o-hr-org-chart-entry-pic-size*0.8;
+ height: $o-hr-org-chart-entry-pic-size*0.8;
+ margin: $o-hr-org-chart-entry-pic-size*0.1;
+ box-shadow: 0 0 0 $o-hr-org-chart-entry-line-w darken($o-hr-org-chart-bg, 20%);
+ background-size: cover;
+ background-position: center center;
+ background-color: $o-view-background-color;
+
+ &.card {
+ height: 20px;
+ box-shadow: none;
+ border-color: transparent;
+ padding: 0;
+ position: relative;
+ color: $body-color;
+
+ .o_org_chart_show_more {
+ line-height: 13px;
+ }
+
+ &:hover {
+ border-color: $o-hr-org-chart-entry-border-color;
+ color:$o-brand-primary;
+ }
+ }
+ }
+
+ &.o_org_chart_entry_manager, &.o_org_chart_entry_sub {
+ .o_media_left {
+ padding-right: 0;
+ }
+ .media-body > a {
+ padding-left: 10px;
+ max-width: 100%;
+ display: block;
+
+ .o_media_heading {
+ color: lighten(gray('600'), 5%);
+ font-size: 13px;
+ }
+ }
+
+ &:hover {
+ .o_media_object {
+ box-shadow: 0 0 0 $o-hr-org-chart-entry-line-w*2 rgba($o-brand-primary, 0.6);
+ }
+ .media-body > a {
+ .o_media_heading {
+ color: $o-brand-primary;
+ }
+ strong {
+ color: lighten(gray('600'), 5%);
+ }
+ }
+ }
+ }
+
+ &.o_org_chart_entry_self {
+ &:not(:first-child) {
+ margin-top: $o-hr-org-chart-entry-v-gap*1.5;
+ }
+
+ strong {
+ color: $text-muted;
+ }
+
+ .o_media_object {
+ width: $o-hr-org-chart-entry-pic-size;
+ height: $o-hr-org-chart-entry-pic-size;
+ margin: 0;
+ border: $o-hr-org-chart-entry-line-w*2 solid $o-brand-primary;
+ box-shadow: inset 0 0 0 $o-hr-org-chart-entry-line-w*2 white;
+ }
+
+ .media-body {
+ opacity: 1;
+ }
+ }
+}
+
+
+// POP OVER
+.o_org_chart_popup.popover {
+ max-width: 400px;
+ margin-right: 5px;
+ min-width:230px;
+
+ .popover-header {
+ height: 47px;
+ line-height: 33px;
+ padding-right: 50px;
+
+ > a {
+ @include o-position-absolute($right: 14px);
+ }
+
+ span {
+ @include size(30px, 30px);
+ margin-right: 10px;
+ border-radius: 100%;
+ background-position: center;
+ background-size: cover;
+ float: left;
+ box-shadow: 0 1px 1px;
+ }
+ }
+ .table {
+ margin-bottom: 0;
+ }
+}
+
+// Right to Left specific style to flip the popover arrow
+.o_rtl {
+ .o_org_chart_popup.popover .arrow {
+ left: 100%;
+ -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
+ -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
+ -o-transform: matrix(-1, 0, 0, 1, 0, 0);
+ transform: matrix(-1, 0, 0, 1, 0, 0);
+ }
+}
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..70158547f
--- /dev/null
+++ b/hr_leave_dashboard/static/src/scss/time_off_dashboard.scss
@@ -0,0 +1,10 @@
+.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/scss/variables.scss b/hr_leave_dashboard/static/src/scss/variables.scss
new file mode 100644
index 000000000..142ebf9ab
--- /dev/null
+++ b/hr_leave_dashboard/static/src/scss/variables.scss
@@ -0,0 +1,14 @@
+$o-hr-org-chart-bg: white;
+$o-hr-org-chart-border-color: $o-brand-secondary;
+
+$o-hr-org-chart-entry-v-gap: 6px;
+$o-hr-org-chart-entry-pic-size: 46px;
+$o-hr-org-chart-entry-line-w: 1px;
+$o-hr-org-chart-entry-border-color: darken($o-hr-org-chart-bg, 25%);
+
+// MIXINS
+@mixin o-hr-org-chart-line {
+ content: '';
+ background-color: $o-hr-org-chart-bg;
+ border: 0px solid $o-hr-org-chart-entry-border-color;
+}
diff --git a/hr_leave_dashboard/static/src/xml/emp_org_chart_templates.xml b/hr_leave_dashboard/static/src/xml/emp_org_chart_templates.xml
new file mode 100644
index 000000000..149754197
--- /dev/null
+++ b/hr_leave_dashboard/static/src/xml/emp_org_chart_templates.xml
@@ -0,0 +1,169 @@
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 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
+
+
+
+
+ | + + Direct subordinates + | + + +|
|
+ |
+ + + Indirect subordinates + | +
| + + Total + | +
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+HOURS
+ DAYS
+ AVAILABLE
+
+
+ ![]()
+HOURS
+ DAYS
+ TAKEN
+
+
+ +
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ Job Position:
+
+
+
+
+ Working Hours:
+
+
+
+
+ EMAIL:
+
+
+
+
+ PHONE:
+
+
+
+
+ Department:
+
+
+
+
+ Company:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Current Shift:
+
+
+
+
+
+ Upcoming Holidays
+
+
+
+ (
+
+
+
+
+ On Leave
+
+
+
+
+
+
+
+
+
+
+
+
+ Approved
+
+
+
+ To Approve
+
+
+
+ Refused
+
+
+
+
+
+
+
+
+
+
+ | Name | +Approved | +To Approve | +Refused | +
|---|---|---|---|