初始版本

public/inc/js/color-picker.min.js

@@ -0,0 +1 @@
+(function(f,e){var a='<a tabindex="0" class="wp-color-result" />',c='<div class="wp-picker-holder" />',b='<div class="wp-picker-container" />',g='<input type="button" class="button button-small hidden" />';var d={options:{defaultColor:false,change:false,clear:false,hide:true,palettes:true},_create:function(){if(f.browser.msie&&parseInt(f.browser.version,10)<8){return}var h=this;var i=h.element;f.extend(h.options,i.data());h.initialValue=i.val();i.addClass("wp-color-picker").hide().wrap(b);h.wrap=i.parent();h.toggler=f(a).insertBefore(i).css({backgroundColor:h.initialValue}).attr("title",wpColorPickerL10n.pick).attr("data-current",wpColorPickerL10n.current);h.pickerContainer=f(c).insertAfter(i);h.button=f(g);if(h.options.defaultColor){h.button.addClass("wp-picker-default").val(wpColorPickerL10n.defaultString)}else{h.button.addClass("wp-picker-clear").val(wpColorPickerL10n.clear)}i.wrap('<span class="wp-picker-input-wrap" />').after(h.button);i.iris({target:h.pickerContainer,hide:true,width:255,mode:"hsv",palettes:h.options.palettes,change:function(j,k){h.toggler.css({backgroundColor:k.color.toString()});if(f.isFunction(h.options.change)){h.options.change.call(this,j,k)}}});i.val(h.initialValue);h._addListeners();if(!h.options.hide){h.toggler.click()}},_addListeners:function(){var h=this;h.toggler.click(function(i){i.stopPropagation();h.element.toggle().iris("toggle");h.button.toggleClass("hidden");h.toggler.toggleClass("wp-picker-open");if(h.toggler.hasClass("wp-picker-open")){f("body").on("click",{wrap:h.wrap,toggler:h.toggler},h._bodyListener)}else{f("body").off("click",h._bodyListener)}});h.element.change(function(j){var i=f(this),k=i.val();if(k===""||k==="#"){h.toggler.css("backgroundColor","");if(f.isFunction(h.options.clear)){h.options.clear.call(this,j)}}});h.toggler.on("keyup",function(i){if(i.keyCode===13||i.keyCode===32){i.preventDefault();h.toggler.trigger("click").next().focus()}});h.button.click(function(j){var i=f(this);if(i.hasClass("wp-picker-clear")){h.element.val("");h.toggler.css("backgroundColor","");if(f.isFunction(h.options.clear)){h.options.clear.call(this,j)}}else{if(i.hasClass("wp-picker-default")){h.element.val(h.options.defaultColor).change()}}})},_bodyListener:function(h){if(!h.data.wrap.find(h.target).length){h.data.toggler.click()}},color:function(h){if(h===e){return this.element.iris("option","color")}this.element.iris("option","color",h)},defaultColor:function(h){if(h===e){return this.options.defaultColor}this.options.defaultColor=h}};f.widget("wp.wpColorPicker",d)}(jQuery));

public/inc/js/media-uploader.js

