Customize template for viewing probe details

probably still need to improve editing also?  we'll see

tailbone/static/css/layout.css

@@ -160,6 +160,12 @@ body > #body-wrapper {
  * Panels
  ******************************/
 
+.panel-wrapper {
+    float: left;
+    margin-right: 15px;
+    width: 40%;
+}
+
 .panel,
 .panel-grid {
     border-left: 1px solid Black;

tailbone/templates/products/view.mako

@@ -11,11 +11,6 @@
     #product-image {
         float: left;
     }
-    .panel-wrapper {
-        float: left;
-        margin-right: 15px;
-        width: 40%;
-    }
   </style>
 </%def>
 

tailbone/templates/tempmon/probes/view.mako

@@ -0,0 +1,88 @@
+## -*- coding: utf-8; -*-
+<%inherit file="/master/view.mako" />
+
+##############################
+## page body
+##############################
+
+<ul id="context-menu">
+  ${self.context_menu_items()}
+</ul>
+
+<div class="form-wrapper">
+
+  <div class="panel" id="probe-main">
+    <h2>General</h2>
+    <div class="panel-body">
+      <div style="clear: none; float: left;">
+        ${self.render_main_fields(form)}
+      </div>
+##       % if image_url:
+##           ${h.image(image_url, "Probe Image", id='probe-image', width=150, height=150)}
+##       % endif
+    </div>
+  </div>
+
+  <div class="panel-wrapper">
+    ${self.left_column()}
+  </div>
+
+  <div class="panel-wrapper">
+    ${self.right_column()}
+  </div>
+
+</div>
+
+% if master.has_rows:
+    ${rows_grid|n}
+% endif
+
+##############################
+## rendering methods
+##############################
+
+<%def name="render_main_fields(form)">
+  ${form.render_field_readonly('client')}
+  ${form.render_field_readonly('config_key')}
+  ${form.render_field_readonly('appliance_type')}
+  ${form.render_field_readonly('description')}
+  ${form.render_field_readonly('device_path')}
+  ${form.render_field_readonly('notes')}
+  ${form.render_field_readonly('enabled')}
+  ${form.render_field_readonly('status')}
+  ${form.render_field_readonly('therm_status_timeout')}
+  ${form.render_field_readonly('status_alert_timeout')}
+</%def>
+
+<%def name="left_column()">
+  <div class="panel">
+    <h2>Temperatures</h2>
+    <div class="panel-body">
+      ${self.render_temperature_fields(form)}
+    </div>
+  </div>
+</%def>
+
+<%def name="right_column()">
+  <div class="panel">
+    <h2>Timeouts</h2>
+    <div class="panel-body">
+      ${self.render_timeout_fields(form)}
+    </div>
+  </div>
+</%def>
+
+<%def name="render_temperature_fields(form)">
+  ${form.render_field_readonly('critical_temp_max')}
+  ${form.render_field_readonly('good_temp_max')}
+  ${form.render_field_readonly('good_temp_min')}
+  ${form.render_field_readonly('critical_temp_min')}
+</%def>
+
+<%def name="render_timeout_fields(form)">
+  ${form.render_field_readonly('critical_max_timeout')}
+  ${form.render_field_readonly('good_max_timeout')}
+  ${form.render_field_readonly('good_min_timeout')}
+  ${form.render_field_readonly('critical_min_timeout')}
+  ${form.render_field_readonly('error_timeout')}
+</%def>

tailbone/views/tempmon/probes.py

@@ -51,6 +51,13 @@ class TempmonProbeView(MasterView):
     has_rows = True
     model_row_class = tempmon.Reading
 
+    labels = {
+        'critical_max_timeout': "Critical High Timeout",
+        'good_max_timeout': "High Timeout",
+        'good_min_timeout': "Low Timeout",
+        'critical_min_timeout': "Critical Low Timeout",
+    }
+
     grid_columns = [
         'client',
         'config_key',