eclipse-sailing-analytics/sailing-analytics
1
0 Fork 0
mirror of https://github.com/eclipse-sailing-analytics/sailing-analytics.git synced 2026-10-27 06:17:27 +00:00
Code Activity

Improved layouting of the regatta progress steps

Browse Source
This commit is contained in:
Steffen Schaefer committed 2015-07-13 13:10:37 +02:00
1 parent 224148ae67
commit 83dd8d53ba
3 files changed
+14 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/client/place/event/partials/multiRegattaList/MultiRegattaListSteps.java
+11 -1
View File
@@ -1,8 +1,11 @@
package com.sap.sailing.gwt.home.client.place.event.partials.multiRegattaList;
import com.google.gwt.core.client.GWT;
import com.google.gwt.core.client.Scheduler;
import com.google.gwt.core.client.Scheduler.ScheduledCommand;
import com.google.gwt.dom.client.AnchorElement;
import com.google.gwt.dom.client.DivElement;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Composite;
@@ -18,6 +21,7 @@ public class MultiRegattaListSteps extends Composite {
interface MultiRegattaListStepsUiBinder extends UiBinder<Widget, MultiRegattaListSteps> {
}
@UiField DivElement progressContainerUi;
@UiField DivElement stepsContainerUi;
@UiField DivElement leaderboardButtonContainerUi;
@UiField AnchorElement leaderboardButtonUi;
@@ -26,13 +30,19 @@ public class MultiRegattaListSteps extends Composite {
MultiRegattaListResources.INSTANCE.css().ensureInjected();
initWidget(uiBinder.createAndBindUi(this));
for(RegattaProgressSeriesDTO seriesProgress : regattaProgress.getSeries()) {
stepsContainerUi.insertBefore(new MultiRegattaListStepsBody(seriesProgress).getElement(), leaderboardButtonContainerUi);
stepsContainerUi.appendChild(new MultiRegattaListStepsBody(seriesProgress).getElement());
}
}
void setLeaderboardNavigation(PlaceNavigation<?> placeNavigation) {
placeNavigation.configureAnchorElement(leaderboardButtonUi);
leaderboardButtonUi.getStyle().clearDisplay();
Scheduler.get().scheduleDeferred(new ScheduledCommand() {
@Override
public void execute() {
stepsContainerUi.getStyle().setMarginRight(leaderboardButtonUi.getOffsetWidth() + 20, Unit.PX);
}
});
}
}
java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/client/place/event/partials/multiRegattaList/MultiRegattaListSteps.ui.xml
+2 -3
View File
@@ -5,9 +5,8 @@
<ui:with field="res" type="com.sap.sailing.gwt.common.client.SharedResources" />
<ui:with field="local_res" type="com.sap.sailing.gwt.home.client.place.event.partials.multiRegattaList.MultiRegattaListResources" />
<g:HTMLPanel>
<div class="{local_res.css.regattalistitem_steps}" ui:field="stepsContainerUi">
<!-- EACH phase in regatta.phases
<ubi:multiRegattaList.MultiRegattaListStepsBody ui:fields='phase'></ubi> -->
<div class="{local_res.css.regattalistitem_steps}" ui:field="progressContainerUi">
<div ui:field="stepsContainerUi" />
<div class="{local_res.css.regattalistitem_steps_button}" ui:field="leaderboardButtonContainerUi">
<a class="{res.mainCss.button} {res.mainCss.buttonstrong} {res.mainCss.buttonprimary} {res.mainCss.buttonarrowrightwhite}"
style="display:none;" ui:field="leaderboardButtonUi">
java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/client/place/event/partials/multiRegattaList/MultiRegattaListStepsBody.ui.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<ui:with field="i18n" type="com.sap.sailing.gwt.ui.client.StringMessages" />
<ui:with field="res" type="com.sap.sailing.gwt.common.client.SharedResources" />
<ui:with field="local_res" type="com.sap.sailing.gwt.home.client.place.event.partials.multiRegattaList.MultiRegattaListResources" />
<div style="width:30%; min-width:225px;" class="{local_res.css.regattalistitem_steps_step}">
<div style="width: 33.333%; min-width:225px;" class="{local_res.css.regattalistitem_steps_step}">
<div class="{local_res.css.regattalistitem_steps_step_infowrapper}">
<div class="{local_res.css.regattalistitem_steps_step_name}" ui:field="nameUi"></div>
<div class="{local_res.css.regattalistitem_steps_step_check}" ui:field="checkUi"></div>