ItEr37S16RFMaquetacionDesenhoAplicacionItEr36S18: Usability and graphical improvements in orderElements edition

navalplanner-webapp/src/main/java/org/navalplanner/web/orders/OrderElementTreeController.java

@@ -414,6 +414,14 @@ public class OrderElementTreeController extends GenericForwardComposer {
             final Treecell cell = addCell(
                     getDecorationFromState(currentOrderElement
                             .getSchedulingState()), schedulingStateToggler);
+            cell.addEventListener("onDoubleClick", new EventListener() {
+                @Override
+                public void onEvent(Event event) throws Exception {
+                    IOrderElementModel model = orderModel
+                            .getOrderElementModel(currentOrderElement);
+                    orderElementController.openWindow(model);
+                }
+            });
             currentOrderElement.getSchedulingState().addTypeChangeListener(
                     new ITypeChangedListener() {
 

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

@@ -223,6 +223,7 @@ button.z-button {
 .global-action.z-button .z-button-cm {
     padding: 4px 25px;
     background-position: 5px;
+    background-repeat: no-repeat;
 }
 
 .global-action.z-button .z-button-cm:active {
@@ -231,38 +232,23 @@ button.z-button {
 }
 
 .save-button.z-button .z-button-cm {
-        background-image: url(../img/bt_ok.png);
-        background-repeat: no-repeat;
-}
-
-.save-button.z-button .z-button-cm:active {
-        background-image: url(../img/bt_ok.png);
-        background-repeat: no-repeat;
+    background-image: url(../img/bt_ok.png);
 }
 
 .create-button.z-button .z-button-cm {
-        background-image: url(../img/bt_create.png);
-        background-repeat: no-repeat;
-}
-
-.create-button.z-button .z-button-cm:active {
-        background-image: url(../img/bt_create.png);
-        background-repeat: no-repeat;
+    background-image: url(../img/bt_create.png);
 }
 
 .saveandcontinue-button.z-button .z-button-cm {
-        background-image: url(../img/bt_ok_continue.png);
-        background-repeat: no-repeat;
-}
-
-.saveandcontinue-button.z-button .z-button-cm:active {
-        background-image: url(../img/bt_ok_continue.png);
-        background-repeat: no-repeat;
+    background-image: url(../img/bt_ok_continue.png);
 }
 
 .cancel-button.z-button .z-button-cm {
-        background-image: url(../img/bt_cancel.png);
-        background-repeat: no-repeat;
+    background-image: url(../img/bt_cancel.png);
+}
+
+.back-button.z-button .z-button-cm {
+    background-image: url(../img/bt_back.png);
 }
 
 /* Embed tabbpanels button destyling */
@@ -316,7 +302,6 @@ button.z-button {
 .orderTree .depth_5 input,
 .orderTree .depth_6 input
 {
-    width: 460px !important;
     border-right: 0px;
 }
 
@@ -456,8 +441,8 @@ div.z-tree-footer-cnt, div.z-tree-cell-cnt, div.z-tree-col-cnt {
     background-image: none;
 }
 
-.z-window-embedded-hl,.z-window-highlighted-hl,.z-window-overlapped-hl,.z-window-popup-hl
-    {
+.z-window-embedded-hl, .z-window-highlighted-hl,
+.z-window-overlapped-hl, .z-window-popup-hl {
     background: none;
 }
 
@@ -469,10 +454,9 @@ div.z-tree-footer-cnt, div.z-tree-cell-cnt, div.z-tree-col-cnt {
     background-image: none;
 }
 
-.z-window-embedded-hr,.z-window-highlighted-hr,.z-window-overlapped-hr,.z-window-popup-hr
-    {
+.z-window-embedded-hr,.z-window-highlighted-hr,
+.z-window-overlapped-hr,.z-window-popup-hr {
     background: none;
-    /*padding-right:6px; */
 }
 
 .z-window-embedded-hr,.z-window-embedded-hr-noborder {
@@ -516,8 +500,8 @@ div.z-footer-cnt,div.z-row-cnt,div.z-group-cnt,div.z-group-foot-cnt,div.z-column
     font-weight: bold;
 }
 
-.z-word-wrap div.z-tree-cell-cnt,.z-word-wrap div.z-tree-footer-cnt,.z-word-wrap div.z-tree-col-cnt
-    {
+.z-word-wrap div.z-tree-cell-cnt,.z-word-wrap div.z-tree-footer-cnt,
+.z-word-wrap div.z-tree-col-cnt {
     word-wrap: normal;
 }
 
@@ -561,9 +545,8 @@ div.z-grid {
     overflow: hidden;
 }
 
-.z-listbox .z-textbox,.z-listbox .z-decimalbox,.z-listbox .z-intbox,.z-listbox .z-longbox,.z-listbox .z-doublebox
-{
-/*    width: 100%; */
+.z-listbox .z-textbox,.z-listbox .z-decimalbox,.z-listbox .z-intbox,
+.z-listbox .z-longbox,.z-listbox .z-doublebox {
     height: 22px;
     vertical-align:center;
     border-collapse: collapse;
@@ -585,30 +568,26 @@ div.z-grid {
 .z-tree .z-datebox-inp {
     height:25px;
 }
-
 .orderTree .operations {
     min-width:150px;
 }
-
 .orderTree .name {
-    min-width:140px;
+    min-width:100px;
 }
-
 .orderTree .hours {
     min-width:50px;
 }
 .orderTree .code {
-    min-width:100px;
+    min-width:90px;
 }
 .orderTree .scheduling_state {
-    min-width:260px;
+    min-width:250px;
 }
 
 .orderTree .tasknumber {
     display:none;
 }
 
-
 .orderTree div.z-tree-cell-cnt {
     padding:0px;
 }
@@ -628,7 +607,7 @@ div.z-grid {
 
 .orderelements-tab .z-datebox-focus .z-datebox-inp,
 .orderelements-tab .z-datebox-inp {
-    width: 114px;
+    width: auto;
 }
 
 .orderelements-tab .z-datebox .z-datebox-img {
@@ -844,7 +823,6 @@ span.z-dottree-ico, span.z-dottree-line {
     background-image:none;
 }
 
-
 .z-menu-body .z-menu-inner-m div {
     background-image:none;
 }

navalplanner-webapp/src/main/webapp/orders/_editOrderElement.zul

@@ -54,6 +54,7 @@
         </tabpanels>
   </tabbox>
   <hbox>
-     <button label="${i18n:_('Back')}" onClick="orderElementController.back()"/>
+     <button label="${i18n:_('Back')}" onClick="orderElementController.back()"
+     sclass="back-button global-action"/>
   </hbox>
 </window>

navalplanner-webapp/src/main/webapp/orders/_list.zul

@@ -36,7 +36,7 @@
             <column label="${i18n:_('Operations')}" />
         </columns>
         <rows>
-            <row self="@{each='order'}" value="@{order}">
+            <row self="@{each='order'}" value="@{order}" onClick="controller.goToEditForm(self.value);">
                 <label value="@{order.name}" />
                 <label value="@{order.code}" />
                 <label value="@{order.initDate}" />