From bd6cc37d4a4c200ab34e0707036966ca7484c2d3 Mon Sep 17 00:00:00 2001
From: abijah <abijah@97e9348a-65ac-dc4b-aefc-98561f571b83>
Date: Fri, 29 May 2009 14:49:11 +0000
Subject: [PATCH] Initial working version ofa consistent layout with side menu

git-svn-id: file:///svn-source/pmgr/branches/initial_20090526/site@38 97e9348a-65ac-dc4b-aefc-98561f571b83
---
 app_controller.php           |  19 +++++
 views/contacts/view.ctp      |   1 -
 views/elements/contacts.ctp  |  13 ++--
 views/elements/maps.ctp      |  13 ++--
 views/elements/sidemenu.ctp  |  24 ++++++
 views/elements/units.ctp     |  13 ++--
 views/layouts/default.ctp    |  50 +++++++++----
 views/units/view.ctp         |   1 -
 webroot/css/cake.generic.css |   5 +-
 webroot/css/sidemenu.css     | 140 +++++++++++++++++++++++++++++++++++
 10 files changed, 234 insertions(+), 45 deletions(-)
 create mode 100644 views/elements/sidemenu.ctp
 create mode 100644 webroot/css/sidemenu.css

diff --git a/app_controller.php b/app_controller.php
index 87357ed..ae6a785 100644
--- a/app_controller.php
+++ b/app_controller.php
@@ -35,5 +35,24 @@
  * @subpackage    cake.app
  */
 class AppController extends Controller {
+
+  function sideMenuStandardLinks() {
+    return array(
+		 array('name' => 'Standard Menu',    'header' => true),
+		 array('name' => 'Site Map',    'url' => array('controller' => 'maps',       'action' => 'view', 1)),
+		 array('hr' => true),
+		 array('name' => 'Tenants',     'url' => array('controller' => 'contacts',   'action' => 'index')),
+		 array('name' => 'Units',       'url' => array('controller' => 'units',      'action' => 'index')),
+		 );
+  }
+
+  function sideMenuLinks() {
+    return $this->sideMenuStandardLinks();
+  }
+
+  function beforeRender() {
+    $this->set('sidemenu', $this->sideMenuLinks());
+  }
+
 }
 ?>
\ No newline at end of file
diff --git a/views/contacts/view.ctp b/views/contacts/view.ctp
index 5d6e968..d2823c9 100644
--- a/views/contacts/view.ctp
+++ b/views/contacts/view.ctp
@@ -1,7 +1,6 @@
 <?php /* -*- mode:PHP -*- */ ?>
 
 <div class="contacts view">
-<h2><?php __('Contact'); ?></h2>
 
 <?php
 
diff --git a/views/elements/contacts.ctp b/views/elements/contacts.ctp
index f28baa3..6b51553 100644
--- a/views/elements/contacts.ctp
+++ b/views/elements/contacts.ctp
@@ -1,13 +1,10 @@
-<?php /* -*- mode:PHP -*- */ ?>
+<?php /* -*- mode:PHP -*- */
 
-<p>
-<?php
-   if (isset($heading))
-      echo $heading;
-   else
-      echo '<h2>'.__('Contacts',true).'</h2>';
+if (isset($heading))
+  echo $heading;
+else
+  echo '<h2>'.__('Contacts',true).'</h2>';
 ?>
-</p>
 
 <table cellpadding="0" cellspacing="0">
 
diff --git a/views/elements/maps.ctp b/views/elements/maps.ctp
index a62fcaa..0de3f45 100644
--- a/views/elements/maps.ctp
+++ b/views/elements/maps.ctp
@@ -1,13 +1,10 @@
-<?php /* -*- mode:PHP -*- */ ?>
+<?php /* -*- mode:PHP -*- */
 
-<p>
-<?php
-   if (isset($heading))
-      echo $heading;
-   else
-      echo '<h2>'.__('Maps',true).'</h2>';
+if (isset($heading))
+  echo $heading;
+else
+  echo '<h2>'.__('Maps',true).'</h2>';
 ?>
-</p>
 
 <table cellpadding="0" cellspacing="0">
 
