+
+
+
+
+
+
+
diff --git a/project_dashboard_odoo/static/src/css/dashboard.css b/project_dashboard_odoo/static/src/css/dashboard.css
new file mode 100644
index 000000000..e8b3cb70a
--- /dev/null
+++ b/project_dashboard_odoo/static/src/css/dashboard.css
@@ -0,0 +1,426 @@
+.oh-card h4 {
+ font-size: 1.1rem;
+}
+
+.stat-icon {
+ display: inline-block;
+}
+
+.stat-widget-one .stat-icon {
+ vertical-align: top;
+ margin: auto;
+ width: 100%;
+}
+
+.stat-widget-one .stat-icon i {
+ font-size: 30px;
+ font-weight: 900;
+ display: inline-block;
+ color: #01c490;
+}
+
+.stat-widget-one .stat-text {
+ font-size: 14px;
+ color: #868e96;
+ font-weight: bold;
+
+}
+
+.stat-widget-one .stat-digit {
+ font-size: 24px;
+ color: #02448b;
+}
+
+.stat_count {
+ font-size: 28px !important;
+}
+
+body .text-color {
+ color: #00438b;
+}
+/* Leave graph */
+path {
+ stroke: #fff;
+}
+
+path:hover {
+ opacity: 0.9;
+}
+
+rect:hover {
+ fill: #934da5;
+}
+
+.axis {
+ font: 10px sans-serif;
+}
+
+.legend tr {
+ border-bottom: 1px solid grey;
+}
+
+.legend tr:first-child {
+ border-top: 1px solid grey;
+}
+
+.axis path,
+.axis line {
+ fill: none;
+ stroke: #000;
+ shape-rendering: crispEdges;
+}
+
+.x.axis path {
+ display: none;
+}
+
+.legend {
+ border-collapse: collapse;
+ border-spacing: 0px;
+ display: inline-block;
+}
+
+.legend td,
+.legend .legend_col {
+ padding: 4px 5px;
+ vertical-align: bottom;
+}
+
+.legendFreq,
+.legendPerc {
+ align: right;
+ width: 50px;
+}
+
+/* Leave broadfactor graph */
+
+.broad_factor_graph .axis path,
+.broad_factor_graph .axis line {
+ fill: none;
+ stroke: black;
+ shape-rendering: crispEdges;
+}
+
+.broad_factor_graph .axis text {
+ font-family: sans-serif;
+ font-size: 11px;
+}
+
+.broad_factor_graph rect {
+ -moz-transition: all 0.3s;
+ -webkit-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ transition: all 0.3s;
+}
+
+.broad_factor_graph rect:hover {
+ fill: #ff618a;
+}
+
+#broad_factor_pdf {
+ background-color: #ffffff;
+ border: 0;
+ color: #000000;
+ float: right;
+}
+
+#broad_factor_pdf i {
+ color: red;
+}
+
+
+/*=====================New Dashboard===========================*/
+
+.oh_dashboards {
+ background-color: #f8faff !important;
+ padding: 0px !important;
+
+}
+
+.container-fluid.o_hr_dashboard {
+ padding: 0px !important;
+}
+
+.employee-prof {
+
+ padding: 0px;
+ height: 100%;
+ background-color: #3e6282;
+ /*background-image: linear-gradient(180deg, #3e6282, #41666f);*/
+ position: fixed;
+ /*z-index: 999;*/
+}
+
+.employee-prof .oh-card:hover {
+
+ transform: none !important;
+ box-shadow: none !important;
+
+}
+
+.oh-card {
+
+ padding-top: 0px;
+ padding: 0px;
+ margin-bottom: 1.5rem;
+ border-radius: 0px;
+ box-shadow: none;
+ background: none;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+
+}
+
+.oh-card:hover {
+
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+
+}
+
+.media-body.employee-name {
+
+ background: #466b8d;
+ float: left;
+ margin: 0;
+ width: 100%
+}
+
+.oh-payslip {
+
+ margin-top: 1.5%;
+
+}
+
+.oh-payslip .stat-icon {
+
+ width: 30%;
+ height: 85px;
+ text-align: center;
+ padding-top: 2%;
+ color: #fff;
+
+}
+
+.oh-payslip .oh-card {
+
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
+
+}
+
+.stat-widget-one .stat-text {
+
+ font-size: 14px;
+ color: #ff8762;
+ margin-top: 2.3rem;
+ margin-left: 1rem;
+
+}
+
+.stat-widget-one .stat-digit {
+
+ font-size: 17px;
+ color: #000;
+ margin-left: 1rem;
+ padding-left: 26px;
+
+}
+
+.stat-widget-one .stat-icon i {
+ font-size: 32px;
+ display: inline-block;
+ color: #000;
+ top: 16px;
+ position: relative;
+}
+
+.stat-widget-one {
+
+ background-color: white;
+ text-align: inherit !important;
+
+}
+
+.stat-widget-one {
+ width: 100%;
+}
+
+.oh-payslip .stat-icon {
+
+ width: 30%;
+ height: 85px;
+ text-align: center;
+ padding-top: 2%;
+
+}
+
+
+h4 .stat-count {
+ font-size: 17px;
+ text-align: center;
+ color: #000 !important;
+ margin-top: 0px;
+ width: 100%;
+ float: left;
+ margin: 0;
+}
+
+.hr-chart-1 {
+ margin: 15px 0px;
+ background: #fff;
+ padding: 0px !important;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
+}
+
+.hr-chart-1:hover {
+ transform: translateY(-2px) translateZ(0) !important;
+ box-shadow: 0 10px 10px 0 rgba(62, 57, 107, 0.12), 0 0 0 transparent !important;
+}
+
+.stat-head {
+ text-align: center !important;
+ font-weight: 300;
+ font-size: 21px;
+ margin-bottom: 12px;
+ margin-left: 2px;
+}
+
+
+.hr_birthday {
+ font-size: 17px;
+ text-align: center;
+ padding: 20px 0;
+ color: #00438b;
+ font-weight: 300;
+}
+
+.hr_notification img {
+ width: 40px;
+ height: 40px;
+ border-radius: 100%;
+}
+
+.hr_notification {
+ background: #fff;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
+ height: 757px;
+ margin-bottom: 15px;
+}
+
+.hr_notification .media {
+ border-bottom: 1px solid #e6e6e6;
+ padding-bottom: 6px;
+ margin-bottom: 10px;
+}
+
+.hr_notification .text-color.display-6 {
+ margin: 0px 0 3px;
+ color: #2d2d2d;
+}
+
+.hr_notification p {
+ margin: 0 0 1px;
+ color: #666;
+ font-size: 10px;
+}
+
+.hr_notification_head {
+ font-size: 17px;
+ text-align: center;
+ padding: 50px 0;
+ color: #fff;
+ font-weight: 300;
+ background: #5ebade;
+ margin-bottom: 9px;
+}
+
+.hr-chart-1 {
+ margin: 15px 0px;
+ background: #fff;
+ padding: 0px !important;
+ padding-top: 0px;
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+ will-change: transform, box-shadow;
+ box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
+ padding-top: 3px !important;
+}
+
+/* width */
+.hr_notification::-webkit-scrollbar {
+ width: 4px;
+}
+
+/* Track */
+.hr_notification::-webkit-scrollbar-track {
+ background: #f1f1f1;
+}
+
+/* Handle */
+.hr_notification::-webkit-scrollbar-thumb {
+ background: #495057;
+ ;
+}
+
+/* Handle on hover */
+.hr_notification::-webkit-scrollbar-thumb:hover {
+ background: #598da1;
+}
+
+.oh-card-body {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.text-align {
+ margin-left: 17px;
+}
+
+.inner_select {
+ min-width: 150px
+}
+
+#table_status {
+ width: 90%;
+ margin-left: 5%;
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+#table_status tr:nth-child(even) {
+ background-color: #f2f2f2;
+}
+
+#table_status tr:hover {
+ background-color: #ddd;
+}
+
+.fleet-pill {
+ align-items: center;
+ font-family: "Open Sans", Arial, Verdana, sans-serif;
+ font-weight: bold;
+ font-size: 11px;
+ display: inline-block;
+ height: 100%;
+ white-space: nowrap;
+ width: auto;
+ position: relative;
+ border-radius: 100px;
+ line-height: 1;
+ overflow: hidden;
+ padding: 0px 8px 0px 7px;
+ text-overflow: ellipsis;
+ line-height: 1.25rem;
+ color: #fff;
+ word-break: break-word;
+ background: #0253e8;
+}
+
+.inner_select p {
+ margin-left: 20px
+}
diff --git a/project_dashboard_odoo/static/src/js/dashboard.js b/project_dashboard_odoo/static/src/js/dashboard.js
new file mode 100644
index 000000000..c9f467fe6
--- /dev/null
+++ b/project_dashboard_odoo/static/src/js/dashboard.js
@@ -0,0 +1,460 @@
+/** @odoo-module */
+import { registry} from '@web/core/registry';
+import { useService } from "@web/core/utils/hooks";
+const { Component, onWillStart} = owl
+import { rpc } from "@web/core/network/rpc";
+import { _t } from "@web/core/l10n/translation";
+import { onMounted, useRef, useState} from "@odoo/owl";
+
+export class ProjectDashboard extends Component {
+ /**
+ * Setup method to initialize required services and register event handlers.
+ */
+ setup() {
+ this.action = useService("action");
+ this.orm = useService("orm");
+ this.project_doughnut = useRef("project_doughnut");
+ this.project_selection = useRef("project_selection");
+ this.start_date = useRef("start_date");
+ this.end_date = useRef("end_date");
+ this.tot_project = useRef("tot_project");
+ this.tot_employee = useRef("tot_employee");
+ this.tot_hrs = useRef("tot_hrs");
+ this.tot_margin = useRef("tot_margin");
+ this.total_task = useRef("tot_task");
+ this.total_so = useRef("tot_so");
+ this.employee_selection = useRef("employee_selection");
+ this.top_selling_employees = useRef("top_selling_employees");
+ this.state = useState({
+ projects : '',
+ employees: "",
+ });
+ this.rpc = this.env.services.rpc
+ onWillStart(async () => {
+ await this.willStart();
+ });
+ onMounted(async () => {
+ await this.mounted()
+ });
+ }
+ /**
+ * Event handler for the 'onWillStart' event.
+ */
+ async willStart() {
+ await this.fetch_data();
+ }
+ /**
+ * Event handler for the 'onMounted' event.
+ * Renders various components and charts after fetching data.
+ */
+ async mounted() {
+ // Render other components after fetching data
+ this.render_project_task();
+ this.render_top_employees_graph();
+ this.render_filter();
+ }
+ /**
+ * Render the project task chart.
+ */
+ async render_project_task() {
+ var datas = await rpc("/project/task/count")
+ var ctx = this.project_doughnut;
+ const chart = new Chart(this.project_doughnut.el, {
+ type: "doughnut",
+ data: {
+ labels: datas.project,
+ datasets: [{
+ backgroundColor: datas.color,
+ data: datas.task
+ }]
+ },
+ options: {
+ legend: {
+ position: 'left'
+ },
+ cutoutPercentage: 40,
+ responsive: true,
+ }
+ });
+ }
+ /**
+ function for getting values to employee graph
+ */
+ async render_top_employees_graph() {
+ var ctx = this.top_selling_employees
+ var arrays = await rpc('/employee/timesheet')
+ var data = {
+ labels: arrays[1],
+ datasets: [{
+ label: "Hours Spent",
+ data: arrays[0],
+ backgroundColor: [
+ "rgba(190, 27, 75,1)",
+ "rgba(31, 241, 91,1)",
+ "rgba(103, 23, 252,1)",
+ "rgba(158, 106, 198,1)",
+ "rgba(250, 217, 105,1)",
+ "rgba(255, 98, 31,1)",
+ "rgba(255, 31, 188,1)",
+ "rgba(75, 192, 192,1)",
+ "rgba(153, 102, 255,1)",
+ "rgba(10,20,30,1)"
+ ],
+ borderColor: [
+ "rgba(190, 27, 75, 0.2)",
+ "rgba(190, 223, 122, 0.2)",
+ "rgba(103, 23, 252, 0.2)",
+ "rgba(158, 106, 198, 0.2)",
+ "rgba(250, 217, 105, 0.2)",
+ "rgba(255, 98, 31, 0.2)",
+ "rgba(255, 31, 188, 0.2)",
+ "rgba(75, 192, 192, 0.2)",
+ "rgba(153, 102, 255, 0.2)",
+ "rgba(10,20,30,0.3)"
+ ],
+ borderWidth: 1
+ },
+ ]
+ };
+ //options
+ var options = {
+ responsive: true,
+ title: {
+ display: true,
+ position: "top",
+ text: " Time by Employees",
+ fontSize: 18,
+ fontColor: "#111"
+ },
+ legend: {
+ display: false,
+ },
+ scales: {
+ yAxes: [{
+ ticks: {
+ min: 0
+ }
+ }]
+ }
+ };
+ //create Chart class object
+ var chart = new Chart(ctx.el, {
+ type: 'bar',
+ data: data,
+ options: options
+ });
+
+ }
+ /**
+ * Function for getting employees for filter.
+ */
+ async render_filter() {
+ var data = await rpc('/project/filter')
+ this.state.projects = data[0]
+ this.state.employees = data[1]
+ }
+ /**
+ * Event handler to apply filters based on user selections and update the dashboard data accordingly.
+ */
+ async _onchangeFilter(ev) {
+ this.flag = 1
+ var start_date = this.start_date.el.value;
+ var end_date = this.end_date.el.value;
+ var employee_selection = this.employee_selection.el.value;
+ var project_selection = this.project_selection.el.value;
+ if (!start_date) {
+ start_date = "null"
+ }
+ if (!end_date) {
+ end_date = "null"
+ }
+ if (!employee_selection) {
+ employee_selection = "null"
+ }
+ if (!project_selection) {
+ project_selection = "null"
+ }
+ var data = await rpc('/project/filter-apply', {
+ 'data': {
+ 'start_date': start_date,
+ 'end_date': end_date,
+ 'project': project_selection,
+ 'employee': employee_selection
+ }
+ })
+ self.tot_hrs = data['list_hours_recorded']
+ self.tot_employee = data['total_emp']
+ self.tot_project = data['total_project']
+ self.tot_task = data['total_task']
+ self.tot_so = data['total_so']
+ this.tot_project.el.innerHTML = data['total_project'].length
+ this.tot_employee.el.innerHTML = data['total_emp'].length
+ this.total_task.el.innerHTML = data['total_task'].length
+ this.tot_hrs.el.innerHTML = data['hours_recorded']
+ this.tot_margin.el.innerHTML = data['total_margin']
+ this.total_so.el.innerHTML = data['total_so'].length
+ }
+ /**
+ * Event handler to open a list of employees and display them to the user.
+ */
+ tot_emp(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ if (this.flag == 0) {
+ this.action.doAction({
+ name: _t("Employees"),
+ type: 'ir.actions.act_window',
+ res_model: 'hr.employee',
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ } else {
+ this.action.doAction({
+ name: _t("Employees"),
+ type: 'ir.actions.act_window',
+ res_model: 'hr.employee',
+ domain: [
+ ["id", "in", this.tot_employee]
+ ],
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ }
+ }
+ /**
+ function for getting values when page is loaded
+ */
+ fetch_data() {
+ this.flag = 0
+ var self = this;
+ var def1 = rpc('/get/tiles/data').then(function(result) {
+ if (result['flag'] == 1) {
+ self.total_projects = result['total_projects']
+ self.total_tasks = result['total_tasks']
+ self.tot_task = result['total_tasks_ids']
+ self.total_hours = result['total_hours']
+ self.total_profitability = result['total_profitability']
+ self.total_employees = result['total_employees']
+ self.total_sale_orders = result['total_sale_orders']
+ self.project_stage_list = result['project_stage_list']
+ self.tot_so = result['sale_orders_ids']
+ self.flag_user = result['flag']
+ self.total_projects_ids = result['total_projects_ids']
+ } else {
+ self.tot_task = result['total_tasks_ids']
+ self.total_projects = result['total_projects']
+ self.total_tasks = result['total_tasks']
+ self.total_hours = result['total_hours']
+ self.total_sale_orders = result['total_sale_orders']
+ self.project_stage_list = result['project_stage_list']
+ self.flag_user = result['flag']
+ self.tot_so = result['sale_orders_ids']
+ self.total_projects_ids = result['total_projects_ids']
+ }
+ });
+ /**
+ function for getting values to hours table
+ */
+ var def3 = rpc('/get/hours')
+ .then(function(res) {
+ self.hour_recorded = res['hour_recorded'];
+ self.hour_recorde = res['hour_recorde'];
+ self.billable_fix = res['billable_fix'];
+ self.non_billable = res['non_billable'];
+ self.total_hr = res['total_hr'];
+ });
+ var def4 = rpc('/get/task/data')
+ .then(function(res) {
+ self.task_data = res['project'];
+ });
+ return Promise.all([def1, def3, def4])
+ .then(() => {
+ console.log('All data has been fetched successfully.');
+ })
+ .catch((error) => {
+ console.error('An error occurred while fetching data:', error);
+ });
+ }
+ /**
+ * Event handler to open a list of projects and display them to the user.
+ */
+ tot_projects(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ if (this.flag == 0) {
+ this.action.doAction({
+ name: _t("Projects"),
+ type: 'ir.actions.act_window',
+ res_model: 'project.project',
+ domain: [
+ ["id", "in", this.total_projects_ids]
+ ],
+ view_mode: 'kanban,form',
+ views: [
+ [false, 'kanban'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ } else {
+ if (this.tot_project) {
+ this.action.doAction({
+ name: _t("Projects"),
+ type: 'ir.actions.act_window',
+ res_model: 'project.project',
+ domain: [
+ ["id", "in", this.tot_project]
+ ],
+ view_mode: 'kanban,form',
+ views: [
+ [false, 'kanban'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ }
+ }
+ }
+ /**
+ * Event handler to open a list of tasks and display them to the user.
+ */
+ tot_tasks(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ this.action.doAction({
+ name: _t("Tasks"),
+ type: 'ir.actions.act_window',
+ res_model: 'project.task',
+ domain: [
+ ["id", "in", this.tot_task]
+ ],
+ view_mode: 'tree,kanban,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ }
+ /**
+ for opening account analytic line view
+ */
+ hr_recorded(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ if (this.flag == 0) {
+ this.action.doAction({
+ name: _t("Timesheets"),
+ type: 'ir.actions.act_window',
+ res_model: 'account.analytic.line',
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list']
+ ],
+ target: 'current'
+ }, options)
+ } else {
+ if (this.tot_hrs) {
+ this.action.doAction({
+ name: _t("Timesheets"),
+ type: 'ir.actions.act_window',
+ res_model: 'account.analytic.line',
+ domain: [
+ ["id", "in", this.tot_hrs]
+ ],
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list']
+ ],
+ target: 'current'
+ }, options)
+ }
+ }
+ }
+ /**
+ for opening sale order view
+ */
+ tot_sale(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ this.action.doAction({
+ name: _t("Sale Order"),
+ type: 'ir.actions.act_window',
+ res_model: 'sale.order',
+ domain: [
+ ["id", "in", this.tot_so]
+ ],
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ }
+ /**
+ * Event handler to view a list of employees.
+ * @param {Event} e - The click event.
+ */
+ tot_emp(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ var options = {
+ on_reverse_breadcrumb: this.on_reverse_breadcrumb,
+ };
+ if (this.flag == 0) {
+ this.action.doAction({
+ name: _t("Employees"),
+ type: 'ir.actions.act_window',
+ res_model: 'hr.employee',
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+ } else {
+ this.action.doAction({
+ name: _t("Employees"),
+ type: 'ir.actions.act_window',
+ res_model: 'hr.employee',
+ domain: [
+ ["id", "in", this.tot_employee]
+ ],
+ view_mode: 'tree,form',
+ views: [
+ [false, 'list'],
+ [false, 'form']
+ ],
+ target: 'current'
+ }, options)
+
+ }
+ }
+}
+ProjectDashboard.template = "ProjectDashboard"
+registry.category("actions").add("project_dashboard", ProjectDashboard)
diff --git a/project_dashboard_odoo/static/src/xml/dashboard_templates.xml b/project_dashboard_odoo/static/src/xml/dashboard_templates.xml
new file mode 100644
index 000000000..74b8faf17
--- /dev/null
+++ b/project_dashboard_odoo/static/src/xml/dashboard_templates.xml
@@ -0,0 +1,419 @@
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + In This Dashboard, You Can Get a Detailed View for Project. +
+Project Dashboard +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Dashboard view for Project module +
+
+
+
+
+
+
+
+
+ + Graphs Are Included in the view +
+
+
+
+
+
+
+
+
+
+ Project Dashboard
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Different Types of Graphs. + + +
+
+
+ + Project Dashboard has different types of Graphs that will give you a complete analyzing of the Project module. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Project Table + +
+
+
+ + User can see all Project ad its current Status. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + User can see all details about Project and Task through Graphs.
+
+
+
+
+
+
+
+
+
+ + User can see all details about Timesheet through Graphs.
+
+
+
+
+
+
+
+
+
+ + User can see all Projects with Stages.
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ + User can use filter based on the Employee, Project and Dates.
+
+
+
+ +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 4th October, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial commit for Project Dashboard + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Start Date :
++ +
+End Date :
++ +
+Project :
++ +
+Employees :
++ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Project Task Analysis +
+
+
+
+
+
+
+
+
+
+
+ Project Task Details
+
+
+
+
+
+
+
+
+
+
+
+
+ | Project Name | +Task Name | +
|---|---|
|
+ |
+
+ |
+
+ Hours Recorded
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Billed on Timesheet | +
|---|
+
+
+
+ |
+
| Billed at a Fixed Price | +
|---|
+
+
+
+ |
+
| No Task Found | +
|---|
+
+
+
+ |
+
| Non Billable Tasks | +
|---|
+
+
+
+ |
+
| Total: | +
|---|
+
+
+
+ |
+
+
+
+
+
+
+
+ Stage Wise Total Projects
+
+ | + | + |
|---|---|
| + + | ++ + | +