Changeset 744 for trunk/templates

Timestamp:

08/29/16 16:16:13 (8 years ago)

Author:

Kris Deugau

Message:

/trunk

Finally commit extension of log records to tuck "child" entries (ie,
new record in new zone, or mergerec's --detail argument) entries in
as subrecords of a parent, along with a bit of UI chrome to hide them.

Location:

trunk/templates

Files:

• dns.css (modified) (1 diff)
• log.tmpl (modified) (1 diff)

trunk/templates/dns.css

@@ -293 +293 @@
         font-size: 1.2em;
 }
+
+/* Pure CSS "click to show" widget, adapted from the group tree CSS */
+.collapsible li > input + * {
+        display: none;
+}
+/* when the input is checked, show the content div */
+.collapsible li > input:checked + * {
+        display: block;
+}
+/* hide the checkbox */
+.nocheckbox li > input {
+        display: none;
+        margin: 0em;
+        padding: 0px;
+}
+/* mostly just making the input label clickable */
+.collapsible label {
+        cursor: pointer;
+        display: inline;
+        margin: 0em;
+        padding: 0px;
+        padding-left: 10px;
+}
+/* be nice if we could make this work without the HTML list structure... */
+.notalist {
+        list-style: none;
+        margin: 0;
+        padding: 1px;
+}
+

trunk/templates/log.tmpl

@@ -53 +53 @@
  NAME=sortby>&amp;order=<TMPL_VAR NAME=order>&amp;id=<TMPL_VAR
  NAME=rdns_id>&amp;ltype=rdns"><TMPL_VAR NAME=revzone></a></td>
-        <td><TMPL_VAR NAME=logentry></td>
+<TMPL_IF childentries>
+        <td>
+  <ul class="collapsible nocheckbox notalist">
+    <li class="notalist">
+      <label for="childlist<TMPL_VAR NAME=logparent>"><TMPL_VAR NAME=logentry>&nbsp;(<img src="<TMPL_VAR
+ NAME=webpath>/images/tree_open.png" />Click for details)</label>
+      <input type="checkbox" id="childlist<TMPL_VAR NAME=logparent>" />
+      <ul class="notalist">
+        <li class="notalist"><TMPL_LOOP NAME=childentries>
+          <TMPL_VAR NAME=entry><TMPL_UNLESS __last__><br /></TMPL_UNLESS></TMPL_LOOP>
+        </li>
+      </ul>
+    </li>
+  </ul>
+<TMPL_ELSE>
+        <td><TMPL_VAR NAME=logentry>
+</TMPL_IF>
+</td>
         <td><TMPL_VAR NAME=logtime></td>
     </tr>