Added suport for flexible vertical planner layout

FEA: ItEr60S16AdaptacionsPantallasNavalPlan

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

@@ -1,32 +1,7 @@
-<!--
-  This file is part of NavalPlan
-
-  Copyright (C) 2009-2010 Fundación para o Fomento da Calidade Industrial e
-                          Desenvolvemento Tecnolóxico de Galicia
-
-  This program is free software: you can redistribute it and/or modify
-  it under the terms of the GNU Affero General Public License as published by
-  the Free Software Foundation, either version 3 of the License, or
-  (at your option) any later version.
-
-  This program is distributed in the hope that it will be useful,
-  but WITHOUT ANY WARRANTY; without even the implied warranty of
-  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-  GNU Affero General Public License for more details.
-
-  You should have received a copy of the GNU Affero General Public License
-  along with this program.  If not, see <http://www.gnu.org/licenses/>.
--->
-
-<zk xmlns:n="http://www.zkoss.org/2005/zk/native">
-<zscript><![CDATA[
-planner = self;
-]]>
-</zscript>
-
-    <borderlayout sclass="plannerlayout" width="auto">
+<borderlayout width="auto" height="100%" class="inner-layout">
        <north height="30px" border="0" sclass="toolbar-box">
        <hbox align="center" id="toolbar">
+
         <separator/>
         <!--  Commands -->
         <templateFinderPopup id="templateFinderPopup" acceptButtonLabel="${i18n:_('Create Order')}" caption="${i18n:_('Choosing Template')}" />
@@ -73,7 +48,7 @@ planner = self;
        </north>
 
         <center border="0">
-            <borderlayout sclass="plannerlayout_center">
+            <borderlayout sclass="plannerlayout_center" height="100%">
                 <west flex="false" collapsible="true" splittable="true" width="300px"
                     id="taskdetailsContainer" sclass="taskdetailsContainer">
                             <div sclass="leftpanelgap" id="insertionPointLeftPanel"></div>
@@ -90,8 +65,7 @@ planner = self;
             </borderlayout>
         </center>
         <south collapsible="true" title="Graphics" sclass="scheduling-graphics"
-            id="graphics" onOpen="planner.changeChartVisibility(event.open);">
+            id="graphics" onOpen="planner.changeChartVisibility(event.open);" height="200px">
             <div id="insertionPointChart" />
         </south>
-    </borderlayout>
-</zk>
+    </borderlayout>

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

@@ -1129,7 +1129,7 @@ span.z-dottree-line {
 }
 
 .main-area > .z-center-body:first-child {
-    height: auto !important;
+/*    height: auto !important; */
     width: auto !important;
 }
 

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

@@ -98,7 +98,7 @@
 </north>
 
 <center border="none">
-    <borderlayout class="main-layout" width="auto" height="100%">
+    <borderlayout width="auto" height="100%">
     <!-- borderlayout class="main-layout" height="2000px" width="2000px"-->
     <west class="perspectives-column" width="90px">
         <n:div>
@@ -108,9 +108,7 @@
         <vbox id="registeredItemsInsertionPoint" width="90px"/>
         </n:div>
     </west>
-    <center class="main-area">
-        <div self="@{insert(content)}"/>
-    </center>
+    <center class="main-area" style="border: 1px solid pink" self="@{insert(content)}" />
     </borderlayout>
 
 </center>

navalplanner-webapp/src/main/webapp/planner/css/ganttzk.css

@@ -772,8 +772,13 @@ div.z-tree {
 }
 
 .plannerlayout, .resourcesloadlayout, .advancedallocationlayout {
-    height:550px;
+/*    height: 100%; */
 }
+
+.temp-class {
+height: 100%
+}
+
 .orderslayout {
     height:550px;
 }
@@ -1185,3 +1190,7 @@ body .perspectives-column {
 .subcontracted-task .completion2 {
     background-color: #484e4d;
 }
+
+.main-area .z-center-body > span {height: 100%;}
+.main-area .z-center-body > span > div { height: 100%;}
+.main-area .z-center-body > span > div > span { height: 100%;}