ItEr37S16RFMaquetacionDesenhoAplicacionItEr36S18: Themed basic structure for perspectives based layout

ganttzk/src/main/resources/web/ganttz/zul/plannerLayout.zul

@@ -4,15 +4,6 @@ planner = self;
 ]]>
 </zscript>
 
-    <borderlayout width="auto" height="500px">
-    <west width="90px">
-        <n:div>
-         Registered items insertion point
-        <hbox id="registered_ItemsInsertionPoint" style="background-color:#2A83B4" />
-        </n:div>
-    </west>
-    <center>
-
     <borderlayout sclass="plannerlayout" width="auto">
        <north height="30px" border="0">
        <hbox align="center" id="toolbar">
@@ -78,6 +69,4 @@ planner = self;
             <div id="insertionPointChart" />
         </south>
     </borderlayout>
-    </center>
-    </borderlayout>
 </zk>

navalplanner-webapp/src/main/webapp/common/css/perspectives.css

@@ -0,0 +1,18 @@
+/*
+ * perspectives.css Layout for scheduling perspectives
+ *
+ * The purpose of this stylesheet is to declare common classes and objects
+ * for all the pages managed by the scheduling layout.
+ * It might contain references to ZK Style Guides [http://www.zkoss.org/doc/styleguide]
+ * if needed within the scheduler.
+ */
+
+.main-layout {
+    margin-top: 3px;
+    height: 550px;
+    border-top:solid 1px red;
+}
+
+perspectives-column {
+    width: 90px;
+}

navalplanner-webapp/src/main/webapp/common/layout/template.zul

@@ -21,6 +21,7 @@
 <?taglib uri="/WEB-INF/tld/i18n.tld" prefix="i18n"?>
 <?link rel="stylesheet" type="text/css" href="/common/css/navalpro_v01.css"?>
 <?link rel="stylesheet" type="text/css" href="/common/css/navalpro_zk.css"?>
+<?link rel="stylesheet" type="text/css" href="/common/css/perspectives.css"?>
 <?component name="customMenu" inline="true" macroURI="_customMenu.zul"?>
 <zk>
 <scripts />
@@ -51,10 +52,25 @@
   </n:table></n:td>
   </n:tr>
 </n:table>
-<hbox id="registeredItemsInsertionPoint" style="background-color:#2A83B4" />
+
 <n:table width="100%"  border="0" cellspacing="0" cellpadding="0">
   <n:tr>
-    <n:td height="400" valign="top"><div self="@{insert(content)}"/></n:td>
+    <n:td height="400px" valign="top">
+
+    <borderlayout width="auto" class="main-layout" if="true" height="500px">
+    <west class="perspectives-column" width="90px">
+        <n:div>
+        <hbox id="registeredItemsInsertionPoint" style="background-color:#2A83B4" />
+        </n:div>
+    </west>
+    <center border="0" style="overflow:scroll">
+        <div self="@{insert(content)}"/>
+    </center>
+    </borderlayout>
+
+    <div self="@{insert(content)}" if="false"/>
+
+    </n:td>
   </n:tr>
   <n:tr class="footer">
     <n:td height="75" align="right" valign="bottom" background="/navalplanner-webapp/common/img/linea_down.gif"><n:img src="/navalplanner-webapp/common/img/logos_aplicacion.gif" width="332" height="73" /></n:td>