added public/src/admin.js; moved enableColorPicker into admin.enableColorPicker

public/src/admin.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var admin = {};
+
+(function() {
+
+	admin.enableColorPicker = function(inputEl, callback) {
+		inputEl.ColorPicker({
+			color: inputEl.val() || '#000',
+			onChange: function(hsb, hex) {
+				inputEl.val('#' + hex);
+				if (typeof callback === 'function') {
+					callback(hsb, hex);
+				}
+			}
+		});
+	};
+
+}());

public/src/forum/admin/categories.js

@@ -139,21 +139,17 @@ define(['uploader'], function(uploader) {
 		}
 
 		function enableColorPicker(idx, inputEl) {
-			var	$inputEl = $(inputEl),
+			var $inputEl = $(inputEl),
 				previewEl = $inputEl.parents('[data-cid]').find('.preview-box');
 
-			$inputEl.ColorPicker({
+			admin.enableColorPicker($inputEl, function(hsb, hex) {
-				color: $inputEl.val() || '#000',
+				if ($inputEl.attr('data-name') === 'bgColor') {
-				onChange: function(hsb, hex) {
+					previewEl.css('background', '#' + hex);
-					$inputEl.val('#' + hex);
+				} else if ($inputEl.attr('data-name') === 'color') {
-					if ($inputEl.attr('data-name') === 'bgColor') {
+					previewEl.css('color', '#' + hex);
-						previewEl.css('background', '#' + hex);
-					} else if ($inputEl.attr('data-name') === 'color') {
-						previewEl.css('color', '#' + hex);
-					}
-
-					modified($inputEl[0]);
 				}
+
+				modified($inputEl[0]);
 			});
 		}