ItEr13S14ArquitecturaClientesItEr11S12: Task height recalculation adjustments and CSS refactorization
This commit is contained in:
parent
33d712b28d
commit
b4ddc83377
6 changed files with 19 additions and 163 deletions
|
|
@ -35,7 +35,7 @@ import org.zkoss.zul.impl.XulElement;
|
|||
*/
|
||||
public class TaskList extends XulElement implements AfterCompose {
|
||||
|
||||
private static final int HEIGHT_PER_ROW = 31;
|
||||
private static final int HEIGHT_PER_ROW = 30;
|
||||
|
||||
private List<WeakReference<DependencyAddedListener>> listeners = new LinkedList<WeakReference<DependencyAddedListener>>();
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
|
||||
<div id="row${self.uuid}" class="row" z.valor="boxid="${self.uuid}">
|
||||
<div id="${self.uuid}" z.type="ganttz.task.Task" idTask="${self.id}" z.autoz="true"${self.outerAttrs}">
|
||||
<div id="${self.uuid}" z.type="ganttz.task.Task" idTask="${self.id}" z.autoz="true"${self.outerAttrs}" class="box">
|
||||
<span id="${self.uuid}!real">${self.taskName}</span>
|
||||
<div id="completion${self.uuid}" class="completion"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,6 @@
|
|||
HEIGHT_PER_ROW = 30;
|
||||
HEIGHT_TIME_TRACKER = 130;
|
||||
|
||||
zkTasklist = {};
|
||||
|
||||
zkTasklist.init = function(cmp) {
|
||||
|
|
@ -17,16 +20,13 @@ zkTasklist.adjust_height = function(cmp) {
|
|||
element.style["height"] = newheigth + 'px';
|
||||
}
|
||||
|
||||
setHeight(document.getElementById('ganttpanel'), 120);/*
|
||||
* timetracker
|
||||
* height
|
||||
*/
|
||||
setHeight(document.getElementById('ganttpanel'), HEIGHT_TIME_TRACKER);
|
||||
if (component_to_adjust) {
|
||||
setHeight(component_to_adjust);
|
||||
}
|
||||
var found = YAHOO.util.Selector.query(".fake_column", component_to_adjust,
|
||||
false);
|
||||
found.each( function(element) {
|
||||
setHeight(element);
|
||||
setHeight(element,HEIGHT_PER_ROW);
|
||||
});
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,123 +1,3 @@
|
|||
/* ProductionManagement Global Styles */
|
||||
|
||||
/*** Tasks ***/
|
||||
#listtasks {
|
||||
position:relative;
|
||||
width:400px; /** Constants */
|
||||
top:100px;
|
||||
}
|
||||
|
||||
.listdetails {
|
||||
width:200px;
|
||||
float:left;
|
||||
margin-top:80px;
|
||||
}
|
||||
|
||||
.listdetails table {
|
||||
height:30px;
|
||||
}
|
||||
|
||||
.listdetails td {
|
||||
padding-left:3px;
|
||||
}
|
||||
|
||||
.listdetails input {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
|
||||
.z-datebox-inp {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
|
||||
/* Task box properties */
|
||||
.yui-resize {
|
||||
border: 1px solid;
|
||||
text-align:center;
|
||||
vertical-align: middle;
|
||||
font-size:0.8em;
|
||||
z-index:10;
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
/* Task lane properties */
|
||||
.row {
|
||||
height: 19px;
|
||||
border-bottom: dotted 1px #CCCCCC;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
width: 1800px;
|
||||
}
|
||||
|
||||
|
||||
/*** Dependencies ***/
|
||||
#listdependencies {
|
||||
position:relative;
|
||||
width:400px;
|
||||
float:left;
|
||||
top:0px; /* Should be -60, recalc. redrawing deps. */
|
||||
}
|
||||
|
||||
.dependence {
|
||||
z-index:1;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.end, .start, .mid, .arrow {
|
||||
position:absolute;
|
||||
padding:4px;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.end, .start {
|
||||
height:1px;
|
||||
}
|
||||
|
||||
.mid {
|
||||
width:1px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear:both;
|
||||
margin:20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* Width: ganttpanel constant,
|
||||
Height: is recalculated on number of tasks */
|
||||
#ganttpanel {
|
||||
/* border: 1px solid; */
|
||||
height:400px;
|
||||
width: 900px;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
#ganttpanel table {
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#ganttpanel table td {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.fake_column.timetracker_column_even {
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
.timetracker_fake_row {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
/*
|
||||
.extra_padding {
|
||||
padding: 6px;
|
||||
} */
|
||||
|
||||
.logo {
|
||||
background-image: url("../img/v3/blue_ga.jpg");
|
||||
|
|
@ -192,3 +72,9 @@ table {
|
|||
.z-button-br {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear:both;
|
||||
margin:20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
/* ProductionManagement Global Styles */
|
||||
/* Planificator specific styles */
|
||||
|
||||
/*** Tasks ***/
|
||||
#listtasks {
|
||||
position:relative;
|
||||
width:400px; /** Constants */
|
||||
width:400px;
|
||||
top:100px;
|
||||
}
|
||||
|
||||
.listdetails {
|
||||
width:200px;
|
||||
float:left;
|
||||
margin-top:80px;
|
||||
margin-top:79px;
|
||||
}
|
||||
|
||||
.listdetails table {
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
|
||||
/* Task box properties */
|
||||
.yui-resize {
|
||||
.yui-resize, .box {
|
||||
border: 1px solid;
|
||||
text-align:center;
|
||||
vertical-align: middle;
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
position:relative;
|
||||
width:400px;
|
||||
float:left;
|
||||
top:0px; /* Should be -60, recalc. redrawing deps. */
|
||||
top:0px;
|
||||
}
|
||||
|
||||
.dependence {
|
||||
|
|
@ -79,16 +79,9 @@
|
|||
width:1px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
clear:both;
|
||||
margin:20px;
|
||||
}
|
||||
|
||||
|
||||
/* Width: ganttpanel constant,
|
||||
Height: is recalculated on number of tasks */
|
||||
#ganttpanel {
|
||||
/* border: 1px solid; */
|
||||
height:400px;
|
||||
width: 900px;
|
||||
overflow-x: scroll;
|
||||
|
|
@ -113,29 +106,6 @@ Height: is recalculated on number of tasks */
|
|||
height: 80px;
|
||||
}
|
||||
|
||||
/*
|
||||
.extra_padding {
|
||||
padding: 6px;
|
||||
} */
|
||||
|
||||
.logo {
|
||||
background-image: url("../img/v3/blue_ga.jpg");
|
||||
height:50px;
|
||||
width:300px;
|
||||
height:100px;
|
||||
float:left;
|
||||
clear:both;
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.vision {
|
||||
}
|
||||
|
||||
.headings {
|
||||
/* height:90px; */
|
||||
height:90px;
|
||||
}
|
||||
|
||||
table {
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue