[jbosstools-commits] JBoss Tools SVN: r16502 - in trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces: resources/colorPicker and 2 other directories.

Author: dmaliarevich Date: 2009-07-08 09:41:19 -0400 (Wed, 08 Jul 2009) New Revision: 16502 Added: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/ trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPicker.css trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPickerAngleArrow.gif trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesColorPickerTemplate.java Modified: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml Log: https://jira.jboss.org/jira/browse/JBIDE-4381, rich:colorPicker template was added. Added: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPicker.css =================================================================== --- trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPicker.css (rev 0) +++ trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPicker.css 2009-07-08 13:41:19 UTC (rev 16502) @@ -0,0 +1,14 @@ +.rich-color-picker-span input { + border: 1px solid #C4C0B9; + vertical-align: middle; + width: 130px; +} + +.rich-color-picker-icon { + border: 1px solid #C4C0B9; + cursor: pointer; + display: inline; + height: 16px; + vertical-align: middle; + width: 16px; +} \ No newline at end of file Property changes on: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPicker.css ___________________________________________________________________ Name: svn:mime-type + text/css Name: svn:eol-style + native Added: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPickerAngleArrow.gif =================================================================== (Binary files differ) Property changes on: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/resources/colorPicker/colorPickerAngleArrow.gif ___________________________________________________________________ Name: svn:mime-type + image/gif Added: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesColorPickerTemplate.java =================================================================== --- trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesColorPickerTemplate.java (rev 0) +++ trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesColorPickerTemplate.java 2009-07-08 13:41:19 UTC (rev 16502) @@ -0,0 +1,102 @@ +/******************************************************************************* + * Copyright (c) 2007-2009 Exadel, Inc. and Red Hat, Inc. + * Distributed under license by Red Hat, Inc. All rights reserved. + * This program is made available under the terms of the + * Eclipse Public License v1.0 which accompanies this distribution, + * and is available at http://www.eclipse.org/legal/epl-v10.html + * + * Contributors: + * Exadel, Inc. and Red Hat, Inc. - initial API and implementation + ******************************************************************************/ +package org.jboss.tools.jsf.vpe.richfaces.template; + +import org.jboss.tools.jsf.vpe.richfaces.ComponentUtil; +import org.jboss.tools.vpe.editor.context.VpePageContext; +import org.jboss.tools.vpe.editor.template.VpeAbstractTemplate; +import org.jboss.tools.vpe.editor.template.VpeCreationData; +import org.jboss.tools.vpe.editor.util.HTML; +import org.jboss.tools.vpe.editor.util.VisualDomUtil; +import org.mozilla.interfaces.nsIDOMDocument; +import org.mozilla.interfaces.nsIDOMElement; +import org.w3c.dom.Element; +import org.w3c.dom.Node; +/** + * Class for RichFaces' color picker component. + * + * @author dmaliarevich + */ +public class RichFacesColorPickerTemplate extends VpeAbstractTemplate { + + private static final String COLOR_PICKER_CSS_STYLE_PATH = "colorPicker/colorPicker.css"; //$NON-NLS-1$ + private static final String COLOR_PICKER_COMPONENT_NAME = "colorPicker"; //$NON-NLS-1$ + private static final String COLOR_PICKER_ANGLE_ARROW_ICON_PATH = "/colorPicker/colorPickerAngleArrow.gif"; //$NON-NLS-1$ + private static final String CSS_SPAN = "rich-color-picker-span"; //$NON-NLS-1$ + private static final String CSS_ICON = "rich-color-picker-icon"; //$NON-NLS-1$ + private static final String ATTR_COLOR_MODE = "colorMode"; //$NON-NLS-1$ + private static final String VALUE_COLOR_MODE_RGB = "rgb"; //$NON-NLS-1$ + private static final String DEFAULT_COLOR_PICKER_VALUE_HEX = "#ffffff"; //$NON-NLS-1$ + private static final String DEFAULT_COLOR_PICKER_VALUE_RGB = "rgb(255, 255, 255)"; //$NON-NLS-1$ + private static final String DEFAULT_COLOR_PICKER_ICON_STYLE = "background-color: rgb(255, 255, 255);"; //$NON-NLS-1$ + + /** + * Constructor + */ + public RichFacesColorPickerTemplate() { + super(); + } + + public VpeCreationData create(VpePageContext pageContext, Node sourceNode, + nsIDOMDocument visualDocument) { + /* + * Adding colorPicker.css file to the page + */ + ComponentUtil.setCSSLink(pageContext, COLOR_PICKER_CSS_STYLE_PATH, + COLOR_PICKER_COMPONENT_NAME); + + /* + * Casting to Element + */ + Element sourceElement = (Element) sourceNode; + + /* + * Creating visual elements + */ + nsIDOMElement span = visualDocument.createElement(HTML.TAG_SPAN); + nsIDOMElement input = visualDocument.createElement(HTML.TAG_INPUT); + nsIDOMElement img = visualDocument.createElement(HTML.TAG_IMG); + + /* + * Nesting elements + */ + span.appendChild(input); + span.appendChild(img); + + /* + * Setting elements attributes for span, input and image + */ + span.setAttribute(HTML.ATTR_CLASS, CSS_SPAN); + + String defaultColorMode = DEFAULT_COLOR_PICKER_VALUE_HEX; + if ((sourceElement.hasAttribute(ATTR_COLOR_MODE)) + && (VALUE_COLOR_MODE_RGB.equalsIgnoreCase(sourceElement + .getAttribute(ATTR_COLOR_MODE)))) { + defaultColorMode = DEFAULT_COLOR_PICKER_VALUE_RGB; + } + input.setAttribute(HTML.ATTR_VALUE, defaultColorMode); + input.setAttribute(HTML.ATTR_TYPE, HTML.VALUE_TYPE_TEXT); + input.setAttribute(HTML.ATTR_READONLY, HTML.ATTR_READONLY); + + img.setAttribute(HTML.ATTR_CLASS, CSS_ICON); + img.setAttribute(HTML.ATTR_STYLE, DEFAULT_COLOR_PICKER_ICON_STYLE); + ComponentUtil.setImg(img, COLOR_PICKER_ANGLE_ARROW_ICON_PATH); + + /* + * Create VpeCreationData with additional container for rich:colorPicker children + */ + VpeCreationData creationData = VisualDomUtil.createTemplateWithTextContainer( + sourceElement, span, HTML.TAG_SPAN, visualDocument); + + return creationData; + } + +} Property changes on: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesColorPickerTemplate.java ___________________________________________________________________ Name: svn:mime-type + text/plain Name: svn:keywords + Author Id Revision Date Name: svn:eol-style + native Modified: trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml =================================================================== --- trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml 2009-07-08 10:58:42 UTC (rev 16501) +++ trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml 2009-07-08 13:41:19 UTC (rev 16502) @@ -775,4 +775,10 @@ </vpe:template> </vpe:tag> + <vpe:tag name="rich:colorPicker" case-sensitive="yes"> + <vpe:template children="yes" modify="no" + class="org.jboss.tools.jsf.vpe.richfaces.template.RichFacesColorPickerTemplate"> + </vpe:template> + </vpe:tag> + </vpe:templates>