mirror of
https://github.com/eclipse-sailing-analytics/sailing-analytics.git
synced 2026-10-08 21:30:57 +00:00
Event overview mobile - Initialy added StatisticsBox partial
This commit is contained in:
1 parent
0ef485c8d0
commit
53452e3b17
4 files changed
+115
No files matched your search
+55
@@ -0,0 +1,55 @@
|
||||
.statisticsbox {
|
||||
font-size: 1rem;
|
||||
}
|
||||
.statisticsbox_content {
|
||||
font-size: 0.866666666666667em;
|
||||
}
|
||||
.statisticsbox_content_item {
|
||||
position: relative;
|
||||
padding: 1.153846153846154em 0;
|
||||
}
|
||||
.statisticsbox_content_item:first-child {
|
||||
padding-top: 1.923076923076923em;
|
||||
}
|
||||
.statisticsbox_content_item:first-child .statisticsbox_content_item_value {
|
||||
top: 60%;
|
||||
-webkit-transform: translateY(-60%);
|
||||
-moz-transform: translateY(-60%);
|
||||
-ms-transform: translateY(-60%);
|
||||
transform: translateY(-60%);
|
||||
}
|
||||
.statisticsbox_content_item:last-child {
|
||||
padding-bottom: 1.923076923076923em;
|
||||
}
|
||||
.statisticsbox_content_item:last-child .statisticsbox_content_item_value {
|
||||
top: 40%;
|
||||
-webkit-transform: translateY(-40%);
|
||||
-moz-transform: translateY(-40%);
|
||||
-ms-transform: translateY(-40%);
|
||||
transform: translateY(-40%);
|
||||
}
|
||||
.statisticsbox_content_item_icon {
|
||||
width: 1.538461538461539em;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.statisticsbox_content_item_name {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 1.538461538461539em;
|
||||
}
|
||||
.statisticsbox_content_item_value {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
width: 2.692307692307693em;
|
||||
text-align: center;
|
||||
padding: 0.230769230769231em 0;
|
||||
background: #ebebeb;
|
||||
border: 1px solid #dedede;
|
||||
border-radius: 0.384615384615385em;
|
||||
}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
<!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" xmlns:mp="urn:import:com.sap.sailing.gwt.home.mobile.partials">
|
||||
<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:with field="local_res" type="com.sap.sailing.gwt.home.mobile.partials.statisticsBox.StatisticsBoxResources" />
|
||||
<g:HTMLPanel>
|
||||
<div class="{res.mediaCss.grid}">
|
||||
<div
|
||||
class="{local_res.css.statisticsbox} {res.mediaCss.small12} {res.mediaCss.columns}">
|
||||
<mp:sectionHeader.SectionHeader ui:field='image'´ui:field='title' ui:field='label'
|
||||
ui:field='subtitle' ui:field='infoText' ui:field='link' ui:field='isStandAlone' />
|
||||
<div class="{local_res.css.statisticsbox_content}">
|
||||
<!-- EACH item in statistics -->
|
||||
<mp:statisticsBox.StatisticsBoxItem ui:field='item'/>
|
||||
<!-- EACH END -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</g:HTMLPanel>
|
||||
</ui:UiBinder>
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
<!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:with field="local_res" type="com.sap.sailing.gwt.home.mobile.partials.statisticsBox.StatisticsBoxResources" />
|
||||
<g:HTMLPanel>
|
||||
<div class="{local_res.css.statisticsbox_content_item}">
|
||||
<img src="<!-- item.icon -->" class="{local_res.css.statisticsbox_content_item_icon}" />
|
||||
<span class="{local_res.css.statisticsbox_content_item_name}">
|
||||
<!-- item.name -->
|
||||
</span>
|
||||
<span class="{local_res.css.statisticsbox_content_item_value}">
|
||||
<!-- item.value -->
|
||||
</span>
|
||||
</div>
|
||||
</g:HTMLPanel>
|
||||
</ui:UiBinder>
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
package com.sap.sailing.gwt.home.mobile.partials.statisticsBox;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.resources.client.ClientBundle;
|
||||
import com.google.gwt.resources.client.CssResource;
|
||||
|
||||
public interface StatisticsBoxResources extends ClientBundle {
|
||||
public static final StatisticsBoxResources INSTANCE = GWT.create(StatisticsBoxResources.class);
|
||||
|
||||
@Source("StatisticsBox.gss")
|
||||
LocalCss css();
|
||||
|
||||
public interface LocalCss extends CssResource {
|
||||
String statisticsbox();
|
||||
String statisticsbox_content();
|
||||
String statisticsbox_content_item();
|
||||
String statisticsbox_content_item_value();
|
||||
String statisticsbox_content_item_icon();
|
||||
String statisticsbox_content_item_name();
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user