@@ -0,0 +1,79 @@
+jQuery(document).ready(function($){
+
+	var optionsframework_upload;
+	var optionsframework_selector;
+
+	function optionsframework_add_file(event, selector) {
+
+		var upload = $(".uploaded-file"), frame;
+		var $el = $(this);
+		optionsframework_selector = selector;
+
+		event.preventDefault();
+
+		// If the media frame already exists, reopen it.
+		if ( optionsframework_upload ) {
+			optionsframework_upload.open();
+		} else {
+			// Create the media frame.
+			optionsframework_upload = wp.media.frames.optionsframework_upload =  wp.media({
+				// Set the title of the modal.
+				title: $el.data('choose'),
+
+				// Customize the submit button.
+				button: {
+					// Set the text of the button.
+					text: $el.data('update'),
+					// Tell the button not to close the modal, since we're
+					// going to refresh the page when the image is selected.
+					close: false
+				}
+			});
+
+			// When an image is selected, run a callback.
+			optionsframework_upload.on( 'select', function() {
+				// Grab the selected attachment.
+				var attachment = optionsframework_upload.state().get('selection').first();
+				optionsframework_upload.close();
+				optionsframework_selector.find('.upload').val(attachment.attributes.url);
+				if ( attachment.attributes.type == 'image' ) {
+					optionsframework_selector.find('.screenshot').empty().hide().append('<img src="' + attachment.attributes.url + '"><a class="remove-image">Remove</a>').slideDown('fast');
+				}
+				optionsframework_selector.find('.upload-button').unbind().addClass('remove-file').removeClass('upload-button').val(optionsframework_l10n.remove);
+				optionsframework_selector.find('.of-background-properties').slideDown();
+				optionsframework_selector.find('.remove-image, .remove-file').on('click', function() {
+					optionsframework_remove_file( $(this).parents('.section') );
+				});
+			});
+
+		}
+
+		// Finally, open the modal.
+		optionsframework_upload.open();
+	}
+
+	function optionsframework_remove_file(selector) {
+		selector.find('.remove-image').hide();
+		selector.find('.upload').val('');
+		selector.find('.of-background-properties').hide();
+		selector.find('.screenshot').slideUp();
+		selector.find('.remove-file').unbind().addClass('upload-button').removeClass('remove-file').val(optionsframework_l10n.upload);
+		// We don't display the upload button if .upload-notice is present
+		// This means the user doesn't have the WordPress 3.5 Media Library Support
+		if ( $('.section-upload .upload-notice').length > 0 ) {
+			$('.upload-button').remove();
+		}
+		selector.find('.upload-button').on('click', function(event) {
+			optionsframework_add_file(event, $(this).parents('.section'));
+		});
+	}
+
+	$('.remove-image, .remove-file').on('click', function() {
+		optionsframework_remove_file( $(this).parents('.section') );
+    });
+
+    $('.upload-button').click( function( event ) {
+    	optionsframework_add_file(event, $(this).parents('.section'));
+    });
+
+});

public/inc/js/options-custom.js

@@ -0,0 +1,91 @@
+/**
+ * Prints out the inline javascript needed for the colorpicker and choosing
+ * the tabs in the panel.
+ */
+
+jQuery(document).ready(function($) {
+
+	// Fade out the save message
+	$('.fade').delay(1000).fadeOut(1000);
+
+	$('.of-color').wpColorPicker();
+
+	// Switches option sections
+	$('.group').hide();
+	var active_tab = '';
+	if (typeof(localStorage) != 'undefined' ) {
+		active_tab = localStorage.getItem("active_tab");
+	}
+	if (active_tab != '' && $(active_tab).length ) {
+		$(active_tab).fadeIn();
+	} else {
+		$('.group:first').fadeIn();
+	}
+	$('.group .collapsed').each(function(){
+		$(this).find('input:checked').parent().parent().parent().nextAll().each(
+			function(){
+				if ($(this).hasClass('last')) {
+					$(this).removeClass('hidden');
+						return false;
+					}
+				$(this).filter('.hidden').removeClass('hidden');
+			});
+	});
+	if (active_tab != '' && $(active_tab + '-tab').length ) {
+		$(active_tab + '-tab').addClass('nav-tab-active');
+	}
+	else {
+		$('.nav-tab-wrapper a:first').addClass('nav-tab-active');
+	}
+
+	$('.nav-tab-wrapper a').click(function(evt) {
+		$('.nav-tab-wrapper a').removeClass('nav-tab-active');
+		$(this).addClass('nav-tab-active').blur();
+		var clicked_group = $(this).attr('href');
+		if (typeof(localStorage) != 'undefined' ) {
+			localStorage.setItem("active_tab", $(this).attr('href'));
+		}
+		$('.group').hide();
+		$(clicked_group).fadeIn();
+		evt.preventDefault();
+
+		// Editor Height (needs improvement)
+		$('.wp-editor-wrap').each(function() {
+			var editor_iframe = $(this).find('iframe');
+			if ( editor_iframe.height() < 30 ) {
+				editor_iframe.css({'height':'auto'});
+			}
+		});
+
+	});
+
+	$('.group .collapsed input:checkbox').click(unhideHidden);
+
+	function unhideHidden(){
+		if ($(this).attr('checked')) {
+			$(this).parent().parent().parent().nextAll().removeClass('hidden');
+		}
+		else {
+			$(this).parent().parent().parent().nextAll().each(
+			function(){
+				if ($(this).filter('.last').length) {
+					$(this).addClass('hidden');
+					return false;
+					}
+				$(this).addClass('hidden');
+			});
+
+		}
+	}
+
+	// Image Options
+	$('.of-radio-img-img').click(function(){
+		$(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
+		$(this).addClass('of-radio-img-selected');
+	});
+
+	$('.of-radio-img-label').hide();
+	$('.of-radio-img-img').show();
+	$('.of-radio-img-radio').hide();
+
+});