icon transparency dynamic for header legend

This commit is contained in:
Kai Boernert committed 2016-12-06 15:25:06 +01:00
1 parent d0b00490d1
commit 2583b0a153
2 files changed
+24 -5

No files matched your search

@@ -15,6 +15,15 @@ public class RegattaHeaderLegendPopup extends PopupPanel {
interface RegattaHeaderLegendPopupUiBinder extends UiBinder<Widget, RegattaHeaderLegendPopup> {
}
@UiField
DivElement txtGPS;
@UiField
DivElement txtWind;
@UiField
DivElement txtVideo;
@UiField
DivElement txtAudio;
@UiField
DivElement iconGPS;
@UiField
@@ -28,14 +37,19 @@ public class RegattaHeaderLegendPopup extends PopupPanel {
super(true);
setWidget(uiBinder.createAndBindUi(this));
iconGPS.setInnerText(
txtGPS.setInnerText(
raceDataInfo.hasGPSData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendGps()
: StringMessages.INSTANCE.eventRegattaHeaderLegendGpsNo());
iconWind.setInnerText(raceDataInfo.hasWindData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendWind()
txtWind.setInnerText(raceDataInfo.hasWindData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendWind()
: StringMessages.INSTANCE.eventRegattaHeaderLegendWindNo());
iconVideo.setInnerText(raceDataInfo.hasVideoData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendVideo()
txtVideo.setInnerText(raceDataInfo.hasVideoData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendVideo()
: StringMessages.INSTANCE.eventRegattaHeaderLegendVideoNo());
iconAudio.setInnerText(raceDataInfo.hasAudioData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendAudio()
txtAudio.setInnerText(raceDataInfo.hasAudioData() ? StringMessages.INSTANCE.eventRegattaHeaderLegendAudio()
: StringMessages.INSTANCE.eventRegattaHeaderLegendAudioNo());
iconGPS.getStyle().setOpacity(raceDataInfo.hasGPSData() ? 1.0 : 0.15);
iconWind.getStyle().setOpacity(raceDataInfo.hasWindData() ? 1.0 : 0.15);
iconVideo.getStyle().setOpacity(raceDataInfo.hasVideoData() ? 1.0 : 0.15);
iconAudio.getStyle().setOpacity(raceDataInfo.hasAudioData() ? 1.0 : 0.15);
}
}
@@ -7,6 +7,7 @@
.iconGPS, .iconWind, .iconVideo, .iconAudio{
line-height: 1.5em;
position: relative;
height:1.666666666666667rem;
display: inline-block;
padding-left: 2.333333333333333em;
background-size: 1.666666666666667rem 1.666666666666667rem;
@@ -32,7 +33,7 @@
padding-top: 0.277777777777778em;
}
.legend{
padding: 0.5em;
padding: .2em;
border-radius: .277777777777778em;
width:100%;
background-color:white;
@@ -67,11 +68,15 @@
<table>
<tr>
<td><div ui:field="iconGPS" class="{style.iconGPS}"/></td>
<td><div ui:field="txtGPS"/></td>
<td><div ui:field="iconWind" class="{style.iconWind}"/></td>
<td><div ui:field="txtWind"/></td>
</tr>
<tr>
<td><div ui:field="iconVideo" class="{style.iconVideo}"/></td>
<td><div ui:field="txtVideo"/></td>
<td><div ui:field="iconAudio" class="{style.iconAudio}"/></td>
<td><div ui:field="txtAudio"/></td>
</tr>
</table>
</g:HTMLPanel>