mirror of
https://github.com/eclipse-sailing-analytics/sailing-analytics.git
synced 2026-10-27 06:17:27 +00:00
MiniLeaderboard - Added legend to mini leaderboard if race count per
competitor are shown
This commit is contained in:
1 parent
83628d4056
commit
7407ee55b9
3 files changed
+79
No files matched your search
+3
@@ -64,6 +64,9 @@ public class MinileaderboardBox extends Composite implements RefreshableWidget<G
|
||||
for (MiniLeaderboardItemDTO item : data.getItems()) {
|
||||
itemContainerUi.addContent(new MinileaderboardBoxItem(item, showRaceCounts));
|
||||
}
|
||||
if (showRaceCounts) {
|
||||
itemContainerUi.addContent(new MinileaderboardBoxItemLegend());
|
||||
}
|
||||
}
|
||||
|
||||
private Widget getNoResultsInfoWidget() {
|
||||
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
package com.sap.sailing.gwt.home.mobile.partials.minileaderboard;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.dom.client.Element;
|
||||
import com.google.gwt.uibinder.client.UiBinder;
|
||||
import com.google.gwt.user.client.ui.Widget;
|
||||
|
||||
public class MinileaderboardBoxItemLegend extends Widget {
|
||||
private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);
|
||||
|
||||
interface MyUiBinder extends UiBinder<Element, MinileaderboardBoxItemLegend> {
|
||||
}
|
||||
|
||||
public MinileaderboardBoxItemLegend() {
|
||||
setElement(uiBinder.createAndBindUi(this));
|
||||
}
|
||||
}
|
||||
+59
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
|
||||
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
|
||||
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:s="urn:import:com.sap.sailing.gwt.home.client.shared">
|
||||
<ui:with field="i18n" type="com.sap.sailing.gwt.ui.client.StringMessages" />
|
||||
<ui:with field="res" type="com.sap.sailing.gwt.home.mobile.resources.SharedResources" />
|
||||
|
||||
<ui:style>
|
||||
.minileaderboard_item_legend {
|
||||
margin: 0 !important;
|
||||
position: relative;
|
||||
padding: 1em 0.75em;
|
||||
font-size: 0.866666666666667em;
|
||||
min-height: 4.5em;
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.minileaderboard_item_legend_description, .minileaderboard_item_legend_score {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.minileaderboard_item_legend_description {
|
||||
margin: 0 6.25em 0 0.5em;
|
||||
font-style: italic;
|
||||
}
|
||||
.minileaderboard_item_legend_score {
|
||||
right: 1em;
|
||||
width: 5em;
|
||||
text-align: center;
|
||||
padding: 0.230769230769231em 0;
|
||||
background: #ebebeb;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 0.384615384615385em;
|
||||
}
|
||||
.minileaderboard_item_legend_points {
|
||||
font-weight: bold;
|
||||
}
|
||||
.minileaderboard_item_legend_racecount {
|
||||
font-size: 0.866666666666667em;
|
||||
}
|
||||
</ui:style>
|
||||
|
||||
<div class="{res.mediaCss.grid} {style.minileaderboard_item_legend}">
|
||||
<div class="{style.minileaderboard_item_legend_description}" ui:field="competitorNameUi">
|
||||
<ui:text from="{i18n.miniLeeaderboardLegendText}"/>:
|
||||
</div>
|
||||
<div class="{style.minileaderboard_item_legend_score}">
|
||||
<div class="{style.minileaderboard_item_legend_points}" ui:field="competitorPointsUi">
|
||||
<ui:text from="{i18n.points}"/>
|
||||
</div>
|
||||
<div class="{style.minileaderboard_item_legend_racecount}" ui:field="competitorRacesUi">
|
||||
(<ui:text from="{i18n.numberOfRacesShort}"/>)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</ui:UiBinder>
|
||||
Reference in new issue
Block a user