Advertisement
dotJason

Failed Load

Nov 5th, 2016
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <title>Pool Information</title>
  9.     <!-- Bootstrap -->
  10.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
  11.  
  12.     <script src="http://malsup.github.com/jquery.form.js"></script>
  13.     <link href="http://www.drinkmorebeer.com/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  14.     <link href="http://www.drinkmorebeer.com/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet">
  15.     <link href="http://www.drinkmorebeer.com/bootstrap/css/highlight.css" rel="stylesheet">
  16.     <link href="http://www.drinkmorebeer.com/bootstrap/css/main.css" rel="stylesheet">
  17.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  18.     <!-- WARNING: Respond.js doesnt work if you view the page via file:// -->
  19.     <!--[if lt IE 9]>
  20.      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  21.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  22.   <![endif]-->
  23.   </head>
  24.   <body>
  25.     <nav class="navbar navbar-default">
  26.       <div class="container">
  27.         <div class="navbar-header">
  28.           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
  29.             <span class="sr-only">Toggle navigation</span>
  30.             <span class="icon-bar"></span>
  31.             <span class="icon-bar"></span>
  32.             <span class="icon-bar"></span>
  33.           </button>
  34.           <a class="navbar-brand" href="#">Pentair Controller</a>
  35.         </div>
  36.         <div class="navbar-collapse collapse">
  37.           <ul class="nav navbar-nav">
  38.             <li class="active"><a href="#">Statistics</a></li>
  39.             <li><a href="/pool/state/chlorinator">Chlorinator</a></li>
  40.             <li><a href="/pool/state/schedule">Schedules</a></li>
  41.             <li class="dropdown">
  42.               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Diagnostic <span class="caret"></span></a>
  43.               <ul class="dropdown-menu">
  44.                 <li class="dropdown-header">Controller Information</li>
  45.                 <li><a href="/pool/state/metrics">Integration Metrics</a></li>
  46.                 <li><a href="/pool/state/arduino">Runtime Performance</a></li>
  47.                 <li role="separator" class="divider"></li>
  48.                 <li class="dropdown-header">Arduino Settings</li>
  49.                 <li><a href="/pool/state/debug">Console Debug Control</a></li>
  50.                 <li role="separator" class="divider"></li>
  51.                 <li class="dropdown-header">Other resources</li>
  52.                 <li><a href="https://personal.xively.com/feeds/805849745" target="_blank">Xively Graphs</a></li>
  53.                 <li><a href="http://192.168.1.165" target="_blank">Vera Controller</a></li>
  54.               </ul>
  55.             </li>
  56.             <li class="dropdown">
  57.               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Help<span class="caret"></span></a>
  58.               <ul class="dropdown-menu">
  59.                 <li class="dropdown-header">API Usage</li>
  60.                 <li><a href="/pool/state/apiv1">API version 1</a></li>
  61.                 <li><a href="/pool/state/apiv2">API version 2</a></li>
  62.                 <li role="separator" class="divider"></li>
  63.                 <li class="dropdown-header">General</li>
  64.                 <li><a href="/pool/state/about">About</a></li>
  65.               </ul>
  66.             </li>
  67.           </ul>
  68.         </div><!--/.nav-collapse -->
  69.       </div>
  70.     </nav>
  71.   <div class="col-xs-4" style="min-width: 450px">
  72.       <div class="panel panel-blue">
  73.           <div class="panel-heading">General Pool Information</div>
  74.           <div class="panel-body">
  75.               <table class="table table-hover">
  76.                   <thead>
  77.                       <tr>
  78.                           <th>Circuit</th>
  79.                           <th>Value / Status</th>
  80.                           <th>Control</th>
  81.                       </tr>
  82.                   </thead>
  83.                   <tbody>
  84.                       <tr>
  85.                           <td>Pump State</td>
  86.                           <td id="pumpState">On
  87.                           <td>
  88.                               <form id="pumpForm" action="http://192.168.1.150:2560/" method="get">
  89.                                   <input type="hidden" name="circulate" value="off"/>
  90.                                   <input type="submit" value="Toggle" />
  91.                               </form>
  92.                           </td>
  93.                       </tr>
  94.                       <tr>
  95.                           <td>Waterfall State</td>
  96.                             <td id="waterfallState">Off
  97.                           </td>
  98.                           <td>
  99.                               <form id="waterfallForm" action="http://192.168.1.150:2560/" method="get">
  100.                                   <input type="hidden" name="waterfall" value="on"/>
  101.                                   <input type="submit" value="Toggle" />
  102.                               </form>
  103.                           </td>
  104.                       </tr>
  105.                       <tr>
  106.                           <td>Cleaner State</td>
  107.                             <td id="cleanerState">Off
  108.                           </td>
  109.                           <td>
  110.                               <form id="cleanerForm" action="http://192.168.1.150:2560/" method="get">
  111.                                   <input type="hidden" name="cleaner" value="on"/>
  112.                                   <input type="submit" value="Toggle" />
  113.                               </form>
  114.                           </td>
  115.                       </tr>
  116.                       <tr>
  117.                           <td>Light State</td>
  118.                             <td id="lightState">Off
  119.                           </td>
  120.                           <td>
  121.                               <form id="lightForm" action="http://192.168.1.150:2560/" method="get">
  122.                                   <input type="hidden" name="light" value="on"/>
  123.                                   <input type="submit" value="Toggle" />
  124.                               </form>
  125.                           </td>
  126.                       </tr>
  127.                       <tr>
  128.                             <td>Pump RPM</td>
  129.                             <td id="pumpRPM">1600</td>
  130.                           <td>
  131.                           </td>
  132.                       </tr>
  133.                       <tr>
  134.                           <td>Pump Watts</td>348</td>72</td>89</td>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement