RenJuan/TASKPM
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Revamped appearance of resources usage box

Browse source 
FEA: ItEr76S15OrganizingPerProjectDashboard
This commit is contained in:
Lorenzo Tilve Álvaro 2012-05-14 11:20:45 +02:00
parent cf5eb955e4
commit 4228fc2c2f
2 changed files with 34 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
libreplan-webapp/src/main/webapp/dashboard/_dashboardfororder.zul
View file

@ -69,23 +69,28 @@
<hbox>
<n:div id="estimation-accuracy" style="height:200px; width:580px;"></n:div>
<!-- Overtime ratio -->
<grid style="margin-top: 43px;" width="200px">
<columns sizable="false">
<column width="100px"/>
<column />
</columns>
<rows>
<row>
<label value="${i18n:_('Overtime ratio')}:"/>
<label id="lblOvertimeRatio" />
</row>
<row>
<label value="${i18n:_('Availability ratio')}:"/>
<label id="lblAvailabilityRatio" />
</row>
</rows>
</grid>
<vbox>
<hbox hflex="1" pack="center" vflex="1" style="margin-bottom:5px">
<label class="dashboard-title" value="${i18n:_('Resources usage')}"/>
</hbox>
<n:div class="dashboard-box" style="height:40px; width:380px; padding: 25px;" >
<!-- Overtime ratio -->
<hbox hflex="1" vflex="1">
<vbox hflex="1" align="pack" vflex="1">
<label class="dashboard-label" value="${i18n:_('Overtime ratio')}" />
<label class="dashboard-label dashboard-label-remarked" id="lblOvertimeRatio" />
</vbox>
<vbox hflex="1" align="pack" vflex="1">
<label class="dashboard-label" value="${i18n:_('Availability ratio')}" />
<label class="dashboard-label dashboard-label-remarked" id="lblAvailabilityRatio" />
</vbox>
</hbox>
</n:div>
<n:div style="height:20px"></n:div >
<label class="dashboard-label"
value="${i18n:_('Load percentage of resources participating in the project while they are assigned')}"/>
</vbox>
</hbox>
</groupbox>

12
libreplan-webapp/src/main/webapp/dashboard/css/dashboard.css
View file

@ -11,3 +11,15 @@
font-weight: bold;
padding: 5px;
}
.dashboard-label-remarked {
font-size: 1em;
font-weight: bold;
margin-bottom: 5px;
}
.dashboard-box {
border: solid 2px #888;
background: #fffdf6;
box-shadow: 2px 2px 5px #AAA;
}