Advertisement
Guest User

Emoncms3 dashboard example 2

a guest
Aug 14th, 2012
589
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.38 KB | None | 0 0
  1. <div class="Container-White" id="1" name="can1" style="margin: 0px; left: 0px; top: 0px; width: 700px; height: 220px; position: absolute;"></div>
  2. <div class="Container-White" id="14" name="can2" style="margin: 0px; left: 0px; top: 230px; width: 800px; height: 450px; position: absolute;"></div>
  3. <div class="Container-Grey" id="17" name="can3" style="margin: 0px; left: 710px; top: 0px; width: 90px; height: 220px; position: absolute;"></div>
  4.  
  5.  
  6. <div class="simplezoom" id="2" kwhd="2" power="1" style="margin: 0px; left: 20px; top: 260px; width: 350px; height: 300px; position: absolute;">
  7. <iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://energy.bluemotica.nl/vis/simplezoom?apikey=e5f60035a5c46b8d8f4843a33b78d365&amp;embed=1&amp;power=1&amp;kwhd=2" style="width: 400px; height: 300px;"></iframe></div>
  8.  
  9. <div class="realtime" feedid="1" id="3" style="margin: 0px; left: 430px; top: 260px; width: 350px; height: 300px; position: absolute;">
  10. <iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://energy.bluemotica.nl/vis/realtime?apikey=e5f60035a5c46b8d8f4843a33b78d365&amp;embed=1&amp;feedid=1" style="width: 400px; height: 300px;"></iframe></div>
  11.  
  12. <div class="dial" feed="power1" id="4" max="8500" scale="1" style="margin: 0px; left: 40px; top: 40px; width: 160px; height: 160px; position: absolute;" type="2" units="W">
  13. <canvas height="160" id="can-4" width="160"></canvas></div>
  14.  
  15. <div class="dial" feed="voltage" id="5" max="250" scale="1" style="margin: 0px; left: 200px; top: 40px; width: 160px; height: 160px; position: absolute;" type="6" units="V">
  16. <canvas height="160" id="can-5" width="160"></canvas></div>
  17.  
  18. <div class="dial" feed="temp_basement" id="6" max="40" scale="1" style="margin: 0px; left: 360px; top: 40px; width: 160px; height: 160px; position: absolute;" type="8" units="C">
  19. <canvas height="160" id="can-6" width="160"></canvas></div>
  20.  
  21. <div class="dial" feed="temp_waterinput" id="7" max="40" scale="1" style="margin: 0px; left: 520px; top: 40px; width: 160px; height: 160px; position: absolute;" type="8" units="C">
  22. <canvas height="160" id="can-7" width="160"></canvas></div>
  23.  
  24. <div class="dial" feed="temp_arduino" id="8" max="50" scale="1" style="margin: 0px; left: 715px; top: 40px; width: 80px; height: 80px; position: absolute;" type="8" units="C">
  25. <canvas height="80" id="can-8" width="80"></canvas></div>
  26.  
  27. <div class="led" feed="rf_feed" id="18" style="margin: 0px; left: 715px; top: 120px; width: 80px; height: 80px; position: absolute;">
  28. <canvas height="80" id="can-18" width="80"></canvas></div>
  29.  
  30. <div class="paragraph" id="9" style="margin:  0px; left: 100px; top: 170px; width: 100px; height: 60px; position: absolute;"><b><font color="#9C4A00">Power</font></b></div>
  31. <div class="paragraph" id="10" style="margin: 0px; left: 250px; top: 170px; width: 100px; height: 60px; position: absolute;"><b><font color="#9C4A00">Voltage</font></b></div>
  32. <div class="paragraph" id="11" style="margin: 0px; left: 400px; top: 170px; width: 100px; height: 60px; position: absolute;"><b><font color="#00019C">Basement</font></b></div>
  33. <div class="paragraph" id="12" style="margin: 0px; left: 560px; top: 170px; width: 100px; height: 60px; position: absolute;"><b><font color="#00019C">Waterinlet</font></b></div>
  34.  
  35. <div class="paragraph" id="13" style="margin: 0px; left: 735px; top: 110px; width: 100px; height: 60px; position: absolute;"><b><font color="#B8055F"><font size="1">Arduino</font></font></b></div>
  36. <div class="paragraph" id="19" style="margin: 0px; left: 735px; top: 180px; width: 100px; height: 60px; position: absolute;"><b><font color="#B8055F"><font size="1">RF-signal</font></font></b></div>
  37. <div class="paragraph" id="20" style="margin: 0px; left: 720px; top: 10px;  width: 100px; height: 60px; position: absolute;"><font color="#9C4A00"><h6>NanodeRF:</h6></font></div>
  38.  
  39. <div class="Header"       id="14" style="margin:  0px; left: 270px; top: 10px;  width: 250px; height: 20px; position: absolute; " ><b><font color="#5F2D02"><h3>BlueMotica E-dashboard</h3></font></b></div>
  40. <div class="paragraph" id="15" style="margin:  0px; left: 150px; top: 240px; width: 100px; height: 60px; position: absolute;"><font color="#9C4A00"><h4>Histogram:</h4></font></div>
  41. <div class="paragraph" id="16" style="margin:  0px; left: 550px; top: 240px; width: 100px; height: 60px; position: absolute;"><font color="#9C4A00"><h4>Realtime use:</h4></font></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement