1
0
Fork 0

Phi: tweak Mass&Balance topic

This commit is contained in:
Torsten Dreyer 2015-02-06 10:24:50 +01:00
parent 2d9f7df50f
commit f8116ca79d

View file

@ -1,8 +1,7 @@
<style> <style>
.phi-mb-table { .phi-mb-table {
margin-bottom: 1ex; margin-bottom: 1ex;
width: 100%; width: 100%;
} }
.phi-mb-table-slider div { .phi-mb-table-slider div {
@ -18,9 +17,6 @@
width: 8em; width: 8em;
} }
.phi-mb-table-slider {
}
.phi-mb-table-value { .phi-mb-table-value {
width: 4em; width: 4em;
max-width: 4em; max-width: 4em;
@ -28,12 +24,13 @@
} }
#phi-mb-tablecolumn { #phi-mb-tablecolumn {
width: 66%; width: 66%;
float: left; float: left;
} }
#phi-mb-graphcolumn { #phi-mb-graphcolumn {
width: 33%; width: 33%;
float: right; float: right;
} }
</style> </style>
<div id="phi-mb-tablecolumn"> <div id="phi-mb-tablecolumn">
@ -52,7 +49,8 @@ float: right;
<tbody data-bind="foreach: tanks"> <tbody data-bind="foreach: tanks">
<tr data-bind="ifnot: hidden"> <tr data-bind="ifnot: hidden">
<td class="phi-mb-table-name" data-bind="text: name"></td> <td class="phi-mb-table-name" data-bind="text: name"></td>
<td class="phi-mb-table-slider"><div data-bind="slider: { value: content, realtime: true, max: capacity, change: setTankLevel }"></div></td> <td class="phi-mb-table-slider"><div
data-bind="slider: { value: content, realtime: true, max: capacity, change: setTankLevel }"></div></td>
<td class="phi-mb-table-value" data-bind="text: content().toFixed(0)"></td> <td class="phi-mb-table-value" data-bind="text: content().toFixed(0)"></td>
<td class="phi-mb-table-value" data-bind="text: moment().toFixed(0)"></td> <td class="phi-mb-table-value" data-bind="text: moment().toFixed(0)"></td>
@ -85,9 +83,11 @@ float: right;
<div class="ui-widget-header ui-corner-all">Envelope</div> <div class="ui-widget-header ui-corner-all">Envelope</div>
<div class="ui-widget-content ui-corner-all"> <div class="ui-widget-content ui-corner-all">
<div style="height: 200px" data-bind="flotchart: { data: envelopeData, options: envelopeOptions, hover: hover }"></div> <div style="height: 200px" data-bind="flotchart: { data: envelopeData, options: envelopeOptions, hover: hover }"></div>
<div><span data-bind="text: hoverLabel"></span> <div data-bind="visible: hoverLabel">
<span data-bind="text: hoverMass().toFixed(0), visible: hoverLabel"></span> <div>
<span data-bind="text: hoverCG().toFixed(0), visible: hoverLabel" ></span> <span data-bind="text: hoverLabel"></span> <span data-bind="text: hoverMass().toFixed(0)"></span><span>lbs</span>
<span data-bind="text: hoverCG().toFixed(0)"></span><span>@in</span>
</div>
</div> </div>
</div> </div>
</div> </div>