example extraction of CSS properties of a view to a local .css file and a corresponding GWT CssResource;

preparing for a complete take-over of the unmodified CSS files coming from Ubilabs

java/com.sap.sailing.gwt.home/.settings/com.google.gwt.eclipse.core.prefs

@@ -1,2 +1,2 @@
 eclipse.preferences.version=1
-gwtCompileSettings=PGd3dC1jb21waWxlLXNldHRpbmdzPjxsb2ctbGV2ZWw+SU5GTzwvbG9nLWxldmVsPjxvdXRwdXQtc3R5bGU+T0JGVVNDQVRFRDwvb3V0cHV0LXN0eWxlPjxleHRyYS1hcmdzPjwhW0NEQVRBWy13YXIgLiAtbG9jYWxXb3JrZXJzIDMgLXN0cmljdCAtbG9nTGV2ZWwgVFJBQ0VdXT48L2V4dHJhLWFyZ3M+PHZtLWFyZ3M+PCFbQ0RBVEFbLVhteDIwMjRtIC1EZ3d0LnVzZWFyY2hpdmVzPWZhbHNlXV0+PC92bS1hcmdzPjxlbnRyeS1wb2ludC1tb2R1bGU+Y29tLnNhcC5zYWlsaW5nLmd3dC5ob21lLkhvbWU8L2VudHJ5LXBvaW50LW1vZHVsZT48L2d3dC1jb21waWxlLXNldHRpbmdzPg\=\=
+gwtCompileSettings=PGd3dC1jb21waWxlLXNldHRpbmdzPjxsb2ctbGV2ZWw+SU5GTzwvbG9nLWxldmVsPjxvdXRwdXQtc3R5bGU+UFJFVFRZPC9vdXRwdXQtc3R5bGU+PGV4dHJhLWFyZ3M+PCFbQ0RBVEFbLXdhciAuIC1sb2NhbFdvcmtlcnMgMyAtc3RyaWN0IC1sb2dMZXZlbCBUUkFDRV1dPjwvZXh0cmEtYXJncz48dm0tYXJncz48IVtDREFUQVstWG14MjAyNG0gLURnd3QudXNlYXJjaGl2ZXM9ZmFsc2VdXT48L3ZtLWFyZ3M+PGVudHJ5LXBvaW50LW1vZHVsZT5jb20uc2FwLnNhaWxpbmcuZ3d0LmhvbWUuSG9tZTwvZW50cnktcG9pbnQtbW9kdWxlPjwvZ3d0LWNvbXBpbGUtc2V0dGluZ3M+

java/com.sap.sailing.gwt.home/src/main/java/com/sap/sailing/gwt/home/client/app/events/EventsPageView.java

@@ -42,11 +42,8 @@ public class EventsPageView extends Composite implements EventsPagePresenter.MyV
     @Inject
     public EventsPageView(PlaceManager placeManager) {
         super();
-
         this.placeManager = placeManager;
-
         eventsTable = new EventsTable();
-
         initWidget(uiBinder.createAndBindUi(this));
         queryInput.getElement().setId("queryInput");
     }

java/com.sap.sailing.gwt.home/src/main/java/com/sap/sailing/gwt/home/client/shared/HeaderPanel.css

@@ -0,0 +1,22 @@
+.siteheader {
+	font-size: 16px;
+	font-size: 1rem;
+	background: #333;
+	border-bottom: 5px solid #f0ab00;
+	height: 4.0625em;
+	line-height: 3.75em;
+	width: 100%;
+}
+
+.logo {
+	margin: 0.625em 0;
+	float: left;
+}
+
+.sitenavigation {
+	float: right;
+}
+
+.languageSelection {
+	float: right;
+}

java/com.sap.sailing.gwt.home/src/main/java/com/sap/sailing/gwt/home/client/shared/HeaderPanel.java

@@ -22,6 +22,7 @@ public class HeaderPanel extends Composite {
 
     @Inject
     HeaderPanel(HeaderPanelUiBinder uiBinder, MainMenu mainMenu) {
+        HeaderPanelCss.INSTANCE.s().ensureInjected();
         this.mainMenu = mainMenu;
 
         initWidget(uiBinder.createAndBindUi(this));

java/com.sap.sailing.gwt.home/src/main/java/com/sap/sailing/gwt/home/client/shared/HeaderPanel.ui.xml

@@ -4,37 +4,16 @@
     xmlns:s="urn:import:com.sap.sailing.gwt.home.client.shared">
 	<ui:with field='i18n' type='com.sap.sailing.gwt.home.client.i18n.TextMessages'/>
 	<ui:with field="res" type="com.sap.sailing.gwt.home.client.HomeResources" />
-		<ui:style>
-.siteheader {
-  font-size: 16px;
-  font-size: 1rem;
-  background: #333;
-  border-bottom: 5px solid #f0ab00;
-  height: 4.0625em;
-  line-height: 3.75em;
-  width: 100%;
-}
-.logo {
-  margin: 0.625em 0;
-  float: left;
-}
-.sitenavigation {
-  float: right;
-}
-		.languageSelection {
-			float: right;	
-		}
-    </ui:style>
+	<ui:with field="cs" type="com.sap.sailing.gwt.home.client.shared.HeaderPanelCss" />
 	<g:HTMLPanel>
-<header class="{style.siteheader}">
+<header class="{cs.s.siteheader}">
   <div class="{res.mainCss.grid}">
-    <div class="{res.mainCss.small4} {res.mainCss.columns}"><img src="images/logo.png" alt="SAP Sailing Analytics" class="{style.logo}"></img></div>
+    <div class="{res.mainCss.small4} {res.mainCss.columns}"><img src="images/logo.png" alt="SAP Sailing Analytics" class="{cs.s.logo}"></img></div>
     <div class="{res.mainCss.small8} {res.mainCss.columns}">
-        
-        <g:FlowPanel styleName="{style.sitenavigation}">
+        <g:FlowPanel styleName="{cs.s.sitenavigation}">
 			<s:MainMenu ui:field="mainMenu" />
     	</g:FlowPanel>
-    	<g:FlowPanel styleName="{style.languageSelection}">
+    	<g:FlowPanel styleName="{cs.s.languageSelection}">
     		<s:LocaleSelection ui:field="localeSelection" />
     	</g:FlowPanel>
     </div>

java/com.sap.sailing.gwt.home/src/main/java/com/sap/sailing/gwt/home/client/shared/HeaderPanelCss.java

@@ -0,0 +1,22 @@
+package com.sap.sailing.gwt.home.client.shared;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.resources.client.ClientBundle;
+import com.google.gwt.resources.client.CssResource;
+
+public interface HeaderPanelCss extends ClientBundle {
+    public static final HeaderPanelCss INSTANCE = GWT.create(HeaderPanelCss.class);
+
+    @Source("com/sap/sailing/gwt/home/client/shared/HeaderPanel.css")
+    LocalCss s();
+
+    public interface LocalCss extends CssResource {
+        String siteheader();
+
+        String logo();
+
+        String sitenavigation();
+
+        String languageSelection();
+    }
+}