You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 lines
11 KiB
253 lines
11 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="PayrollDashboardMain">
|
|
<div class="oh_dashboards">
|
|
<div class="container-fluid o_payroll_dashboard">
|
|
</div>
|
|
</div>
|
|
</t>
|
|
<t t-name="EmployeeDetails">
|
|
<link rel="stylesheet"
|
|
href="/hr_payroll_dashboard/static/src/css/dashboard.css"/>
|
|
<div class="row main-section">
|
|
<div class="col-md-4 col-sm-6 o_attendances oh-payroll">
|
|
<div class="oh-card" style="width: 288px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#5bcbd0">
|
|
<i class="fa fa-calendar"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Attendances</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['emp_timesheets']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 o_leave oh-payroll">
|
|
<div class="oh-card" style="width: 288px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#645bd0">
|
|
<i class="fa fa-calendar-minus-o"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Leave Requests</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['emp_leave']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 o_payslips oh-payroll">
|
|
<div class="oh-card" style="width: 350px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#85d05b">
|
|
<i class="fa fa-money"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Payslips</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['payslip_count']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 o_contracts oh-payroll">
|
|
<div class="oh-card" style="width: 288px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#d05bb8">
|
|
<i class="fa fa-handshake-o"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Contracts</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['emp_contracts_count']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 o_salary_rules oh-payroll">
|
|
<div class="oh-card" style="width: 288px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#FCF030">
|
|
<i class='fa fa-money'></i>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Salary Rules</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['salary_rule_count']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 o_salary_structures oh-payroll">
|
|
<div class="oh-card" style="width: 350px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon" style="background:#FFA742">
|
|
<i class='fa fa-money'></i>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Salary Structures</div>
|
|
<div class="stat_count">
|
|
<t t-esc="widget.login_employee['salary_structure_count']"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<t t-name="PayrollChart">
|
|
<div class="col-xs-12 col-sm-12 col-lg-12 col-md-12">
|
|
<div class="row" style="margin:0px;">
|
|
<div class="col-md-6 monthly_expense_trend">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<b>
|
|
<h3 class="custom-h3">
|
|
Monthly Expense Analysis
|
|
</h3>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="expense_graph"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my_leave_graph">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<b>
|
|
<h3 class="custom-h3">
|
|
My Leave Analysis
|
|
</h3>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="leave_trend"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</t>
|
|
<t t-name="ManagerLeaveDashboard">
|
|
<div class="row" style="margin:0px;">
|
|
<div class="col-md-12 monthly_leave_graph_view">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<b>
|
|
<h3 class="custom-h3">
|
|
Monthly Leave Analysis
|
|
</h3>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="leave_graph justify-content-center"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
|
|
<t t-name="PayrollManagerDashboard">
|
|
<br></br>
|
|
<br></br>
|
|
<div class="row" style="margin:0px;">
|
|
<div class="col-md-4" id="col-graph">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="custom-h3 card-title">
|
|
<b>
|
|
<span style="font-weight:bold;">
|
|
PAYSLIPS ANALYSIS
|
|
</span>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body mt-3" id="in_ex_body_hide">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="chart">
|
|
<div style="text-align: center;"
|
|
class="emp_payslips_graph"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4" id="col-graph">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="custom-h3 card-title">
|
|
<b>
|
|
<span style="font-weight:bold;">
|
|
CONTRACT ANALYSIS
|
|
</span>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body mt-3" id="in_ex_body_hide">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="chart">
|
|
<div style="text-align: center;"
|
|
class="emp_contracts_graph"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4" id="col-graph">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="custom-h3 card-title">
|
|
<b>
|
|
<span style="font-weight:bold;">
|
|
Time Off Analysis
|
|
</span>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
<div class="card-body mt-3" id="in_ex_body_hide">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="chart">
|
|
<div style="text-align: center;"
|
|
class="time_off_graph"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
|