545 lines
15 KiB
Java
545 lines
15 KiB
Java
package org.gcube.portlets.user.reportgenerator.client.toolbar;
|
|
|
|
/*
|
|
* Copyright 2008 Google Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
|
|
* use this file except in compliance with the License. You may obtain a copy of
|
|
* the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations under
|
|
* the License.
|
|
*/
|
|
|
|
|
|
import java.util.HashMap;
|
|
|
|
import com.google.gwt.core.client.GWT;
|
|
import com.google.gwt.event.dom.client.ChangeEvent;
|
|
import com.google.gwt.event.dom.client.ChangeHandler;
|
|
import com.google.gwt.event.dom.client.ClickEvent;
|
|
import com.google.gwt.event.dom.client.ClickHandler;
|
|
import com.google.gwt.event.dom.client.KeyUpEvent;
|
|
import com.google.gwt.event.dom.client.KeyUpHandler;
|
|
import com.google.gwt.i18n.client.Constants;
|
|
import com.google.gwt.user.client.Command;
|
|
import com.google.gwt.user.client.Window;
|
|
import com.google.gwt.user.client.ui.AbstractImagePrototype;
|
|
import com.google.gwt.user.client.ui.Composite;
|
|
import com.google.gwt.user.client.ui.HTML;
|
|
import com.google.gwt.user.client.ui.HasAlignment;
|
|
import com.google.gwt.user.client.ui.HorizontalPanel;
|
|
import com.google.gwt.user.client.ui.Image;
|
|
import com.google.gwt.user.client.ui.ListBox;
|
|
import com.google.gwt.user.client.ui.PushButton;
|
|
import com.google.gwt.user.client.ui.RichTextArea;
|
|
import com.google.gwt.user.client.ui.ToggleButton;
|
|
import com.google.gwt.user.client.ui.VerticalPanel;
|
|
import com.google.gwt.user.client.ui.Widget;
|
|
|
|
/**
|
|
* A sample toolbar for use with {@link RichTextArea}. It provides a simple UI
|
|
* for all rich text formatting, dynamically displayed only for the available
|
|
* functionality.
|
|
*/
|
|
public class RichTextToolbar extends Composite {
|
|
|
|
private boolean isVME = false;
|
|
/**
|
|
* We use an inner EventListener class to avoid exposing event methods on the
|
|
* RichTextToolbar itself.
|
|
*/
|
|
private class EventListener implements ClickHandler, ChangeHandler, KeyUpHandler {
|
|
|
|
@SuppressWarnings("deprecation")
|
|
@Override
|
|
public void onChange(ChangeEvent event) {
|
|
Widget sender = (Widget) event.getSource();
|
|
if (sender == fonts) {
|
|
basic.setFontName(fonts.getValue(fonts.getSelectedIndex()));
|
|
fonts.setSelectedIndex(0);
|
|
} else if (sender == fontSizes) {
|
|
basic.setFontSize(fontSizesConstants[fontSizes.getSelectedIndex() - 1]);
|
|
fontSizes.setSelectedIndex(0);
|
|
}
|
|
}
|
|
|
|
@SuppressWarnings("deprecation")
|
|
@Override
|
|
public void onClick(ClickEvent event) {
|
|
Widget sender = (Widget) event.getSource();
|
|
if (sender == bold) {
|
|
basic.toggleBold();
|
|
} else if (sender == save) {
|
|
//call the command of Templates or Reports
|
|
commands.get("save").execute();
|
|
}
|
|
else if (sender == saveDB) {
|
|
//call the command toExport to RSG the current instance of the model
|
|
commands.get("exportRSG").execute();
|
|
}
|
|
else if (sender == newdoc) {
|
|
commands.get("newdoc").execute();
|
|
}else if (sender == structureView) {
|
|
commands.get("structureView").execute();
|
|
}else if (sender == close) {
|
|
commands.get("newdoc").execute();
|
|
} else if (sender == open_report) {
|
|
commands.get("open_report").execute();
|
|
} else if (sender == open_template) {
|
|
commands.get("open_template").execute();
|
|
} else if (sender == importing) {
|
|
commands.get("importing").execute();
|
|
}else if (sender == insertImage) {
|
|
commands.get("insertImage").execute();
|
|
} else if (sender == italic) {
|
|
basic.toggleItalic();
|
|
} else if (sender == underline) {
|
|
basic.toggleUnderline();
|
|
} else if (sender == strikethrough) {
|
|
extended.toggleStrikethrough();
|
|
}else if (sender == subscript) {
|
|
extended.toggleSubscript();
|
|
} else if (sender == superscript) {
|
|
extended.toggleSuperscript();
|
|
}
|
|
else if (sender == justifyLeft) {
|
|
basic.setJustification(RichTextArea.Justification.LEFT);
|
|
} else if (sender == justifyCenter) {
|
|
basic.setJustification(RichTextArea.Justification.CENTER);
|
|
} else if (sender == justifyRight) {
|
|
basic.setJustification(RichTextArea.Justification.RIGHT);
|
|
} else if (sender == createLink) {
|
|
String url = Window.prompt("Enter a link URL:", "http://");
|
|
if (url != null) {
|
|
extended.createLink(url);
|
|
}
|
|
} else if (sender == removeLink) {
|
|
extended.removeLink();
|
|
}
|
|
else if (sender == ol) {
|
|
extended.insertOrderedList();
|
|
} else if (sender == ul) {
|
|
extended.insertUnorderedList();
|
|
}
|
|
else if (sender == foreColorButton) {
|
|
commands.get("pickColor").execute();
|
|
}
|
|
else if (sender == removeFormat) {
|
|
extended.removeFormat();
|
|
} else if (sender == richText) {
|
|
// We use the RichTextArea's onKeyUp event to update the toolbar status.
|
|
// This will catch any cases where the user moves the cursur using the
|
|
// keyboard, or uses one of the browser's built-in keyboard shortcuts.
|
|
updateStatus();
|
|
}
|
|
}
|
|
|
|
@Override
|
|
public void onKeyUp(KeyUpEvent event) {
|
|
Widget sender = (Widget) event.getSource();
|
|
if (sender == richText) {
|
|
updateStatus();
|
|
}
|
|
}
|
|
}
|
|
|
|
private static final RichTextArea.FontSize[] fontSizesConstants = new RichTextArea.FontSize[] {
|
|
RichTextArea.FontSize.XX_SMALL, RichTextArea.FontSize.X_SMALL,
|
|
RichTextArea.FontSize.SMALL, RichTextArea.FontSize.MEDIUM,
|
|
RichTextArea.FontSize.LARGE, RichTextArea.FontSize.X_LARGE,
|
|
RichTextArea.FontSize.XX_LARGE};
|
|
|
|
private Images images = (Images) GWT.create(Images.class);
|
|
private Strings strings = (Strings) GWT.create(Strings.class);
|
|
private EventListener listener = new EventListener();
|
|
|
|
private RichTextArea richText;
|
|
|
|
@SuppressWarnings("deprecation")
|
|
private RichTextArea.BasicFormatter basic;
|
|
@SuppressWarnings("deprecation")
|
|
private RichTextArea.ExtendedFormatter extended;
|
|
|
|
|
|
|
|
private VerticalPanel outer = new VerticalPanel();
|
|
private HorizontalPanel topPanel = new HorizontalPanel();
|
|
private HorizontalPanel bottomPanel = new HorizontalPanel();
|
|
private ToggleButton structureView;
|
|
private ToggleButton bold;
|
|
private ToggleButton italic;
|
|
private ToggleButton underline;
|
|
private ToggleButton strikethrough;
|
|
private ToggleButton superscript;
|
|
private ToggleButton subscript;
|
|
private PushButton justifyLeft;
|
|
private PushButton justifyCenter;
|
|
private PushButton justifyRight;
|
|
private PushButton save;
|
|
private PushButton saveDB;
|
|
private PushButton close;
|
|
private PushButton newdoc;
|
|
private PushButton open_template;
|
|
private PushButton open_report;
|
|
private PushButton importing;
|
|
|
|
private PushButton ol;
|
|
private PushButton ul;
|
|
private PushButton insertImage;
|
|
private PushButton createLink;
|
|
private PushButton removeLink;
|
|
private PushButton removeFormat;
|
|
|
|
// private ListBox backColors;
|
|
// private ListBox foreColors;
|
|
private ListBox fonts;
|
|
private ListBox fontSizes;
|
|
|
|
private PushButton foreColorButton;
|
|
|
|
private HashMap<String, Command> commands;
|
|
|
|
|
|
|
|
/**
|
|
* Creates a new toolbar that drives the given rich text area.
|
|
*
|
|
* @param richText the rich text area to be controlled
|
|
* @param useOnePanel if true display all the bottons on one panel
|
|
* @param commands the Commands to call
|
|
*/
|
|
@SuppressWarnings("deprecation")
|
|
public RichTextToolbar(RichTextArea richText, HashMap<String, Command> commands, boolean isVme) {
|
|
this.isVME = isVme;
|
|
this.commands = commands;
|
|
this.richText = richText;
|
|
this.basic = richText.getBasicFormatter();
|
|
this.extended = richText.getExtendedFormatter();
|
|
|
|
topPanel.setHeight("20px");
|
|
topPanel.setSpacing(2);
|
|
|
|
outer.add(bottomPanel);
|
|
topPanel.setWidth("100%");
|
|
outer.setWidth("100%");
|
|
|
|
HorizontalPanel hp = new HorizontalPanel();
|
|
hp.setVerticalAlignment(HasAlignment.ALIGN_MIDDLE);
|
|
topPanel.setVerticalAlignment(HasAlignment.ALIGN_MIDDLE);
|
|
hp.add(topPanel);
|
|
outer.add(hp);
|
|
outer.setHeight("20px");
|
|
|
|
initWidget(outer);
|
|
setStyleName("goog-toolbar");
|
|
richText.addStyleName("hasRichTextToolbar");
|
|
|
|
if (basic != null) {
|
|
topPanel.add(structureView = createToggleButton(images.structureView(), strings.structureView()));
|
|
if (! isVme) {
|
|
//add the new template button
|
|
topPanel.add(newdoc = createPushButton(images.newdoc(), strings.newdoc()));
|
|
}
|
|
open_report = createPushButton(images.open_report(),strings.open_report());
|
|
//add the open report button
|
|
topPanel.add(open_report);
|
|
if (! isVme) {
|
|
//add the open template button
|
|
topPanel.add(open_template = createPushButton(images.open_template(),strings.open_template()));
|
|
//add the save button
|
|
topPanel.add(importing = createPushButton(images.importing(), strings.importing()));
|
|
}
|
|
//add the save button
|
|
topPanel.add(save = createPushButton(images.save(), strings.save()));
|
|
//add the close button
|
|
topPanel.add(close = createPushButton(images.closeDoc(), strings.close_report()));
|
|
if (isVme) {
|
|
topPanel.add(saveDB = createPushButton(images.db_save(), "Commit current in VME-DB")); //TODO:
|
|
}
|
|
|
|
topPanel.add(new HTML(" "));
|
|
fonts = createFontList();
|
|
fonts.setPixelSize(150, 18);
|
|
topPanel.add(fonts);
|
|
topPanel.add(new HTML(" "));
|
|
topPanel.add(fontSizes = createFontSizes());
|
|
|
|
// We only use these listeners for updating status, so don't hook them up
|
|
// unless at least basic editing is supported.
|
|
richText.addKeyUpHandler(listener);
|
|
richText.addClickHandler(listener);
|
|
|
|
}
|
|
|
|
if (basic != null) {
|
|
topPanel.add(bold = createToggleButton(images.bold(), strings.bold()));
|
|
|
|
|
|
|
|
topPanel.add(italic = createToggleButton(images.italic(), strings.italic()));
|
|
topPanel.add(underline = createToggleButton(images.underline(), strings.underline()));
|
|
|
|
topPanel.add(new HTML(" ", true));
|
|
topPanel.add(subscript = createToggleButton(images.subscript(),"subscript"));
|
|
topPanel.add(superscript = createToggleButton(images.superscript(),
|
|
"superscript"));
|
|
topPanel.add(strikethrough = createToggleButton(images.strikeThrough(),
|
|
strings.strikeThrough()));
|
|
topPanel.add(new HTML(" ", true));
|
|
topPanel.add(justifyLeft = createPushButton(images.justifyLeft(),
|
|
strings.justifyLeft()));
|
|
topPanel.add(justifyCenter = createPushButton(images.justifyCenter(),
|
|
strings.justifyCenter()));
|
|
topPanel.add(justifyRight = createPushButton(images.justifyRight(),
|
|
strings.justifyRight()));
|
|
topPanel.add(new HTML(" ", true));
|
|
|
|
|
|
}
|
|
|
|
if (extended != null) {
|
|
|
|
topPanel.add(ol = createPushButton(images.ol(), strings.ol()));
|
|
topPanel.add(ul = createPushButton(images.ul(), strings.ul()));
|
|
//TODO: To be re-enabled in the future
|
|
// topPanel.add(insertImage = createPushButton(images.insertImage(),
|
|
// strings.insertImage()));
|
|
topPanel.add(createLink = createPushButton(images.createLink(),
|
|
strings.createLink()));
|
|
topPanel.add(removeLink = createPushButton(images.removeLink(),
|
|
strings.removeLink()));
|
|
|
|
topPanel.add(removeFormat = createPushButton(images.removeFormat(),
|
|
strings.removeFormat()));
|
|
topPanel.add(foreColorButton = createPushButton(images.foreColors(),
|
|
"Text Color"));
|
|
}
|
|
if (basic != null) {
|
|
topPanel.add(new HTML(" "));
|
|
// topPanel.add(foreColors = createColorList("Color"));
|
|
// foreColors.setStyleName("listbox");
|
|
}
|
|
|
|
}
|
|
|
|
private ListBox createFontList() {
|
|
ListBox lb = new ListBox();
|
|
lb.addChangeHandler(listener);
|
|
lb.setVisibleItemCount(1);
|
|
|
|
lb.addItem(strings.font(), "");
|
|
lb.addItem(strings.normal(), "");
|
|
lb.addItem("Times New Roman", "Times New Roman");
|
|
lb.addItem("Arial", "Arial");
|
|
lb.addItem("Courier New", "Courier New");
|
|
lb.addItem("Georgia", "Georgia");
|
|
lb.addItem("Trebuchet", "Trebuchet");
|
|
lb.addItem("Verdana", "Verdana");
|
|
|
|
lb.setStyleName("listbox");
|
|
lb.setPixelSize(100, 18);
|
|
|
|
return lb;
|
|
}
|
|
|
|
private ListBox createFontSizes() {
|
|
ListBox lb = new ListBox();
|
|
lb.addChangeHandler(listener);
|
|
lb.setVisibleItemCount(1);
|
|
|
|
lb.addItem(strings.size());
|
|
lb.addItem(strings.xxsmall());
|
|
lb.addItem(strings.xsmall());
|
|
lb.addItem(strings.small());
|
|
lb.addItem(strings.medium());
|
|
lb.addItem(strings.large());
|
|
lb.addItem(strings.xlarge());
|
|
lb.addItem(strings.xxlarge());
|
|
lb.setStyleName("listbox");
|
|
lb.setPixelSize(100, 18);
|
|
return lb;
|
|
}
|
|
|
|
private PushButton createPushButton(AbstractImagePrototype img, String tip) {
|
|
Image toAdd = img.createImage();
|
|
//toAdd.setSize("15", "15");
|
|
PushButton pb = new PushButton(toAdd);
|
|
pb.addClickHandler(listener);
|
|
pb.setTitle(tip);
|
|
pb.setPixelSize(15, 15);
|
|
|
|
pb.setStyleName("myButton");
|
|
|
|
return pb;
|
|
}
|
|
|
|
private ToggleButton createToggleButton(AbstractImagePrototype img, String tip) {
|
|
ToggleButton tb = new ToggleButton(img.createImage());
|
|
tb.addClickHandler(listener);
|
|
tb.setTitle(tip);
|
|
tb.setPixelSize(15, 15);
|
|
tb.setStyleName("myButton");
|
|
|
|
return tb;
|
|
}
|
|
|
|
/**
|
|
* Updates the status of all the stateful buttons.
|
|
*/
|
|
private void updateStatus() {
|
|
if (basic != null) {
|
|
bold.setDown(basic.isBold());
|
|
italic.setDown(basic.isItalic());
|
|
underline.setDown(basic.isUnderlined());
|
|
}
|
|
|
|
if (extended != null) {
|
|
strikethrough.setDown(extended.isStrikethrough());
|
|
}
|
|
}
|
|
|
|
/**
|
|
* set the buttons enable or not
|
|
* @param enable true to enable the widget, false to disable it
|
|
*/
|
|
public void setEnabled(boolean enable) {
|
|
bold.setEnabled(enable);
|
|
italic.setEnabled(enable);
|
|
underline.setEnabled(enable);
|
|
strikethrough.setEnabled(enable);
|
|
justifyLeft.setEnabled(enable);
|
|
justifyCenter.setEnabled(enable);
|
|
justifyRight.setEnabled(enable);
|
|
superscript.setEnabled(enable);
|
|
subscript.setEnabled(enable);
|
|
foreColorButton.setEnabled(enable);
|
|
// insertImage.setEnabled(enable);
|
|
ol.setEnabled(enable);
|
|
ul.setEnabled(enable);
|
|
createLink.setEnabled(enable);
|
|
removeLink.setEnabled(enable);
|
|
removeFormat.setEnabled(enable);
|
|
//foreColors.setEnabled(enable);
|
|
fonts.setEnabled(enable);
|
|
fontSizes.setEnabled(enable);
|
|
}
|
|
|
|
public void enableCommands(boolean enable) {
|
|
open_report.setEnabled(enable);
|
|
save.setEnabled(enable);
|
|
|
|
if (newdoc != null) {
|
|
newdoc.setEnabled(enable);
|
|
open_template.setEnabled(enable);
|
|
importing.setEnabled(enable);
|
|
}
|
|
}
|
|
|
|
/**
|
|
*
|
|
* @return the formatter
|
|
*/
|
|
public RichTextArea.ExtendedFormatter getExtendedFormatter() {
|
|
return extended;
|
|
}
|
|
/**
|
|
*
|
|
* @return the current textArea
|
|
*/
|
|
public RichTextArea getRichTextArea() {
|
|
return richText;
|
|
}
|
|
|
|
/**
|
|
* This {@link Constants} interface is used to make the toolbar's strings
|
|
* internationalizable.
|
|
*/
|
|
public interface Strings extends Constants {
|
|
|
|
String close_report();
|
|
|
|
String insertImage();
|
|
|
|
String importing();
|
|
|
|
String black();
|
|
|
|
String blue();
|
|
|
|
String bold();
|
|
|
|
String color();
|
|
|
|
String createLink();
|
|
|
|
String font();
|
|
|
|
String green();
|
|
|
|
String hr();
|
|
|
|
String italic();
|
|
|
|
String justifyCenter();
|
|
|
|
String justifyLeft();
|
|
|
|
String justifyRight();
|
|
|
|
String large();
|
|
|
|
String medium();
|
|
|
|
String normal();
|
|
|
|
String newdoc();
|
|
|
|
String open_template();
|
|
|
|
String open_report();
|
|
|
|
String ol();
|
|
|
|
String outdent();
|
|
|
|
String red();
|
|
|
|
String removeFormat();
|
|
|
|
String removeLink();
|
|
|
|
String save();
|
|
|
|
String size();
|
|
|
|
String small();
|
|
|
|
String strikeThrough();
|
|
|
|
String structureView();
|
|
|
|
String ul();
|
|
|
|
String underline();
|
|
|
|
String white();
|
|
|
|
String xlarge();
|
|
|
|
String xsmall();
|
|
|
|
String xxlarge();
|
|
|
|
String xxsmall();
|
|
|
|
String yellow();
|
|
}
|
|
|
|
}
|