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.
 
 
 
 
 

71 lines
3.5 KiB

<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
<t t-name="dynamic_dashboard">
<div class="container">
<button class="btn btn-primary add_block" data-type="tile" type="button">Add Block
</button>
<button class="btn btn-primary add_block" data-type="graph" type="button">Add Graph
</button>
<div class=" o_dynamic_dashboard row">
</div>
<div style="padding-top: 100px" class="o_dynamic_chart row">
</div>
</div>
</t>
<t t-name="DynamicDashboardTile">
<div class="col-sm-12 col-md-12 col-lg-3 tile block" t-att-data-id="widget.id">
<div t-att-style="widget.color+widget.text_color"
class="tile-container d-flex justify-content-around align-items-center position-relative w-100 h-auto my-3">
<a t-att-style="widget.text_color"
class="block_setting position-absolute tile-container__setting-icon"><i
class="fa fa-cog"></i></a>
<div t-att-style="widget.icon_color"
class="tile-container__icon-container bg-white d-flex justify-content-center align-items-center">
<i t-att-class="widget.icon"></i>
</div>
<div class="tile-container__status-container">
<h2 class="status-container__title"><t t-esc="widget.name"/></h2>
<div class="status-container__figures d-flex flex-wrap align-items-baseline">
<h3 class="mb-0 mb-md-1 mb-lg-0 mr-1"><t t-esc="widget.value"/></h3>
</div>
</div>
</div>
</div>
</t>
<t t-name="DynamicDashboardChart">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Dashboard</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA=="
crossorigin="anonymous"/>
</head>
<div style="padding-bottom:30px" t-att-class="widget.cols +' col-4 block'" t-att-data-id="widget.id">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col">
<h3><t t-esc="widget.name"/></h3>
</div>
<div class="col">
<div style="float:right;"><i title="Configuration" class="fa fa-cog block_setting fa-2x"/></div>
</div>
</div>
</div>
<div class="card-body mt-3" id="in_ex_body_hide">
<div class="row">
<div class="col-md-12 chart_canvas">
<div id="chart_canvas">
<canvas class="chart_graphs" width="300" height="200"> </canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</t>
</templates>