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.
238 lines
13 KiB
238 lines
13 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<template>
|
|
<!-- Case DashBoard template-->
|
|
<t t-name="CaseDashBoard">
|
|
<div class="o_control_panel" style="top: 0px;">
|
|
<div class="row">
|
|
<div class="col-md-9"/>
|
|
<div class="col-md-3">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<select id="stage_wise"
|
|
class="form-select ms-2 ml-4"
|
|
name="stage_wise_filter"
|
|
t-on-change="(ev) => this._onchangeStageFilter(ev)">
|
|
<option id="null" value="null" selected="1">
|
|
Select Stages
|
|
</option>
|
|
<option id="draft" value="draft">Draft</option>
|
|
<option id="in_progress" value="in_progress">In
|
|
Progress
|
|
</option>
|
|
<option id="invoiced" value="invoiced">
|
|
Invoiced
|
|
</option>
|
|
<option id="won" value="won">Won</option>
|
|
<option id="lost" value="lost">Lost</option>
|
|
<option id="cancel" value="cancel">Cancel
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-4">
|
|
<select id="lawyer_wise"
|
|
class="form-select ms-2 ml-4"
|
|
name="lawyer_wise_filter"
|
|
t-on-change="(ev) => this._onchangeStageFilter(ev)">
|
|
<option id="0" value="admin" selected="1">Select
|
|
Lawyers
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-4">
|
|
<select id="month_wise"
|
|
class="form-select ms-2 ml-4"
|
|
name="date_range"
|
|
t-on-change="(ev) => this._onchangeStageFilter(ev)">
|
|
<option id="1" value="null" selected="1">Select
|
|
Month
|
|
</option>
|
|
<option id="2" value="last_month">Last Month
|
|
</option>
|
|
<option id="3" value="last_6_months">Last 6
|
|
Months
|
|
</option>
|
|
<option id="4" value="last_12_months">Last 12
|
|
months
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="row">
|
|
<div id='total_case' class="col-md-6 mt-4" t-ref="total_case"
|
|
t-on-click="_OnClickTotalCase">
|
|
<div class="dbox" style="height: 245px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/brief_case.png"
|
|
style="height:60px"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count case_count"
|
|
id="total_cases">
|
|
<t t-esc="this.case_state.case_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title">Cases</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='total_invoiced' class="col-md-6 mt-4">
|
|
<div class="dbox" style="height: 245px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/dollar_img.png"
|
|
style="height:60px;opacity: 0.8;"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count total_invoices"
|
|
id="total_invoices">
|
|
<t t-esc="this.case_state.invoice_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title text-fluid">
|
|
Amount Invoiced
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='total_trials' class="col-md-6 mt-4"
|
|
t-on-click="_OnClickTotalTrials">
|
|
<div class="dbox" style="height: 249px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/img_trial.png"
|
|
style="height:60px"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count"
|
|
id="trials_count">
|
|
<t t-esc="this.case_state.trials_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title">Trials</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='total_evidences' class="col-md-6 mt-4"
|
|
t-on-click="_OnClickTotalEvidences">
|
|
<div class="dbox" style="height: 249px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/evidence-img.png"
|
|
style="height:60px"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count"
|
|
id="evidences_count">
|
|
<t t-esc="this.case_state.evidences_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title">Evidences
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='total_lawyers' class="col-md-6 mt-4"
|
|
t-on-click="_OnClickTotalLawyers">
|
|
<div class="dbox" style="height: 245px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/lawyer img.png"
|
|
style="height:60px;opacity: 0.8;"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count"
|
|
id="lawyers_count">
|
|
<t t-esc="this.case_state.lawyers_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title">Lawyers</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id='total_clients' class="col-md-6 mt-4"
|
|
t-on-click="_OnClickTotalClients">
|
|
<div class="dbox" style="height: 245px">
|
|
<div class="row">
|
|
<div class="col-md-12 mt-5">
|
|
<img src="legal_case_management_dashboard/static/src/image/client.jpg"
|
|
style="height:60px;opacity: 0.8;"/>
|
|
</div>
|
|
<div class="col-md-12 mt-3">
|
|
<span class="dbox__count"
|
|
id="clients_count">
|
|
<t t-esc="this.case_state.clients_count"/>
|
|
</span>
|
|
<br/>
|
|
<span class="dbox__title">Clients</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="row">
|
|
<div class="col-md-5 mt-4">
|
|
<div class="card-shadow"
|
|
style="height:380px;border-radius: 20px;">
|
|
<h3 class="text-center">
|
|
<b>Cases in Different Category</b>
|
|
</h3>
|
|
<hr/>
|
|
<div class="ml-1 img-fluid" id="pie_chart"
|
|
style="width: 100%;height: 340px;background-color: transparent"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7 mt-4">
|
|
<div class="card-shadow"
|
|
style="height:380px;border-radius: 20px;">
|
|
<h3 class="text-center">
|
|
<b>Income in Last One Year</b>
|
|
</h3>
|
|
<hr/>
|
|
<div class="ml-1 img-fluid" id="mygraph"
|
|
style="width: 100%;height: 340px;background-color: transparent"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-5 mt-4">
|
|
<div class="card-shadow"
|
|
style="height:380px;border-radius: 20px;">
|
|
<h3 class="text-center">
|
|
<b>Most Paid Ten Cases</b>
|
|
</h3>
|
|
<hr/>
|
|
<div class="ml-1" id="donut_chart"
|
|
style="width: 100%;height: 340px;background-color: transparent"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-7 mt-4">
|
|
<div class="card-shadow"
|
|
style="height:380px;border-radius: 20px">
|
|
<h3 class="text-center">
|
|
<b>Cases in Different stages</b>
|
|
</h3>
|
|
<hr/>
|
|
<div class="ml-1" id="column_graph"
|
|
style="width: 100%;height: 340px;background-color: transparent"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</template>
|
|
|