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.
191 lines
6.7 KiB
191 lines
6.7 KiB
<?xml version="1.0" encoding="UTF-8"?>
|
|
<templates id="template" xml:space="preserve">
|
|
<t t-name="Dashboard">
|
|
<div class="oh_dashboards">
|
|
<div class="container-fluid my-5 o_hr_dashboard"/>
|
|
<h1></h1>
|
|
</div>
|
|
</t>
|
|
<t t-name="InventoryTiles">
|
|
<div class="container-fluid py-5">
|
|
<div class="row" id="set"></div>
|
|
</div>
|
|
<div class="accounts-dashboard-wrap">
|
|
<div class="row main-section" id="new"></div>
|
|
</div>
|
|
</t>
|
|
<t t-name="ProductSaleBarGraph">
|
|
<div class="row mt-5 px-4" id="graphs">
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px;">
|
|
<h2>Top Moving Products</h2>
|
|
<div class="form-group col-2"
|
|
id="top_product_button">
|
|
<select id="top_product_selection"
|
|
class="btn btn-primary">
|
|
<option id="top_last_10_days"
|
|
value="top_last_10_days"
|
|
selected="selected">Last 10 Days</option>
|
|
<option id="top_last_30_days"
|
|
value="top_last_30_days">Last 30 Days</option>
|
|
<option id="top_last_3_month"
|
|
value="top_last_3_month">Last 3 Month</option>
|
|
<option id="top_last_year"
|
|
value="top_last_year">Last Year</option>
|
|
</select>
|
|
</div>
|
|
<button class="btn_info" id="top_product_info"
|
|
title="Show Details">
|
|
<i class="fa fa-ellipsis-v"></i>
|
|
</button>
|
|
<table class="graph_details_table" id="pro_info">
|
|
<tr>
|
|
<th>Products</th>
|
|
<th>Quantity Transfered</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr/>
|
|
<div class="graph_canvas" style="margin-top: 30px;">
|
|
<canvas id="canvaspie" height="500px"
|
|
width="150px"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px;">
|
|
<h2>Product Categories</h2>
|
|
<button class="btn_info" id="pro_cate_info"
|
|
title="Show Details">
|
|
<i class="fa fa-ellipsis-v"></i>
|
|
</button>
|
|
<table class="graph_details_table" id="category_table">
|
|
<tr>
|
|
<th>Categories</th>
|
|
<th>Onhand Quantity</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr/>
|
|
<div class="graph_canvas" style="margin-top: 30px;">
|
|
<canvas id="product_category" height="500px"
|
|
width="150px"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px;"
|
|
class="d-flex justify-content-between align-items-center">
|
|
<h2>Product Moves By Category</h2>
|
|
<div class="form-group col-2"
|
|
id="product_move_select">
|
|
<select id="product_move_selection"
|
|
class="btn btn-primary"></select>
|
|
</div>
|
|
<button class="btn_info" id="product_move_info"
|
|
title="Show Details">
|
|
<i class="fa fa-ellipsis-v"></i>
|
|
</button>
|
|
<table class="graph_details_table"
|
|
id="product_move_table">
|
|
<tr>
|
|
<th>Products</th>
|
|
<th>Quantity Done</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr/>
|
|
<div class="graph_canvas" style="margin-top: 30px;">
|
|
<canvas id="product_move_graph" height="500px"
|
|
width="150px"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px;"
|
|
class="d-flex justify-content-between align-items-center">
|
|
<h2>Stock Moves By Location</h2>
|
|
<div class="form-group col-2"
|
|
id="stock_move_select">
|
|
<select id="stock_moves_selection"
|
|
class="btn btn-primary">
|
|
<option id="last_10_days"
|
|
value="last_10_days"
|
|
selected="selected">Last 10 Days</option>
|
|
<option id="this_month" value="this_month">Last months</option>
|
|
<option id="last_3_month"
|
|
value="last_3_month">Last 3 months</option>
|
|
<option id="last_year" value="last_year">Last Year</option>
|
|
</select>
|
|
</div>
|
|
<button class="btn_info" id="stock_move_info"
|
|
title="Show Details">
|
|
<i class="fa fa-ellipsis-v"></i>
|
|
</button>
|
|
<table class="graph_details_table"
|
|
id="stock_move_table">
|
|
<tr>
|
|
<th>Location</th>
|
|
<th>Stock Moves Count</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr/>
|
|
<div class="graph_canvas" style="margin-top: 30px;">
|
|
<canvas id="stock_moves" height="500px"
|
|
width="150px"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px;">
|
|
<h2>Operation Types</h2>
|
|
<button class="btn_info" id="operation_type_info"
|
|
title="Show Details">
|
|
<i class="fa fa-ellipsis-v"></i>
|
|
</button>
|
|
<table class="graph_details_table"
|
|
id="operation_type_table">
|
|
<tr>
|
|
<th>Operation Types</th>
|
|
<th>Transfer Count</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<hr/>
|
|
<div class="graph_canvas" style="margin-top: 30px;">
|
|
<canvas id="operation" height="500px" width="150px"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="year_to_date_graph_div col-sm-12 col-md-6 my-4">
|
|
<div class="chart-container card-shadow" id="tiles">
|
|
<div style="height: 20px; max-height: 20px">
|
|
<h2>Locations</h2>
|
|
</div>
|
|
<hr/>
|
|
<table style="margin-top: 30px;" class="table table-hover"
|
|
id="location_table">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<h2>Location</h2>
|
|
</th>
|
|
<th>
|
|
<h2 style="text-align: center;">On Hand Quantity</h2>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="storage"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</templates>
|
|
|
|
|