329 lines
9.4 KiB
Java
329 lines
9.4 KiB
Java
/**
|
|
* Sencha GXT 3.1.1 - Sencha for GWT
|
|
* Copyright(c) 2007-2014, Sencha, Inc.
|
|
* licensing@sencha.com
|
|
*
|
|
* http://www.sencha.com/products/gxt/license/
|
|
*/
|
|
package com.sencha.gxt.theme.neptune.client.base.button;
|
|
|
|
import com.google.gwt.cell.client.Cell.Context;
|
|
import com.google.gwt.core.shared.GWT;
|
|
import com.google.gwt.resources.client.ClientBundle;
|
|
import com.google.gwt.resources.client.CssResource;
|
|
import com.google.gwt.resources.client.ImageResource;
|
|
import com.google.gwt.resources.client.ImageResource.ImageOptions;
|
|
import com.google.gwt.resources.client.ImageResource.RepeatStyle;
|
|
import com.google.gwt.safecss.shared.SafeStylesBuilder;
|
|
import com.google.gwt.safehtml.shared.SafeHtml;
|
|
import com.google.gwt.safehtml.shared.SafeHtmlBuilder;
|
|
import com.google.gwt.safehtml.shared.SafeHtmlUtils;
|
|
import com.google.gwt.user.client.ui.AbstractImagePrototype;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.ButtonArrowAlign;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.ButtonCellAppearance;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.ButtonScale;
|
|
import com.sencha.gxt.cell.core.client.ButtonCell.IconAlign;
|
|
import com.sencha.gxt.cell.core.client.SplitButtonCell;
|
|
import com.sencha.gxt.core.client.XTemplates;
|
|
import com.sencha.gxt.core.client.dom.XElement;
|
|
import com.sencha.gxt.core.client.resources.StyleInjectorHelper;
|
|
import com.sencha.gxt.theme.neptune.client.ButtonDetails;
|
|
import com.sencha.gxt.theme.neptune.client.EdgeDetails;
|
|
import com.sencha.gxt.theme.neptune.client.ThemeDetails;
|
|
|
|
public class Css3ButtonCellAppearance<M> implements ButtonCellAppearance<M> {
|
|
|
|
public interface Css3ButtonResources extends ClientBundle {
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
ImageResource arrow();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
ImageResource arrowBottom();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
ImageResource split();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
ImageResource splitBottom();
|
|
|
|
@Source({"Css3ButtonCell.css", "Css3ButtonCellToolBar.css"})
|
|
Css3ButtonStyle style();
|
|
|
|
ThemeDetails theme();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
@Source("toolBarArrow.png")
|
|
ImageResource toolBarArrow();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
@Source("toolBarArrowBottom.png")
|
|
ImageResource toolBarArrowBottom();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
@Source("toolBarButtonSplit.png")
|
|
ImageResource toolBarSplit();
|
|
|
|
@ImageOptions(repeatStyle = RepeatStyle.None)
|
|
@Source("toolBarButtonSplitBottom.png")
|
|
ImageResource toolBarSplitBottom();
|
|
}
|
|
|
|
public interface Css3ButtonStyle extends CssResource {
|
|
String iconRight();
|
|
|
|
String iconTop();
|
|
|
|
String iconLeft();
|
|
|
|
String iconBottom();
|
|
|
|
String noText();
|
|
|
|
String split();
|
|
|
|
String button();
|
|
|
|
String buttonInner();
|
|
|
|
String over();
|
|
|
|
String pressed();
|
|
|
|
String focused();
|
|
|
|
String small();
|
|
|
|
String medium();
|
|
|
|
String large();
|
|
|
|
String arrow();
|
|
|
|
String arrowBottom();
|
|
|
|
String splitBottom();
|
|
|
|
}
|
|
|
|
public interface Css3ButtonTemplates extends XTemplates {
|
|
@XTemplate(source = "Css3ButtonCell.html")
|
|
SafeHtml render(String value, Css3ButtonStyle style);
|
|
}
|
|
|
|
private final Css3ButtonResources resources;
|
|
private final Css3ButtonStyle style;
|
|
|
|
public Css3ButtonCellAppearance() {
|
|
resources = GWT.create(Css3ButtonResources.class);
|
|
style = resources.style();
|
|
|
|
StyleInjectorHelper.ensureInjected(resources.style(), true);
|
|
}
|
|
|
|
@Override
|
|
public XElement getButtonElement(XElement parent) {
|
|
return parent.getFirstChildElement().cast();
|
|
}
|
|
|
|
@Override
|
|
public XElement getFocusElement(XElement parent) {
|
|
return parent.getFirstChildElement().cast();
|
|
}
|
|
|
|
@Override
|
|
public void onFocus(XElement parent, boolean focused) {
|
|
parent.getFirstChildElement().<XElement> cast().setClassName(style.focused(), focused);
|
|
}
|
|
|
|
@Override
|
|
public void onOver(XElement parent, boolean over) {
|
|
parent.getFirstChildElement().<XElement> cast().setClassName(style.over(), over);
|
|
}
|
|
|
|
@Override
|
|
public void onPress(XElement parent, boolean pressed) {
|
|
parent.getFirstChildElement().<XElement> cast().setClassName(style.pressed(), pressed);
|
|
}
|
|
|
|
@Override
|
|
public void onToggle(XElement parent, boolean pressed) {
|
|
parent.getFirstChildElement().<XElement> cast().setClassName(style.pressed(), pressed);
|
|
}
|
|
|
|
@Override
|
|
public void render(ButtonCell<M> cell, Context context, M value, SafeHtmlBuilder sb) {
|
|
String constantHtml = cell.getHTML();
|
|
boolean hasConstantHtml = constantHtml != null && constantHtml.length() != 0;
|
|
boolean isBoolean = value != null && value instanceof Boolean;
|
|
// is a boolean always a toggle button?
|
|
String text = hasConstantHtml ? cell.getText() : (value != null && !isBoolean)
|
|
? SafeHtmlUtils.htmlEscape(value.toString()) : "";
|
|
|
|
ImageResource icon = cell.getIcon();
|
|
IconAlign iconAlign = cell.getIconAlign();
|
|
|
|
String arrowClass = "";
|
|
String scaleClass = "";
|
|
String iconClass = "";
|
|
|
|
int width = cell.getWidth();
|
|
int height = cell.getHeight();
|
|
boolean hasIcon = cell.getIcon() != null;
|
|
boolean isSplitButton = cell instanceof SplitButtonCell;
|
|
boolean hasMenu = cell.getMenu() != null;
|
|
|
|
boolean hasWidth = width != -1;
|
|
|
|
if (cell.getMenu() != null) {
|
|
|
|
if (cell instanceof SplitButtonCell) {
|
|
switch (cell.getArrowAlign()) {
|
|
case RIGHT:
|
|
arrowClass = style.split();
|
|
break;
|
|
case BOTTOM:
|
|
arrowClass = style.splitBottom();
|
|
break;
|
|
}
|
|
|
|
} else {
|
|
switch (cell.getArrowAlign()) {
|
|
case RIGHT:
|
|
arrowClass = style.arrow();
|
|
break;
|
|
case BOTTOM:
|
|
arrowClass = style.arrowBottom();
|
|
break;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
ButtonScale scale = cell.getScale();
|
|
|
|
switch (scale) {
|
|
case SMALL:
|
|
scaleClass = style.small();
|
|
break;
|
|
|
|
case MEDIUM:
|
|
scaleClass = style.medium();
|
|
break;
|
|
|
|
case LARGE:
|
|
scaleClass = style.large();
|
|
break;
|
|
case NONE:
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
|
|
if (icon != null) {
|
|
switch (iconAlign) {
|
|
case TOP:
|
|
iconClass = style.iconTop();
|
|
break;
|
|
case BOTTOM:
|
|
iconClass = style.iconBottom();
|
|
break;
|
|
case LEFT:
|
|
iconClass = style.iconLeft();
|
|
break;
|
|
case RIGHT:
|
|
iconClass = style.iconRight();
|
|
break;
|
|
}
|
|
}
|
|
|
|
String buttonClass = style.button();
|
|
boolean hasText = text != null && !text.equals("");
|
|
if (!hasText) {
|
|
buttonClass += " " + style.noText();
|
|
}
|
|
|
|
// toggle button
|
|
if (value == Boolean.TRUE) {
|
|
buttonClass += " " + style.pressed();
|
|
}
|
|
|
|
String innerClass = style.buttonInner() + " " + iconClass;
|
|
|
|
innerClass += " " + arrowClass;
|
|
innerClass += " " + scaleClass;
|
|
|
|
SafeHtmlBuilder builder = new SafeHtmlBuilder();
|
|
|
|
SafeStylesBuilder ss = new SafeStylesBuilder();
|
|
|
|
if (height != -1) {
|
|
ButtonDetails bd = resources.theme().button();
|
|
EdgeDetails padding = bd.padding();
|
|
EdgeDetails paddingInner = bd.radiusMinusBorderWidth();
|
|
int ah = height;
|
|
ah -= padding.top();
|
|
ah -= padding.bottom();
|
|
ah -= paddingInner.top();
|
|
ah -= paddingInner.bottom();
|
|
|
|
ss.appendTrustedString("line-height: " + ah + "px;");
|
|
}
|
|
|
|
builder.appendHtmlConstant("<div class='" + buttonClass + "'>");
|
|
|
|
// get iconbuilder ready
|
|
SafeHtmlBuilder iconBuilder = new SafeHtmlBuilder();
|
|
if (icon != null) {
|
|
int iconWidth = icon != null ? icon.getWidth() : 0;
|
|
int iconHeight = icon != null ? icon.getHeight() : 0;
|
|
String styles = "width: " + iconWidth + "px; height: " + iconHeight + "px;";
|
|
|
|
iconBuilder.appendHtmlConstant("<div class='" + iconClass + "' style='" + styles + "'>");
|
|
iconBuilder.append(AbstractImagePrototype.create(icon).getSafeHtml());
|
|
iconBuilder.appendHtmlConstant("</div>");
|
|
}
|
|
|
|
// for left / right aligned icons with a fixed button width we render the icon outside of the inner div
|
|
if (hasWidth && hasIcon && iconAlign == IconAlign.LEFT) {
|
|
builder.append(iconBuilder.toSafeHtml());
|
|
}
|
|
|
|
if (hasWidth && hasIcon && (iconAlign == IconAlign.LEFT)) {
|
|
int tw = width - (resources.theme().button().borderRadius() * 2);
|
|
if (isSplitButton && cell.getArrowAlign() == ButtonArrowAlign.RIGHT) {
|
|
tw -= resources.split().getWidth() + 10;
|
|
}
|
|
|
|
if (!isSplitButton && iconAlign == IconAlign.LEFT && hasMenu && cell.getArrowAlign() == ButtonArrowAlign.RIGHT) {
|
|
tw -= resources.arrow().getWidth() + 10;
|
|
}
|
|
|
|
if (hasIcon && iconAlign == IconAlign.LEFT) {
|
|
tw -= icon.getWidth();
|
|
}
|
|
|
|
ss.appendTrustedString("width: " + tw + "px;");
|
|
}
|
|
|
|
builder.appendHtmlConstant("<div class='" + innerClass + "' style='" + ss.toSafeStyles().asString() + "'>");
|
|
|
|
if (icon != null) {
|
|
if ((!hasWidth && iconAlign == IconAlign.LEFT) || iconAlign == IconAlign.TOP) {
|
|
builder.append(iconBuilder.toSafeHtml());
|
|
}
|
|
builder.appendHtmlConstant(text);
|
|
if (iconAlign == IconAlign.RIGHT || iconAlign == IconAlign.BOTTOM) {
|
|
builder.append(iconBuilder.toSafeHtml());
|
|
}
|
|
} else {
|
|
builder.appendHtmlConstant(text);
|
|
}
|
|
|
|
builder.appendHtmlConstant("</div></div>");
|
|
sb.append(builder.toSafeHtml());
|
|
}
|
|
|
|
}
|