diff --git a/views/elements/sidemenu.ctp b/views/elements/sidemenu.ctp
new file mode 100644
index 0000000..c1e8958
--- /dev/null
+++ b/views/elements/sidemenu.ctp
@@ -0,0 +1,24 @@
+<?php /* -*- mode:PHP -*- */
+
+/* sidemenu.ctp */
+/*
+ *
+ * @filesource
+ * @copyright     Copyright 2009, Abijah Perkins
+ * @package       pmgr
+ */
+
+foreach ($menu AS $item) {
+  if (isset($item['header']))
+    echo('<DIV CLASS="header">' . $item['name'] . '</DIV>' . "\n");
+  elseif (isset($item['hr']))
+    echo('<HR>' . "\n");
+  elseif (isset($item['url']))
+    echo('<DIV CLASS="item">'
+	 . $html->link($item['name'], $item['url'],
+		       isset($item['htmlAttributes']) ? $item['htmlAttributes'] : null,
+		       isset($item['confirmMessage']) ? $item['confirmMessage'] : null,
+		       isset($item['escapeTitle'])    ? $item['escapeTitle'] : null)
+
+	 . '</DIV>' . "\n");
+}
diff --git a/views/elements/units.ctp b/views/elements/units.ctp
index ee19ea9..8d504c0 100644
--- a/views/elements/units.ctp
+++ b/views/elements/units.ctp
@@ -1,13 +1,10 @@
-<?php /* -*- mode:PHP -*- */ ?>
+<?php /* -*- mode:PHP -*- */
 
-<p>
-<?php
-   if (isset($heading))
-      echo $heading;
-   else
-      echo '<h2>'.__('Units',true).'</h2>';
+if (isset($heading))
+  echo $heading;
+else
+  echo '<h2>'.__('Units',true).'</h2>';
 ?>
-</p>
 
 <table cellpadding="0" cellspacing="0">
 
diff --git a/views/layouts/default.ctp b/views/layouts/default.ctp
index db4d2aa..a703388 100644
--- a/views/layouts/default.ctp
+++ b/views/layouts/default.ctp
@@ -27,38 +27,56 @@
 <head>
 	<?php echo $html->charset(); ?>
 	<title>
-		<?php __('CakePHP: the rapid development php framework:'); ?>
-		<?php echo $title_for_layout; ?>
+		Property Manager: <?php echo $title_for_layout; ?>
 	</title>
 	<?php
 		echo $html->meta('icon');
-
 		echo $html->css('cake.generic');
-
 		echo $scripts_for_layout;
 	?>
+	<LINK REL="stylesheet" TYPE="text/css" HREF="<?php echo $html->url('/webroot/css/sidemenu.css') ?>" />
+
 </head>
 <body>
+
+  <TABLE id="layout">
+    <!-- LAYOUT TABLE -->
+    <TR>
+      <!-- LAYOUT ROW -->
+
+      <TD ID="sidecolumn">
+        <!-- SIDE MENU COLUMN -->
+
+	<?php echo $this->element('sidemenu', array('menu' => $sidemenu)); ?>
+
+      	<!-- END SIDE MENU COLUMN -->
+      </TD>  
+
+      <TD ID="pagecolumn">
+        <!-- CONTENT COLUMN -->
+
 	<div id="container">
-		<div id="header">
-			<h1><?php echo $html->link(__('CakePHP: the rapid development php framework', true), 'http://cakephp.org'); ?></h1>
-		</div>
 		<div id="content">
 
 			<?php $session->flash(); ?>
-
 			<?php echo $content_for_layout; ?>
 
 		</div>
 		<div id="footer">
-			<?php echo $html->link(
-					$html->image('cake.power.gif', array('alt'=> __("CakePHP: the rapid development php framework", true), 'border'=>"0")),
-					'http://www.cakephp.org/',
-					array('target'=>'_blank'), null, false
-				);
-			?>
 		</div>
 	</div>
-	<?php echo $cakeDebug; ?>
+
+        <!-- END CONTENT COLUMN -->
+      </TD>
+
+      <!-- LAYOUT ROW -->
+    </TR>
+
+    <!-- LAYOUT TABLE -->
+  </TABLE>
+
+<?php echo $cakeDebug; ?>
+<?php /* pr($this); */ ?>
+
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/views/units/view.ctp b/views/units/view.ctp
index 6e2c113..307f380 100644
--- a/views/units/view.ctp
+++ b/views/units/view.ctp
@@ -1,7 +1,6 @@
 <?php /* -*- mode:PHP -*- */ ?>
 
 <div class="units view">
-<h2><?php __('Unit'); ?></h2>
 
 <?php
 
