forked from Tank/braga
50 lines
2.3 KiB
HTML
50 lines
2.3 KiB
HTML
<section class="container">
|
||
<div class="columns is-multiline">
|
||
<div class="column is-12">
|
||
<h1 class="title">{{title}}</h1>
|
||
<p>Период: <span class="has-text-warning is-size-5">{{start}} - {{ends}}</span></p>
|
||
<section class="block">
|
||
<form method="POST">
|
||
<div class="field is-grouped">
|
||
<p class="control">
|
||
<input class="input" id="dater" type="text" data-start="{{start}}" data-end="{{ends}}" name="datetimes" value="{{start}}|{{ends}}">
|
||
</p>
|
||
<p class="control">
|
||
<button class="button" name="submit" type="submit" class="is-danger">Выбрать</button>
|
||
</p>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<div class="columns is-multiline">
|
||
{% for id,tank in pairs(tanks) do %}
|
||
<div class="column is-half">
|
||
<h3 class="title is-4"><i class="fa fa-flask fa-fw" aria-hidden="true"></i><span class="tag {{tank.status}} is-large"><a class="full-info has-text-black" data-id="{{id}}">{{tank.name.value}}</a></span><span class="tag is-info has-text-black is-large is-pulled-right">PH: {{tank.ph.value}}</span></h3>
|
||
<div class="notification {{tank.notification.typ}}">{{tank.notification.text}}</div>
|
||
<div>
|
||
<canvas id="daystats{{id}}" data-labels='[{% for key, record in pairs(tank.stat) do %}"{{record.date}}"{% if key ~= #tank.stat then %},{% end end %}]' data-vals='[{% for key, record in pairs(tank.stat) do %}{{record.temp}}{% if key ~= #tank.stat then %},{% end end %}]'></canvas>
|
||
</div>
|
||
<br/>
|
||
<div class="tags">
|
||
<span class="tag is-info has-text-black is-large is-pulled-right">{{tank.date_start.value}}</span>
|
||
<span class="tag is-success has-text-black is-large is-pulled-right">{{tank.volume.value}} л</span>
|
||
<span class="tag is-success has-text-black is-large is-pulled-right">С-р: {{tank.sugar.value}}%</span>
|
||
<span class="tag is-light has-text-black is-large is-pulled-right">{{tank.date_end.value}}</span>
|
||
</div>
|
||
<div id="info{{id}}" class="is-hidden">
|
||
<ul class="tank-data">
|
||
{% for key,val in pairs(tank) do
|
||
if val.text and val.order then %}
|
||
<li style="border-bottom: 1px dotted white" data-order="{{val.order}}">{{val.text}} <span class="is-pulled-right"><b>{{val.value}}</b></span></li>
|
||
{% end end %}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
{% end %}
|
||
</div>
|
||
</div>
|
||
</section>
|