Use select2 for category selects now - #45

includes/admin.php

@@ -75,7 +75,10 @@ public function enqueue_admin_script( $hook ) {
 			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 );
 	}
 
 	/**

includes/settings.php

@@ -293,7 +293,7 @@ public function select2_multi( $args = array() ) {
 		$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; ?>

js/admin.js

@@ -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;
 	};
 
 	/**