Adding TColorPicker.

2 files changed, 222 insertions, 1 deletions

diff --git a/framework/Web/UI/WebControls/TColorPicker.php b/framework/Web/UI/WebControls/TColorPicker.php
new file mode 100644
index 00000000..11c5f9d5
--- /dev/null
+++ b/framework/Web/UI/WebControls/TColorPicker.php
@@ -0,0 +1,221 @@
+<?php

+

+/**

+ * TColorPicker class.

+ *

+ * @author Wei Zhuo <weizhuo[at]gmail[dot]com>

+ * @version $Revision: $  $Date: $

+ * @package System.Web.UI.WebControls

+ * @since 3.0

+ */

+class TColorPicker extends TTextBox

+{

+	/**

+	 * @return boolean whether the color picker should pop up when the button is clicked.

+	 */

+	public function getShowColorPicker()

+	{

+		return $this->getViewState('ShowColorPicker',true);

+	}

+

+	/**

+	 * Sets whether to pop up the color picker when the button is clicked.

+	 * @param boolean whether to show the color picker popup

+	 */

+	public function setShowColorPicker($value)

+	{

+		$this->setViewState('ShowColorPicker',TPropertyValue::ensureBoolean($value),true);

+	}

+

+	/**

+	 * @param string color picker UI mode, "Simple", "Basic" or "Full", default is "Basic"

+	 */

+	public function setMode($value)

+	{

+	   $this->setViewState('Mode', TPropertyValue::ensureEnum($value, 'Simple', 'Basic', 'Full'), 'Basic');

+	}

+

+	/**

+	 * @return string current color picker UI mode.

+	 */

+	public function getMode()

+	{

+	   return $this->getViewState('Mode', 'Basic');

+	}

+	

+	/**

+	 * @param string set the color picker style

+	 */

+	public function setColorPickerStyle($value)

+	{

+	   $this->setViewState('ColorStyle', $value, 'default');

+	}

+

+	/**

+	 * @return string current color picker style

+	 */

+	public function getColorPickerStyle()

+	{

+	   return $this->getViewState('ColorStyle', 'default');

+	}

+

+	/**

+	 * @return string text for the color picker OK button. Default is "OK".

+	 */

+	public function getOKButtonText()

+	{

+		return $this->getViewState('OKButtonText', 'OK');

+	}

+

+	/**

+	 * @param string text for the color picker OK button

+	 */

+	public function setOKButtonText($value)

+	{

+		$this->setViewState('OKButtonText', $value, 'OK');

+	}

+

+	/**

+	 * @return string text for the color picker Cancel button. Default is "Cancel".

+	 */

+	public function getCancelButtonText()

+	{

+		return $this->getViewState('CancelButtonText', 'Cancel');

+	}

+

+	/**

+	 * @param string text for the color picker Cancel button

+	 */

+	public function setCancelButtonText($value)

+	{

+		$this->setViewState('CancelButtonText', $value, 'Cancel');

+	}

+

+	/**

+	 * Get javascript color picker options.

+	 * @return array color picker client-side options

+	 */

+	protected function getColorPickerOptions()

+	{

+		$options['ID'] = $this->getClientID();

+		$options['ClassName'] = $this->getCssClass();

+		$options['ShowColorPicker'] = $this->getShowColorPicker();

+		

+		if($options['ShowColorPicker'])

+		{

+			$mode = $this->getMode();

+

+			if($mode == 'Full') $options['Mode'] = $mode;

+			else if($mode == 'Simple') $options['Palette'] = 'Tiny';

+

+			$options['OKButtonText'] = $this->getOKButtonText();

+			$options['CancelButtonText'] = $this->getCancelButtonText();			

+		}

+

+		return $options;

+	}

+

+	/**

+	 * Publish the color picker Css asset files.

+	 */

+	public function onPreRender($param)

+	{

+		parent::onPreRender($param);

+		$this->publishColorPickerStyle();

+	}

+

+	/**

+	 * Publish the color picker style Css asset file.

+	 * @return string Css file url.

+	 */

+	protected function publishColorPickerStyle()

+	{

+		$cs = $this->getPage()->getClientScript();

+		$style = 'System.Web.Javascripts.colorpicker.'.$this->getColorPickerStyle();

+		$cssFile=Prado::getPathOfNamespace($style,'.css');

+		$url = $this->getService()->getAsset($cssFile);

+		if(!$cs->isStyleSheetFileRegistered($style))

+			$cs->registerStyleSheetFile($style, $url);

+		return $url;

+	}

+

+	/**

+	 * Publish the color picker image assets.

+	 * @return array list of  image URLs

+	 */

+	protected function publishColorPickerImageAssets()

+	{

+		$cs = $this->getPage()->getClientScript();

+		$key = "prado:".get_class($this);

+

+		$images = array('button' => '.gif', 'target_black' => '.gif', 

+						'target_white' => '.gif', 'background' => '.png',

+						'slider' => '.gif', 'hue' => '.gif');

+

+		$cs = $this->getPage()->getClientScript();

+		$list = array();

+

+		foreach($images as $filename => $ext)

+		{

+			$image = 'System.Web.Javascripts.colorpicker.'.$filename;

+			$file =  Prado::getPathOfNamespace($image, $ext);

+			$list[$filename.$ext] = $this->getService()->getAsset($file);

+		}

+		$imgs['button.gif'] = $list['button.gif'];

+		$imgs['background.png'] = $list['background.png'];

+		$serializer = new TJavascriptSerializer($imgs);

+		$options = $serializer->toJavascript();

+		$code = "Prado.WebUI.TColorPicker.UIImages = {$options};";

+		$cs->registerEndScript($key, $code);

+		return $list;

+	}

+

+	/**

+	 * Registers the javascript code to initialize the color picker.

+	 * Must use "Event.OnLoad" to initialize the color picker when the

+	 * full page is loaded, otherwise IE will throw an error.

+	 * @param THtmlWriter writer

+	 */

+	protected function addAttributesToRender($writer)

+	{

+		parent::addAttributesToRender($writer);

+		$writer->addAttribute('id',$this->getClientID());

+		$scripts = $this->getPage()->getClientScript();

+		$scripts->registerClientScript("colorpicker");

+		$serializer = new TJavascriptSerializer($this->getColorPickerOptions());

+		$options = $serializer->toJavascript();

+		$id = $this->getClientID();

+		$code = "Event.OnLoad(function(){ new Prado.WebUI.TColorPicker($options); });";

+		$scripts->registerEndScript("prado:$id", $code);

+	}

+

+	/**

+	 * Renders body content.

+	 * This method overrides parent implementation by adding

+	 * additional color picker button.

+	 * @param THtmlWriter writer

+	 */

+	protected function render($writer)

+	{

+		parent::render($writer);

+

+		$images = $this->publishColorPickerImageAssets();

+		$color = $this->getText();

+

+		$writer->addAttribute('class', 'TColorPicker_button');

+		$writer->renderBeginTag('span');

+

+		$writer->addAttribute('id', $this->getClientID().'_button');

+		$writer->addAttribute('src', $images['button.gif']);

+		if($color != '')

+			$writer->addAttribute('style', "background-color:{$color};");

+		$writer->addAttribute('width', '20');

+		$writer->addAttribute('height', '20');

+		$writer->renderBeginTag('img');

+		$writer->renderEndTag('img');

+		$writer->renderEndTag('span');

+	}

+

+}

+

+?>
\ No newline at end of file
diff --git a/framework/Web/UI/WebControls/TDatePicker.php b/framework/Web/UI/WebControls/TDatePicker.php
index 30b14add..301b7f70 100644
--- a/framework/Web/UI/WebControls/TDatePicker.php
+++ b/framework/Web/UI/WebControls/TDatePicker.php
@@ -148,7 +148,7 @@ class TDatePicker extends TTextBox
 	}

 

 	/**

-	 * @return string current calendar styl

+	 * @return string current calendar style

 	 */

 	public function getCalendarStyle()

 	{