Skip to content
Snippets Groups Projects
Commit 9c9f9a77 authored by George Salukvadze's avatar George Salukvadze
Browse files

- Added css and image for Inside/Membranes view

parent dc740bc3
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/img/membranes.png 0 → 100644
+ 0
− 0
View file @ 9c9f9a77
app/img/membranes.png

41.9 KiB

app/inside/inside.css 0 → 100644
+ 78
− 0
View file @ 9c9f9a77
.membrain_container {
background-color: white;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
overflow: hidden;
margin: 0;
}
#outer_pressure {
position: fixed;
left: 6%;
top: 20%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#inner_pressure {
position:fixed;
left: 6%;
top: 40%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#inner_pressure_2 {
position:fixed;
right: 10%;
top: 40%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#ambient {
position: fixed;
right: 10%;
top: 20%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#penetration_pipe {
position: fixed;
right: 7%;
top: 60%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#beam_plug {
position: fixed;
left: 23%;
top: 7%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
#lesker_vacuum_gauge {
position: fixed;
left: 33%;
top: 7%;
text-align: right;
color: gray;
font-family: "Arial Black";
font-size: 18px;
}
\ No newline at end of file
app/inside/inside.template.html
+ 21
− 21
View file @ 9c9f9a77
<div class="container">
<link rel="stylesheet" href="inside/inside.css">
<div class="membrain_container">
<div id="pageTitle">{{$ctrl.pageTitle}}</div>
<img id="detector" src="img/cryostat.png" alt="Cryostat" style="display: block;
position: relative;
margin-top: 10%;
margin-left: 10%;
height: 65%;
width: 65%;"/>
<img id="detector" src="img/membranes.png" alt="Membranes" style="display: block;
position: relative;
margin-left: auto;
margin-right: auto;
top: 50%;"/>
<div id="outer_pressure">Outer pressure ABS:<br/><span class="value">{{ $ctrl.PT0104[0].Mnish | number: 2 }} bar</span><br/>Outer pressure Diff:<br/><span class="value">{{ $ctrl.PT0105[0].Mnish | number: 2 }} mbar</span></div>
<div id="inner_pressure">Inner pressure ABS:<br/><span class="value">{{ $ctrl.PT0100[0].Mnish | number: 2 }} bar</span><br/>Inner pressure Diff:<br/><span class="value">{{ $ctrl.PT0101[0].Mnish | number: 2 }} mbar</span></div>
<div id="beam_plug">Beam plug:<br/><span class="value">{{ $ctrl.TT0123[0].Mnish | number: 2 }} mbar</span></div>
<div id="lesker_vacuum_gauge">Lesker vacuum gauge:<br/><span class="value">{{ $ctrl.SPAREAI[0].Mnish | number: 2 }} V</span></div>
<div id="outer_pressure">Outer pressure ABS:<br/><a href="#!/histogram/PT0104"><span class="value">{{ $ctrl.PT0104[0].Mnish | number: 2 }} bar</span></a><br/>Outer pressure Diff:<br/><a href="#!/histogram/PT0105"><span class="value">{{ $ctrl.PT0105[0].Mnish | number: 2 }} mbar</span></a></div>
<div id="inner_pressure">Inner pressure ABS:<br/><a href="#!/histogram/PT0100"><span class="value">{{ $ctrl.PT0100[0].Mnish | number: 2 }} bar</span></a><br/>Inner pressure Diff:<br/><a href="#!/histogram/PT0101"><span class="value">{{ $ctrl.PT0101[0].Mnish | number: 2 }} mbar</span></a></div>
<div id="beam_plug">Beam plug:<br/><a href="#!/histogram/TT0123"><span class="value">{{ $ctrl.TT0123[0].Mnish | number: 2 }} mbar</span></a></div>
<div id="lesker_vacuum_gauge">Lesker vacuum gauge:<br/><a href="#!/histogram/SPAREAI"><span class="value">{{ $ctrl.SPAREAI[0].Mnish | number: 2 }} V</span></a></div>
<div id="timestamp_label">Timestamp:<br/><span id="timestamp">{{ $ctrl.timestamp[0].Mnish }}</span></div>
<div id="ambient">Humidity:<br/><span class="value">{{ $ctrl.MHT0100[0].Mnish | number: 2 }} %</span><br/>Ambient temperature:<br/><span class="value">{{ $ctrl.TT0100[0].Mnish | number: 2 }} &#8451;</span><br/>Ambient pressure:<br/><span class="value">{{ $ctrl.PT0106[0].Mnish | number: 2 }} bar</span></div>
<div id="inner_pressure_2">Inner Pressure ABS 2:<br/><span class="value">{{ $ctrl.PT0102[0].Mnish | number: 2 }} bar</span><br/>Inner Pressure Diff:<br/><span class="value">{{ $ctrl.PT0103[0].Mnish | number: 2 }} mbar</span></div>
<div id="ambient">Humidity:<br/><a href="#!/histogram/MHT0100"><span class="value">{{ $ctrl.MHT0100[0].Mnish | number: 2 }} %</span></a><br/>Ambient temperature:<br/><a href="#!/histogram/TT0100"><span class="value">{{ $ctrl.TT0100[0].Mnish | number: 2 }} &#8451;</span></a><br/>Ambient pressure:<br/><a href="#!/histogram/PT0106"><span class="value">{{ $ctrl.PT0106[0].Mnish | number: 2 }} bar</span></a></div>
<div id="inner_pressure_2">Inner Pressure ABS 2:<br/><a href="#!/histogram/PT0102"><span class="value">{{ $ctrl.PT0102[0].Mnish | number: 2 }} bar</span></a><br/>Inner Pressure Diff:<br/><a href="#!/histogram/PT0103"><span class="value">{{ $ctrl.PT0103[0].Mnish | number: 2 }} mbar</span></a></div>
<div id="penetration_pipe">
<table id="penetration">
<tr>
......@@ -21,10 +21,10 @@
<th>Penetration Pipe 33.2</th>
</tr>
<tr>
<td>TT0101: <span class="value">{{ $ctrl.TT0101[0].Mnish | number: 2 }} &#8490;</span><br/>
TT0102: <span class="value">{{ $ctrl.TT0102[0].Mnish | number: 2 }} &#8490;</span><br/>
TT0103: <span class="value">{{ $ctrl.TT0103[0].Mnish | number: 2 }} &#8490;</span></td>
<td>TT0107: <span class="value">{{ $ctrl.TT0107[0].Mnish | number: 2 }} &#8490;</span></td>
<td>TT0101: <a href="#!/histogram/TT0101"><span class="value">{{ $ctrl.TT0101[0].Mnish | number: 2 }} &#8490;</span></a><br/>
TT0102: <a href="#!/histogram/TT0102"><span class="value">{{ $ctrl.TT0102[0].Mnish | number: 2 }} &#8490;</span></a><br/>
TT0103: <a href="#!/histogram/TT0103"><span class="value">{{ $ctrl.TT0103[0].Mnish | number: 2 }} &#8490;</span></a></td>
<td>TT0107: <a href="#!/histogram/TT0107"><span class="value">{{ $ctrl.TT0107[0].Mnish | number: 2 }} &#8490;</span></a></td>
</tr>
</table>
<table id="penetration_2">
......@@ -33,10 +33,10 @@
<th>Penetration Pipe 33.4</th>
</tr>
<tr>
<td>TT0113: <span class="value">{{ $ctrl.TT0113[0].Mnish | number: 2 }} &#8490;</span><br/>
TT0115: <span class="value">{{ $ctrl.TT0115[0].Mnish | number: 2 }} &#8490;</span></td>
<td>TT0119: <span class="value">{{ $ctrl.TT0119[0].Mnish | number: 2 }} &#8490;</span><br/>
TT0120: <span class="value">{{ $ctrl.TT0120[0].Mnish | number: 2 }} &#8490;</span></td>
<td>TT0113: <a href="#!/histogram/TT0113"><span class="value">{{ $ctrl.TT0113[0].Mnish | number: 2 }} &#8490;</span></a><br/>
TT0115: <a href="#!/histogram/TT0115"><span class="value">{{ $ctrl.TT0115[0].Mnish | number: 2 }} &#8490;</span></a></td>
<td>TT0119: <a href="#!/histogram/TT0119"><span class="value">{{ $ctrl.TT0119[0].Mnish | number: 2 }} &#8490;</span></a><br/>
TT0120: <a href="#!/histogram/TT0120"><span class="value">{{ $ctrl.TT0120[0].Mnish | number: 2 }} &#8490;</span></a></td>
</tr>
</table>
</div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment