Use select2 for category selects now - #45

This commit is contained in:
Jay Wood
2016-09-30 13:26:14 -04:00
parent 82d2425164
commit 05a785cfe0
4 changed files with 13 additions and 4 deletions

View File

@ -75,7 +75,10 @@ class CWV2_Admin {
wp_enqueue_media();
}
wp_enqueue_script( 'cwv2-admin', $this->plugin->url( "js/admin{$this->plugin->min}.js" ), array( 'jquery' ), $this->plugin->version, true );
wp_enqueue_style( 'select2', $this->plugin->url( "lib/select2-4.0.3/css/select2{$this->plugin->min}.css" ), false, '4.0.3' );
wp_enqueue_script( 'select2', $this->plugin->url( "lib/select2-4.0.3/js/select2{$this->plugin->min}.js" ), array( 'jquery' ), '4.0.3', true );
wp_enqueue_script( 'cwv2-admin', $this->plugin->url( "js/admin{$this->plugin->min}.js" ), array( 'select2' ), $this->plugin->version, true );
}
/**

View File

@ -293,7 +293,7 @@ class CWV2_Settings {
$option_value = get_option( $field_id, $field_id, $default );
?>
<select name="<?php echo $field_id; ?>" id="<?php echo $field_id; ?>" class="cwv2_select2" multiple="multiple">
<select name="<?php echo $field_id; ?>" id="<?php echo $field_id; ?>" class="cwv2_select2 widefat" multiple="multiple">
<?php foreach ( $options as $k => $v ) : ?>
<option value="<?php echo $k; ?>" <?php $this->selected_array( $option_value, $k ); ?>><?php echo $v; ?></option>
<?php endforeach; ?>

View File

@ -15,17 +15,23 @@ window.cwv2Admin = {};
app.$c = {
window: $(window),
imgUploadBtn: $( '.upload_image_button' ),
select2Objects: $( '.cwv2_select2' ),
};
};
// Combine all events
app.bindEvents = function() {
app.$c.imgUploadBtn.on( 'click', app.handleImageUploader );
app.$c.window.on( 'load', app.windowLoad );
};
app.windowLoad = function() {
app.$c.select2Objects.select2();
};
// Do we meet the requirements?
app.meetsRequirements = function() {
return app.$c.imgUploadBtn.length;
return app.$c.imgUploadBtn.length && app.$c.select2Objects.length;
};
/**

2
js/admin.min.js vendored
View File

@ -1 +1 @@
window.cwv2Admin={},function(window,$,app){app.init=function(){app.cache(),app.meetsRequirements()&&app.bindEvents()},app.cache=function(){app.$c={window:$(window),imgUploadBtn:$(".upload_image_button")}},app.bindEvents=function(){app.$c.imgUploadBtn.on("click",app.handleImageUploader)},app.meetsRequirements=function(){return app.$c.imgUploadBtn.length},app.handleImageUploader=function(){var btnObj=$(this);return window.uploadID=btnObj.data("target-id"),window.file_frame?(window.file_frame.open(),!0):(window.file_frame=wp.media.frames.file_frame=wp.media({title:btnObj.data("uploader-title"),button:{text:btnObj.data("uploader-btn-txt")},multiple:!1}),window.file_frame.on("select",function(){var attachment=window.file_frame.state().get("selection").first().toJSON();$("#"+window.uploadID).val(attachment.url),window.console.log(attachment)}),void window.file_frame.open())},$(app.init)}(window,jQuery,window.cwv2Admin);
window.cwv2Admin={},function(window,$,app){app.init=function(){app.cache(),app.meetsRequirements()&&app.bindEvents()},app.cache=function(){app.$c={window:$(window),imgUploadBtn:$(".upload_image_button"),select2Objects:$(".cwv2_select2")}},app.bindEvents=function(){app.$c.imgUploadBtn.on("click",app.handleImageUploader),app.$c.window.on("load",app.windowLoad)},app.windowLoad=function(){app.$c.select2Objects.select2()},app.meetsRequirements=function(){return app.$c.imgUploadBtn.length&&app.$c.select2Objects.length},app.handleImageUploader=function(){var btnObj=$(this);return window.uploadID=btnObj.data("target-id"),window.file_frame?(window.file_frame.open(),!0):(window.file_frame=wp.media.frames.file_frame=wp.media({title:btnObj.data("uploader-title"),button:{text:btnObj.data("uploader-btn-txt")},multiple:!1}),window.file_frame.on("select",function(){var attachment=window.file_frame.state().get("selection").first().toJSON();$("#"+window.uploadID).val(attachment.url),window.console.log(attachment)}),void window.file_frame.open())},$(app.init)}(window,jQuery,window.cwv2Admin);