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.
313 lines
19 KiB
313 lines
19 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="template" xml:space="preserve">
|
|
<!-- Template for Pos Dashboard -->
|
|
<t t-name="PosDashboard">
|
|
<div class="oh_dashboards">
|
|
<div class="container-fluid o_pos_dashboard">
|
|
<div class="row main-section" align="center">
|
|
<div class="col-md-4 col-sm-6 pos_order_today oh-payslip"
|
|
t-on-click="pos_order_today">
|
|
<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-shopping-bag"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Today Orders</div>
|
|
<div class="stat_count"><t t-esc="state.today_sale"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 pos_order oh-payslip"
|
|
t-on-click="pos_order">
|
|
<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-shopping-bag"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Total Orders</div>
|
|
<div class="stat_count"><t t-esc="state.total_order_count"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 pos_total_sales oh-payslip"
|
|
t-on-click="pos_order">
|
|
<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-shopping-cart"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Total Sales</div>
|
|
<div class="stat_count"><t t-esc="state.total_sale"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 pos_session oh-payslip"
|
|
t-on-click="pos_session">
|
|
<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-signal"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Sessions</div>
|
|
<div class="stat_count"><t t-esc="state.total_session"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 col-sm-6 pos_refund_orders oh-payslip"
|
|
t-on-click="pos_refund_orders">
|
|
<div class="oh-card" style="width: 288px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon"
|
|
style="background:#d0c35b"><i class="fa fa-minus-circle"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Total Refund Orders</div>
|
|
<div class="stat_count"><t t-esc="state.total_refund_count"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 pos_refund_today_orders oh-payslip"
|
|
t-on-click="pos_refund_today_orders">
|
|
<div class="oh-card" style="width: 350px;">
|
|
<div class="oh-card-body">
|
|
<div class="stat-widget-one">
|
|
<div class="stat-icon"
|
|
style="background:#5b8ed0"><i class="fa fa-minus-circle"/></div>
|
|
<div class="stat-content">
|
|
<div class="stat-head">Today Refund Order</div>
|
|
<div class="stat_count"><t t-esc="state.today_refund_total"/></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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" id="col-graph">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">
|
|
<b>
|
|
<h3 class="custom-h3">SALE REPORT</h3>
|
|
</b>
|
|
</div>
|
|
<div class="card-tools">
|
|
<select id="pos_sales"
|
|
t-on-click="onclick_pos_sales">
|
|
<option style="display:none;"> -- select an option -- </option>
|
|
<option value="pos_hourly_sales">Hourly</option>
|
|
<option value="pos_monthly_sales">Monthly</option>
|
|
<option value="pos_year_sales">Yearly</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<h4>SALE DETAILS</h4>
|
|
<div class="card-body mt-3" id="in_ex_body_hide">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<p id="myelement1"> </p>
|
|
<div class="chart">
|
|
<canvas id="canvas_1" width="200"
|
|
height="90"> </canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 col-lg-4 top_customer_graph_view">
|
|
<div class="oh-card text-color">
|
|
<div class="oh-card-body pb-0">
|
|
<h4 class="mb-0">
|
|
</h4>
|
|
</div>
|
|
<canvas class="top_customer" width="100" height="80"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-6 selling_product_graph_view">
|
|
<div class="oh-card text-color">
|
|
<div class="oh-card-body pb-0">
|
|
<h4 class="mb-0">
|
|
</h4>
|
|
</div>
|
|
<canvas class="top_selling_product" width="200"
|
|
height="120"/>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-6 selling_product_graph_view">
|
|
<div class="oh-card text-color">
|
|
<div class="oh-card-body pb-0">
|
|
<h4 class="mb-0">
|
|
</h4>
|
|
</div>
|
|
<canvas class="top_product_categories" width="200"
|
|
height="120"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="employee_dashboard_main">
|
|
<div class="row main-section">
|
|
<div class="col-md-4 col-lg-4">
|
|
<div class="hr_notification" style="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: 316px;overflow-y: auto;margin-bottom: 15px;">
|
|
<div class="hr_notification_head"
|
|
style="font-size: 17px;text-align: center;padding: 12px 0;color: #fff;font-weight: 300;background: #de6a5e;margin-bottom: 9px;">
|
|
Sale by Salesperson
|
|
</div>
|
|
<div class="col-sm-12 col-lg-12" style="padding:0;">
|
|
<div class="text-color">
|
|
<div class="">
|
|
<div class="media">
|
|
<div class="media-body">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="12">Name   </th>
|
|
<th rowspan="12">Orders</th>
|
|
<th rowspan="12">Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<t t-foreach="state.top_salesperson"
|
|
t-as="salesperson"
|
|
t-key="salesperson.id">
|
|
<tr>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="salesperson[0]"/>
|
|
</h2>
|
|
</td>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="salesperson[2]"/>
|
|
</h2>
|
|
</td>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="salesperson[1]"/>
|
|
</h2>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</tbody>
|
|
</table>
|
|
</div></div></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg-4">
|
|
<div class="hr_notification" style="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: 316px;overflow-y: auto;margin-bottom: 15px;">
|
|
<div class="hr_notification_head"
|
|
style="font-size: 17px;text-align: center;padding: 12px 0;color: #fff;font-weight: 300;background:#de6a5e;;margin-bottom: 9px;">
|
|
Payment Method
|
|
</div>
|
|
<div class="col-sm-12 col-lg-12" style="padding:0;">
|
|
<div class="text-color">
|
|
<div class="">
|
|
<div class="media">
|
|
<div class="media-body">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="12">Payment Method   </th>
|
|
<th rowspan="12">Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<t t-foreach="state.payment_details"
|
|
t-as="payment_method"
|
|
t-key="payment_method.id">
|
|
<tr>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="payment_method[0]"/>
|
|
</h2>
|
|
</td>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="payment_method[1]"/>
|
|
</h2>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</tbody>
|
|
</table>
|
|
</div></div></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg-4">
|
|
<div class="hr_notification" style="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: 316px;overflow-y: auto;margin-bottom: 15px;">
|
|
<div class="hr_notification_head"
|
|
style="font-size: 17px;text-align: center;padding: 12px 0;color: #fff;font-weight: 300;background: #de6a5e;margin-bottom: 9px;">
|
|
Session Status
|
|
</div>
|
|
<div class="col-sm-12 col-lg-12" style="padding:0;">
|
|
<div class="text-color">
|
|
<div class="">
|
|
<div class="media">
|
|
<div class="media-body">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="12">Session   </th>
|
|
<th rowspan="12">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<t t-foreach="state.selling_product"
|
|
t-as="session"
|
|
t-key="session.id">
|
|
<tr>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="session['session']"/>
|
|
</h2>
|
|
</td>
|
|
<td>
|
|
<h2 class="text-color display-6"
|
|
style="font-size: 15px;">
|
|
<t t-esc="session['status']"/>
|
|
</h2>
|
|
</td>
|
|
</tr>
|
|
</t>
|
|
</tbody>
|
|
</table>
|
|
</div></div></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
|