From e40549980dd988f71e4facdd9552272ebd451cc4 Mon Sep 17 00:00:00 2001 From: wei <> Date: Sat, 4 Feb 2006 01:03:23 +0000 Subject: Adding TColorPicker. --- framework/Web/UI/WebControls/TColorPicker.php | 221 ++++++++++++++++++++++++++ framework/Web/UI/WebControls/TDatePicker.php | 2 +- 2 files changed, 222 insertions(+), 1 deletion(-) create mode 100644 framework/Web/UI/WebControls/TColorPicker.php (limited to 'framework/Web/UI') 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 @@ + + * @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() { -- cgit v1.2.3