diff --git a/webroot/css/cake.generic.css b/webroot/css/cake.generic.css
index 50ee79a..8fc98f4 100644
--- a/webroot/css/cake.generic.css
+++ b/webroot/css/cake.generic.css
@@ -63,8 +63,7 @@ h2 {
 	color: #e32;
 	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
 	font-size: 190%;
-	margin: 0.3em 0;
-	padding-top: 0.8em;
+	margin-bottom: 0.3em;
 }
 h3 {
 	color: #993;
@@ -109,7 +108,7 @@ ul, li {
 	background: #fff;
 	clear: both;
 	color: #333;
-	padding: 10px 20px 40px 20px;
+/* 	padding: 10px 20px 40px 20px; */
 	overflow: auto;
 }
 #footer {
diff --git a/webroot/css/sidemenu.css b/webroot/css/sidemenu.css
new file mode 100644
index 0000000..af9a415
--- /dev/null
+++ b/webroot/css/sidemenu.css
@@ -0,0 +1,140 @@
+/************************************************************
+ ************************************************************
+ * Debug table margin/padding helper
+ */
+
+/* table th, td { border: dashed 1px; } */
+
+/************************************************************
+ ************************************************************
+ * Overall page layout
+ */
+
+table#layout   { width: 100% }
+td#sidecolumn  { width: 1%; background: lightblue; text-align: left; }
+td#pagecolumn  { padding-left: 4mm; }
+td#sidecolumn  ,
+td#pagecolumn  { vertical-align: top; }
+
+td#sidecolumn .header ,
+td#sidecolumn .item   { white-space : nowrap; }
+td#sidecolumn .item   { padding-left: 0.6em; }
+td#sidecolumn .item a { background: lightblue; }
+
+td#sidecolumn hr { margin-top: 0.4em; margin-bottom: 0.3em; }
+
+
+/************************************************************
+ ************************************************************
+ * Panel captions
+ */
+
+table caption  { text-align:    left;
+                 font-size:     120%;
+                 font-weight:   bold;
+                 margin-bottom: 0.5em;
+               }
+
+
+/************************************************************
+ ************************************************************
+ * Panel headers
+ */
+
+td#sidecolumn  .header    ,
+table.list     th         ,
+table.edit     td.name    { background:    blue;
+			    color:         white;
+			    font-weight:   bold;
+			  }
+
+
+/************************************************************
+ ************************************************************
+ * Cell configuration
+ */
+
+th, td         { padding: 0.1em 0.4em 0.1em 0.4em; }
+table.item     { border-spacing: 0 0; /*IE*/border-collapse: collapse; empty-cells: show }
+
+
+/************************************************************
+ ************************************************************
+ * Overall text alignment
+ */
+
+th, td         { text-align: left; }
+
+
+/************************************************************
+ ************************************************************
+ * Formatting for item listings
+ */
+
+/** Item listing width and borders **/
+table.list                { width: 100%; }
+table.list td             { border: 1px solid #000; }
+
+/* IE doesn't seem to work with first-child.  this combination of
+ * rules works for both IE and Firefox */
+table.list th             { border-left:  1px solid #fff; border-top: 1px solid #000; }
+table.list th:first-child { border-left:  1px solid #000 }
+table.list                { border: 1px solid #000; }
+
+/** Column to which any extra real estate should be allocated **/
+table.list.view     td#referer     ,
+table.list.browser  td#web_browser ,
+table.list.tracker  td#url         ,
+table.list.category td#comment     { width: 99%; }
+
+/** Text alignment exceptions **/
+table.list td#id                   ,
+table.list td#operation            ,
+table.list td#browser              ,
+table.list td#views                ,
+table.list td#uniques              { text-align: center; }
+
+/** White spacing exceptions **/
+table.list { white-space : nowrap }
+table.list.browser  td#web_browser ,
+table.list.category td#comment     { white-space: normal; }
+
+
+/************************************************************
+ ************************************************************
+ * Format for item editing
+ */
+
+/** Item editing width and borders **/
+table.edit tr:first-child td.name { border-top: none }
+table.edit td.name                { border-top: 1px solid #fff; width:1% }
+
+/** Text alignment exceptions **/
+table.edit td.name                 { text-align: right }
+table.edit td.value                { text-align: left }
+
+
+/************************************************************
+ ************************************************************
+ * Form submission buttons after item tables
+ */
+
+div.opbuttons { margin-top: 1.0em; text-align: left }
+
+
+
+
+/* table#unitinfo, table#tenantinfo { width: 60% } */
+/* table#unitinfo td:first-child, table#tenantinfo td:first-child { width: 30% } */
+/* table#unitinfo td, table#tenanatinfo td { width: 70% } */
+/* /\*table.detail td:first-child { width: 30% }*\/ */
+/* /\*table.detail td { width: 1% }*\/ */
+/* #unitinfo caption, #tenantinfo caption { margin-top: 0px; } */
+/* table.detail caption { margin-top: 1.5em;  text-align: left; font-size: 14pt; font-weight: bold } */
+/* table.detail {width: 80% } */
+/* table.detail {border-spacing: 0 0} */
+/* table.detail {border-left: 1px solid #000; border-top: 1px solid #000} */
+/* table.detail {empty-cells: show} */
+/* table.detail td, table.detail th {padding: 0.1em 0.2em 0.1em 0.2em } */
+/* table.detail td, table.detail th {border-right: 1px solid #000; border-bottom: 1px solid #000} */
+/* table.detail td {word-wrap : normal} */