Adjusted UI to show event slider in events overview

This commit is contained in:
Benjamin Barth authored and Steffen Schaefer committed 2015-08-20 12:34:42 +02:00
1 parent c3a75707c1
commit 3ee8a38c86
6 files changed
+32 -29

No files matched your search

@@ -24,11 +24,11 @@ public class EventsOverviewRecent extends Composite {
private final MobilePlacesNavigator navigator;
@UiField FlowPanel year;
@UiField Stage eventStage;
@UiField (provided = true) Stage eventStage;
public EventsOverviewRecent(MobilePlacesNavigator navigator) {
this.navigator = navigator;
this.eventStage= new Stage(navigator, false);
EventsOverviewRecentResources.INSTANCE.css().ensureInjected();
initWidget(uiBinder.createAndBindUi(this));
}
@@ -4,6 +4,8 @@
<ui:with field="i18n" type="com.sap.sailing.gwt.common.client.i18n.TextMessages" />
<ui:with field="res" type="com.sap.sailing.gwt.home.mobile.resources.SharedResources" />
<ui:with field="local_res" type="com.sap.sailing.gwt.home.mobile.partials.recents.EventsOverviewRecentResources" />
<mp:stage.Stage ui:field='eventStage'/>
<g:FlowPanel ui:field='year' addStyleNames="{local_res.css.eventsoverviewrecent} {local_res.css.accordion}" />
<g:FlowPanel>
<mp:stage.Stage ui:field='eventStage'/>
<g:FlowPanel ui:field='year' addStyleNames="{local_res.css.eventsoverviewrecent} {local_res.css.accordion}" />
</g:FlowPanel>
</ui:UiBinder>
@@ -6,7 +6,6 @@ import com.google.gwt.dom.client.DivElement;
import com.google.gwt.dom.client.Element;
import com.google.gwt.dom.client.ImageElement;
import com.google.gwt.dom.client.SpanElement;
import com.google.gwt.dom.client.Style.Display;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.Widget;
@@ -41,17 +40,18 @@ public class EventsOverviewRecentYearEvent extends Widget {
EventsOverviewRecentResources.INSTANCE.css().ensureInjected();
setElement(uiBinder.createAndBindUi(this));
eventNameUi.setInnerText(event.getDisplayName());
if (isTeaserEvent) {
eventImageUi.getStyle().setDisplay(Display.BLOCK);
if(event.getThumbnailImageURL() == null || event.getThumbnailImageURL().isEmpty()) {
eventImageUi.setSrc(EventsOverviewRecentResources.INSTANCE.defaultEventPhotoImage().getSafeUri().asString());
}else {
eventImageUi.setSrc(event.getThumbnailImageURL());
}
} else {
eventImageUi.getStyle().setDisplay(Display.NONE);
}
// if (isTeaserEvent) {
// eventImageUi.getStyle().setDisplay(Display.BLOCK);
// if(event.getThumbnailImageURL() == null || event.getThumbnailImageURL().isEmpty()) {
// eventImageUi.setSrc(EventsOverviewRecentResources.INSTANCE.defaultEventPhotoImage().getSafeUri().asString());
//
// }else {
// eventImageUi.setSrc(event.getThumbnailImageURL());
// }
// } else {
// eventImageUi.getStyle().setDisplay(Display.NONE);
// }
eventImageUi.removeFromParent();
eventLinkUi.setTitle(event.getDisplayName());
eventLinkUi.setHref(placeNavigation.getTargetUrl());
placeNavigation.configureAnchorElement(eventLinkUi);
@@ -4,6 +4,8 @@ import java.util.ArrayList;
import java.util.List;
import com.google.gwt.core.client.GWT;
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;
@@ -13,27 +15,27 @@ import com.sap.sailing.gwt.ui.shared.eventlist.EventListEventDTO;
import com.sap.sse.gwt.client.controls.carousel.WidgetCarousel;
public class Stage extends Composite {
interface StageUiBinder extends UiBinder<Widget, Stage> {
}
private static StageUiBinder uiBinder = GWT.create(StageUiBinder.class);
private List<StageTeaser> stageTeaserComposites;
@UiField
WidgetCarousel widgetCarousel;
@UiField DivElement stageContainer;
@UiField WidgetCarousel widgetCarousel;
private StageTeaser stageTeaser;
private final MobilePlacesNavigator placeNavigator;
interface StageUiBinder extends UiBinder<Widget, Stage> {
}
private static StageUiBinder uiBinder = GWT.create(StageUiBinder.class);
public Stage(MobilePlacesNavigator placeNavigator) {
public Stage(MobilePlacesNavigator placeNavigator, boolean showDots) {
this.placeNavigator = placeNavigator;
StageResources.INSTANCE.css().ensureInjected();
initWidget(uiBinder.createAndBindUi(this));
widgetCarousel.setShowArrows(false);
if (!showDots) stageContainer.getStyle().setHeight(100, Unit.PCT);
widgetCarousel.setShowDots(showDots);
stageTeaserComposites = new ArrayList<StageTeaser>();
}
@@ -53,6 +55,5 @@ public class Stage extends Composite {
widgetCarousel.addWidget(stageTeaser);
stageTeaserComposites.add(stageTeaser);
}
}
}
@@ -11,7 +11,7 @@
<g:HTMLPanel>
<!-- The main stage -->
<div class="{local_res.css.stage}">
<div class="{local_res.css.stage_teasers} {local_res.css.swipercontainer}">
<div class="{local_res.css.stage_teasers} {local_res.css.swipercontainer}" ui:field="stageContainer">
<sse:carousel.WidgetCarousel ui:field="widgetCarousel" />
</div>
<div class="{local_res.css.stage_progress}">
@@ -36,7 +36,7 @@ public class StartViewImpl extends Composite implements StartView {
public StartViewImpl(Presenter presenter) {
this.currentPresenter = presenter;
stage = new Stage(presenter.getNavigator());
stage = new Stage(presenter.getNavigator(), true);
initWidget(uiBinder.createAndBindUi(this));
presenter.getNavigator().getEventsNavigation().configureAnchorElement(showAllEventsUi);