help button for racemap included on mobile Races/Tracking page

This commit is contained in:
I570464
2023-04-20 06:49:14 -04:00
committed by Allard
parent 5b1f6f9d57
commit 78aacb2c2d
2 changed files with 11 additions and 2 deletions
@@ -1,6 +1,7 @@
package com.sap.sailing.gwt.common.client.help;
import com.google.gwt.dom.client.Style.Cursor;
import com.google.gwt.uibinder.client.UiConstructor;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Image;
@@ -8,6 +9,10 @@ public class HelpButton extends Composite {
private final Image icon;
private final HelpButtonPopup popup;
public @UiConstructor HelpButton(final String description, final String url) {
this(HelpButtonResources.INSTANCE, description, url);
}
public HelpButton(final HelpButtonResources resources, final String description, final String url) {
resources.style().ensureInjected();
this.icon = new Image(resources.icon());
@@ -2,7 +2,8 @@
<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"
xmlns:sp="urn:import:com.sap.sailing.gwt.home.shared.partials">
xmlns:sp="urn:import:com.sap.sailing.gwt.home.shared.partials"
xmlns:h="urn:import:com.sap.sailing.gwt.common.client.help">
<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:style>
@@ -20,7 +21,10 @@
</ui:style>
<g:HTMLPanel>
<div class="{res.mediaCss.columns}">
<div class="{res.mediaCss.small12} {style.pageTitle}"><ui:text from="{i18n.racesAndTracking}" /></div>
<div class="{res.mediaCss.small12} {style.pageTitle}">
<ui:text from="{i18n.racesAndTracking}" />
<h:HelpButton ui:field='HelpButton' description='Video Guide' url='https://support.sapsailing.com/hc/en-us/articles/7275243525148-Tracking-Race-Player-Overview' />
</div>
<sp:filter.RacesByCompetitorTextBoxFilter addStyleNames="{res.mediaCss.small12} {style.filter}" ui:field="competitorFilterUi" />
</div>
<mp:regattacompetition.RegattaCompetition ui:field="regattaCompetitionUi" />