mirror of
https://github.com/eclipse-sailing-analytics/sailing-analytics.git
synced 2026-10-25 05:23:51 +00:00
icon transparency dynamic for header legend
This commit is contained in:
1 parent
d0b00490d1
commit
2583b0a153
2 files changed
+24
-5
No files matched your search
+18
-4
@@ -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);
|
||||
}
|
||||
}
|
||||
+6
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user