msd_admin_colorpicker: Adds colorpicker to write tab

MattD · 2008-04-01 05:55:23

I’ve created a simple plugin (first for me) to add a color picker to a custom color field in the write tab allowing you to associate a color with each article.

Adds a jQuery color picker to the a custom field in the write tab of Textpattern allowing you to associate a custom color with each article.
Requires:
jQuery
To use:
Install and activate the plugin!

Thank you Steven Wittens for the farbtastic color picker and to Jon-Michael Deldin for his suggestions.

Download Plugin

Lastest version no longer requires the images that were previously provided in the “msd_admin_colorpicker_plugin_images.zip

v1.0 – allows you to edit the custom field and default color in the extensions tab.
v1.1 – Added MLP code so it “should” work with MLP.
v1.2 – Fixed missing save button in preferences.
v2.0 – Rewrote plugin for better practices and readability. Also added a toggle to the custom field to display the colorpicker.
v2.1 – Fixed [+] to show when hidden. It was backwards.
v2.2 – change include for txp_prefs to include_once
v2.3 – fixed missing pref install
v2.4 – Added colorpicker to the preferences tab.
v2.5 – fixed [-] which was somehow replaced with strange encoded character.
v2.6 – hopefully fixed mutli site use case by removing “hu” from urls and using relative urls.

Last edited by MattD (2010-09-08 20:49:03)

jm · 2008-04-01 06:30:12

Welcome to the fold :). A couple suggestions:

Create an extensions tab (or integrate with preferences), so the user can select a custom field
Use hu for paths – some users install TXP in subdirectories
Use a similar jQuery plugin inline (with inline CSS), so your plugin is easier to install (TXP users == lazy). Of course, this negates #2 :).

This is me being nosy, but I made a few modifications to your plugin for valid output and less escaping:

if (@txpinterface == 'admin')
{
	register_callback('msd_admin_colorpicker', 'article');
	ob_start('msd_admin_colorpicker');
}

// insert your js before </head>
function msd_admin_colorpicker($buffer)
{
	$find = '</head>';
	$replace = '
		<script src="'. hu .'js/mootools.js" type="text/javascript"></script>
		<script src="'. hu .'js/mooRainbow.js" type="text/javascript"></script>
		<link href="'. hu .'css/mooRainbow.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
	';
		$replace .= "
			window.addEvent('domready', function() {	
				var r = new MooRainbow('custom-2', {	
					'onChange': function(color) {		
						$('custom-2').value = color.hex.substring(1);	
					}
				});
				r.manualSet('#'+$('custom-2').value, 'hex');
			});
		</script>
		";

	return str_replace($find, $replace.$find, $buffer);
}

Last edited by jm (2008-04-01 06:34:59)

MattD · 2008-04-01 06:39:26

I’ve updated it. Thanks for the suggestions. It’s been a long time since I’ve done any php. One thing, after this update it appears to interfere with rss_admin_show_adv_opts

MattD · 2008-04-03 00:13:32

I’ve made a version using the jquery color picker but the one you link to as well as all the others I can find require some images. Is there a good way to handle images that are required for a plugin?

jm · 2008-04-03 04:21:24

Blasted images! :P I can think of three ways:

Data URI images. The only downside is IE <8 doesn’t support it. Here’s a modified CSS file.
Free image hosting like PhotoBucket
Make people upload a few images and specify where they’re at via an extensions tab. This actually wouldn’t be so bad, so its probably a good alternative to #1.

colak · 2008-04-03 13:40:39

jm wrote:

3. Make people upload a few images and specify where they’re at via an extensions tab. This actually wouldn’t be so bad, so its probably a good alternative to #1.

I think that this might be the best option as long as the images reside in a directory within the ‘images’ folder. This will help for people who migrate sites.

MattD · 2008-04-03 15:59:51

So going with the “upload a few images” way what is the best way to package the plugin?

wet · 2008-05-30 12:58:51

BEWARE: We were notified that the downloadable plugin doesn’t contain any usable plugin code, but the rather useless one-liner F...ck3d By_FatiH.

Textpattern itself is polite by nature, so it won’t load such a blunt harassment as a plugin.

MattD · 2008-05-30 15:55:28

This is fixed. I’ve had tons of problems with my host and haven’t had time to ditch them.

Update: Lame Host Ditched!

Last edited by MattD (2009-11-03 18:50:04)

MattD · 2008-08-14 18:15:16

I made a small change to allow you to easily edit which field is used for the colorpicker within the plugin code.

MattD · 2008-09-10 06:03:40

New version, 0.4, no longer requires the images that were provided in the separate zip file.

Last edited by MattD (2008-09-10 06:03:54)

net-carver · 2008-09-10 13:24:08

Hi Matt,

I think there is an issue with the download. ~~Whilst the top post says “v0.4” actually hovering over the link shows the file as v0.3.~~ (Edit: sorry, my mistake) I downloaded it and installed it anyway and sure enough, it still needs the external files to work and reports as v0.3 in my textpattern installation.

That said, even v0.3 is nice — thank you!

Last edited by net-carver (2008-09-10 13:25:48)

Textpattern CMS

Textpattern CMS support forum

#1 2008-04-01 05:55:23

msd_admin_colorpicker: Adds colorpicker to write tab

#2 2008-04-01 06:30:12

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#3 2008-04-01 06:39:26

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#4 2008-04-03 00:13:32

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#5 2008-04-03 04:21:24

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#6 2008-04-03 13:40:39

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#7 2008-04-03 15:59:51

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#8 2008-05-30 12:58:51

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#9 2008-05-30 15:55:28

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#10 2008-08-14 18:15:16

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#11 2008-09-10 06:03:40

Re: msd_admin_colorpicker: Adds colorpicker to write tab

#12 2008-09-10 13:24:08

Re: msd_admin_colorpicker: Adds colorpicker to write tab

Board footer