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.
174 lines
6.4 KiB
174 lines
6.4 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="HelpDesk_Dashboard">
|
|
<div class="helpdesk_dashboards">
|
|
<div class="container-fluid helpdesk_dashboard_main"/>
|
|
</div>
|
|
</t>
|
|
<t t-name="DashBoardHelpDesk">
|
|
<link rel="stylesheet"
|
|
href="/odoo_website_helpdesk_dashboard/static/src/css/dashboard.css"/>
|
|
<div class="row main-section mt-5">
|
|
<h2 class="section-header" style="font-size: 2em; color:#4a5c9a;">HelpDesk Dashboard</h2>
|
|
|
|
<div class="col-sm-6 col-md-3-12 col-md-6 col-lg-3 helpdesk inbox_tickets">
|
|
<div class="dashboard_card" data-toggle="collapse">
|
|
<div class="dashboard_card-body panel panel-new">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon">
|
|
<i class="fa fa-inbox"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-text">New Tickets</div>
|
|
<div class="stat-digit" id="inbox_count">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-new-collapse collapse">
|
|
<div id="help_new_tickets"
|
|
style="border:none; font-size:14px; padding:0 15px 15px 15px;">
|
|
<br/>
|
|
<br/>
|
|
<p style="font-style:italic; font-weight:700;"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3-12 col-md-6 col-lg-3 salon_spa_orders helpdesk inprogress_tickets">
|
|
<div class="dashboard_card" data-toggle="collapse">
|
|
<div class="dashboard_card-body panel panel-progress">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon">
|
|
<i class="fa fa-spinner"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-text">Tickets In Progress</div>
|
|
<div class="stat-digit" id="inprogress_count">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-progress-collapse collapse">
|
|
<div id="help_progress_tickets"
|
|
style="border:none; font-size:14px; padding:0 15px 15px 15px;">
|
|
<br/>
|
|
<br/>
|
|
<p style="font-style:italic; font-weight:700;"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3-12 col-md-6 col-lg-3 helpdesk done_tickets">
|
|
<div class="dashboard_card" data-toggle="collapse">
|
|
<div class="dashboard_card-body panel panel-done">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon">
|
|
<i class="fa fa-check"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-text">Closed Tickets</div>
|
|
<div class="stat-digit" id="done_count">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-done-collapse collapse">
|
|
<div id="help_done_tickets"
|
|
style="border:none; font-size:14px; padding:0 15px 15px 15px;">
|
|
<br/>
|
|
<br/>
|
|
<p style="font-style:italic; font-weight:700;"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-md-3-12 col-md-6 col-lg-3 helpdesk team_card">
|
|
<div class="dashboard_card" data-toggle="collapse">
|
|
<div class="dashboard_card-body panel panel-team">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon">
|
|
<i class="fa fa-group" id="team_ico"/>
|
|
</div>
|
|
<div class="stat-content">
|
|
<div class="stat-text">HelpDesk Teams</div>
|
|
<div class="stat-digit" id="team_count">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel-team-collapse collapse">
|
|
<div id="help_teams"
|
|
style="border:none; font-size:14px; padding:0 15px 15px 15px;">
|
|
<br/>
|
|
<br/>
|
|
<p style="font-style:italic; font-weight:700;"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row ticket-section">
|
|
<div class="col-12 col-sm-12 col-md-4 ticket_box chart-container card-shadow">
|
|
<h2 class="tickets_head">Received Tickets</h2>
|
|
<hr/>
|
|
<div class="col-xs-12 text-align">
|
|
<div class="text-color">
|
|
<ul class="pending_tickets">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-12 col-sm-12 col-md-4">
|
|
<div class="leads_month_pie_div half_chart chart-container card-shadow">
|
|
<h2>Tickets by Month</h2>
|
|
<hr/>
|
|
<div class="graph_canvas">
|
|
<canvas class="ticket_month" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-4">
|
|
<div class="team_ticket_div half_chart chart-container card-shadow">
|
|
<h2>Team - Tickets Count Ratio</h2>
|
|
<hr/>
|
|
<div class="graph_canvas">
|
|
<canvas class="team_ticket_count" />
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-4">
|
|
<div class="projects_ticket_div half_chart chart-container card-shadow">
|
|
<h2>Tickets - Projects Ratio</h2>
|
|
<hr/>
|
|
<div class="graph_canvas">
|
|
<canvas class="projects_ticket" width="150" height="120"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-4">
|
|
<div class="billed_team_div half_chart chart-container card-shadow">
|
|
<h2>Billed Task - Team ratio</h2>
|
|
<hr/>
|
|
<div class="graph_canvas">
|
|
<canvas class="billed_team" width="150" height="120"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-4">
|
|
<div class="team_ticket_div half_chart chart-container card-shadow">
|
|
<h2>Team - Resolved Tickets</h2>
|
|
<hr/>
|
|
<div class="graph_canvas">
|
|
<canvas class="team_ticket_done"/>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
|