Added filter ability to mobile SectionHeader partial

java/com.sap.sailing.gwt.ui/images/mobile/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="#999" d="M10 0C4.5 0 0 1.4 0 3.1V5l7.5 7.5v6.2c0 .7 1.1 1.3 2.5 1.3s2.5-.6 2.5-1.3v-6.2L20 5V3.1C20 1.4 15.5 0 10 0zM1.8 2.7c.5-.3 1.2-.5 1.9-.7 1.8-.5 4-.8 6.3-.8s4.5.3 6.3.7c.8.2 1.4.5 1.9.7.3.2.5.3.6.4-.1.1-.2.2-.6.4-.5.3-1.1.5-1.9.7-1.8.6-4 .9-6.3.9s-4.5-.3-6.3-.7c-.7-.2-1.4-.5-1.9-.8-.3-.1-.4-.3-.5-.4.1-.1.2-.2.5-.4z"/></svg>

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/regattaStatus/RegattaStatus.java

@@ -12,6 +12,7 @@ import com.sap.sailing.gwt.home.communication.event.LiveRaceDTO;
 import com.sap.sailing.gwt.home.communication.event.RegattasAndLiveRacesDTO;
 import com.sap.sailing.gwt.home.communication.eventview.RegattaMetadataDTO;
 import com.sap.sailing.gwt.home.mobile.partials.section.MobileSection;
+import com.sap.sailing.gwt.home.mobile.partials.sectionHeader.SectionHeaderContent;
 import com.sap.sailing.gwt.home.mobile.partials.toggleButton.ToggleButton;
 import com.sap.sailing.gwt.home.mobile.partials.toggleButton.ToggleButton.ToggleButtonCommand;
 import com.sap.sailing.gwt.home.mobile.places.event.EventViewBase.Presenter;
@@ -27,6 +28,7 @@ public class RegattaStatus extends Composite implements RefreshableWidget<Regatt
     interface RegattaStatusUiBinder extends UiBinder<Widget, RegattaStatus> {
     }
 
+    @UiField SectionHeaderContent sectionHeaderUi;
     @UiField MobileSection regattaContainerUi;
     @UiField MobileSection collapsableContainerUi;
     @UiField(provided = true) ToggleButton toggleButtonUi;
@@ -50,6 +52,7 @@ public class RegattaStatus extends Composite implements RefreshableWidget<Regatt
     
     @Override
     public void setData(RegattasAndLiveRacesDTO data) {
+//        sectionHeaderUi.initFilterSelectUi();
         regattaContainerUi.clearContent();
         collapsableContainerUi.clearContent();
         if (data.hasRegattasWithRaces()) {

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/regattaStatus/RegattaStatus.ui.xml

@@ -8,7 +8,7 @@
 	<g:FlowPanel>
 		<mp:section.MobileSection ui:field="itemContainerUi">
 			<mp:header>
-				<mp:sectionHeader.SectionHeaderContent sectionTitle="{i18n.regattas}" />
+				<mp:sectionHeader.SectionHeaderContent sectionTitle="{i18n.regattas}" ui:field="sectionHeaderUi"/>
 			</mp:header>
 			<mp:content>
 				<mp:section.MobileSection addStyleNames="{local_res.css.regattastatus_content}" ui:field="regattaContainerUi"/>
@@ -19,4 +19,4 @@
 		</mp:section.MobileSection>
 		<mp:toggleButton.ToggleButton ui:field="toggleButtonUi" label="{i18n.regattas}"/>
 	</g:FlowPanel>
-</ui:UiBinder>
+</ui:UiBinder>

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeader.gss

@@ -90,6 +90,27 @@ img.sectionheader_item_arrow.accordion.collapsed {
       -ms-transform: rotate(0deg);
           transform: rotate(0deg);
 }
+.sectionheader_item_select {
+  position: absolute;
+  top: 50%;
+  right: 1em;
+  -webkit-transform: translateY(-50%);
+     -moz-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  font-weight: 600;
+  height: auto;
+  width: 16.666666666666666em;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  color: #008fcc;
+  border: none;
+  border-radius: 0;
+  padding: 0.666666666666667em 2em 0.666666666666667em 1em;
+  background: url("images/mobile/filter.svg") 100% no-repeat transparent;
+  background-size: 1.333333333333333em;
+}
 .sectionheader_item_adjust_title {
   margin-left: 4em;
   margin-right: 2.5em;

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderContent.java

@@ -6,6 +6,7 @@ import com.google.gwt.dom.client.DivElement;
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.dom.client.HeadingElement;
 import com.google.gwt.dom.client.ImageElement;
+import com.google.gwt.dom.client.SelectElement;
 import com.google.gwt.dom.client.Style.Display;
 import com.google.gwt.uibinder.client.UiBinder;
 import com.google.gwt.uibinder.client.UiField;
@@ -38,6 +39,7 @@ public class SectionHeaderContent extends Widget {
     @UiField DivElement headerRightUi;
     @UiField DivElement infoTextUi;
     @UiField ImageElement actionArrowUi;
+    @UiField SelectElement filterSelectUi;
 
     public SectionHeaderContent() {
         SectionHeaderResources.INSTANCE.css().ensureInjected();
@@ -121,4 +123,9 @@ public class SectionHeaderContent extends Widget {
         else element.removeClassName(className);
     }
     
+    public void initFilterSelectUi() {
+        headerRightUi.getStyle().clearDisplay();
+        filterSelectUi.getStyle().clearDisplay();
+    }
+    
 }

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderContent.ui.xml

@@ -20,7 +20,13 @@
 				<div class="{local_res.css.sectionheader_item_infotext}" style="display:none;" ui:field="infoTextUi"></div>
 				<img src="images/mobile/arrow-grey-right.png" alt="" class="{local_res.css.sectionheader_item_arrow}"
 					style="display:none;" ui:field="actionArrowUi"></img>
+				<select dir="rtl" class="{local_res.css.sectionheader_item_select}" style="display:none;" ui:field="filterSelectUi">
+					<option selected="selected">All Classes</option>
+					<option>Championship Classes</option>
+					<option>International Classes</option>
+					<option>Olympic Classes</option>
+				</select>
 			</div>
 		</a>
 	</div>
-</ui:UiBinder>
+</ui:UiBinder>

java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/home/mobile/partials/sectionHeader/SectionHeaderResources.java

@@ -24,6 +24,7 @@ public interface SectionHeaderResources extends ClientBundle {
         String sectionheader_item_infotext();
         String sectionheader_item_arrow();
         String sectionheader_item_adjust_title();
+        String sectionheader_item_select();
         String accordion();
         String collapsed();
     }