Build detail box

diff --git a/lib/mask.php b/lib/mask.php
index 139cf7f..8c335fe 100644 (file)
--- a/lib/mask.php
+++ b/lib/mask.php
@@ -19,16 +19,16 @@ function build_form($fields)
 
   $ret[] = '<input type="hidden" id="edit_id" name="id" value="">';
 
-  foreach ($fields as $id => $data) {
-    if ($data['type'] == 'text') {
+  foreach ($fields as $id => $info) {
+    if ($info['type'] == 'text') {
       $v = array('id="edit_'.$id.'"',
                 'name="'.$id.'"',
-                'size="'.$data['size'].'"',
+                'size="'.$info['size'].'"',
                 'type="text"');
-      $ret[] = sprintf('<label for="edit_%s"><b>%s</b></label><br>', $id, $data['name']);
+      $ret[] = sprintf('<label for="edit_%s"><b>%s</b></label><br>', $id, $info['name']);
       $ret[] = sprintf('<input %s><br>', implode(' ', $v));
 
-    } elseif ($data['type'] == 'date') {
+    } elseif ($info['type'] == 'date') {
       error_log('type = date');
     }
   }
@@ -102,16 +102,42 @@ function build_grid($name, $mask)
   return $ret;
 }
 
-function build_mask($name, $mask)
+function build_details($name, $details)
 {
-  $ret = build_grid($name, $mask);
+  $ret = array();
 
-  if (array_key_exists('edit', $mask))
-    $ret = array_merge($ret, build_form($mask['edit']));
+
+  $ret[] = '<div class="box">';
+  $ret[] = sprintf('<h2>%s</h2>', $details['title']);
+  if (array_key_exists('subtitle', $details))
+    $ret[] = sprintf('<p class="subtitle">%s</p>', $details['subtitle']);
+  $ret[] = '<ul>';
+  foreach ($details['list'] as $name => $info) {
+    $ret[] = sprintf('<li>%s: <span id="detail_%s"></span></li>', $info['name'], $name);
+  }
+  $ret[] = '</ul>';
+  $ret[] = '</div>';
 
   return $ret;
 }
 
+function build_mask($name, $mask)
+{
+  $grid = build_grid($name, $mask);
+
+  if (array_key_exists('details', $mask))
+    $details = build_details($name, $mask['details']);
+  else
+    $details = array();
+
+  return array_merge(
+                    array('<div class="right">'),
+                    $grid,
+                    array('</div>','<div class="left">'),
+                    $details,
+                    array('</div>'));
+}
+
 function mask($name)
 {
   global $jsfiles;
@@ -125,9 +151,11 @@ function mask($name)
   $jsfiles[] = 'lib/functions.js';
   $jsfiles[] = 'lib/rico/rico.js';
 
-  if (array_key_exists('table',$mask) && array_key_exists('list',$mask)) {
+  if (array_key_exists('table',$mask) && array_key_exists('list',$mask))
     $ret = build_mask($name, $mask);
-  }
+
+  if (array_key_exists('edit', $mask))
+    $ret = array_merge($ret, build_form($mask['edit']));
 
   return implode("\n", $ret);
 }

diff --git a/style.css b/style.css
index 10629ef..e01dd92 100644 (file)
--- a/style.css
+++ b/style.css
@@ -105,6 +105,10 @@ div.left .box {
        border: 1px solid #AAA;
 }
 
+p.subtitle {
+    margin-top: 0px;
+    margin-bottom: 3px;
+}
 
 div.content {
        font: 95%/1.3 Verdana,Arial,sans-serif;