Sortable 2013

Gruntfile.js

@@ -16,7 +16,15 @@ module.exports = function(grunt) {
           banner: '<%= banner %>'
         },
         files: {
-          'css/dist/cmb.min.css': [ 'css/src/layout.css', 'css/src/generic.css', 'css/src/repeatable.css', 'css/src/group.css', 'css/src/file.css', 'css/src/misc-fields.css' ]
+          'css/dist/cmb.min.css': [ 
+            'css/src/layout.css', 
+            'css/src/generic.css', 
+            'css/src/repeatable.css', 
+            'css/src/sortable.css', 
+            'css/src/group.css', 
+            'css/src/file.css', 
+            'css/src/misc-fields.css' 
+          ]
         }
       }
     }

class.cmb-meta-box.php

@@ -119,7 +119,7 @@ function enqueue_styles() {
 
 		$suffix = CMB_DEV ? '' : '.min';
 
-		if ( version_compare( get_bloginfo( 'version' ), '3.7', '>' ) )
+		if ( version_compare( get_bloginfo( 'version' ), '3.7.1', '>' ) )
 			wp_enqueue_style( 'cmb-styles', trailingslashit( CMB_URL ) . "css/dist/cmb$suffix.css" );
 		else
 			wp_enqueue_style( 'cmb-styles', trailingslashit( CMB_URL ) . 'css/legacy.css' );
@@ -245,6 +245,9 @@ static function layout_fields( array $fields ) { ?>
 				if ( ! empty( $field->args['repeatable'] ) )
 					$classes[] = 'repeatable';
 
+				if ( ! empty( $field->args['sortable'] ) )
+					$classes[] = 'cmb-sortable';
+
 				$classes[] = get_class($field);
 
 				$classes = 'class="' . esc_attr( implode(' ', array_map( 'sanitize_html_class', $classes ) ) ) . '"';

classes.fields.php

@@ -67,6 +67,10 @@ public function __construct( $name, $title, array $values, $args = array() ) {
 	 * @uses wp_enqueue_script()
 	 */
 	public function enqueue_scripts() {
+
+		if ( isset( $this->args['sortable'] ) && $this->args['sortable'] )
+			wp_enqueue_script( 'jquery-ui-sortable' );
+
 	}
 
 	/**
@@ -1352,7 +1356,7 @@ public function display() {
 
 				</div>
 
-				<button class="button repeat-field"><?php esc_html_e( 'Add New', 'cmb' ); ?></button>
+				<button class="button repeat-field"><?php esc_html_e( 'Add New Group', 'cmb' ); ?></button>
 
 		<?php }
 

css/dist/cmb.css

@@ -10,6 +10,7 @@
 
 /** Features **/
 @import '../src/repeatable.css';
+@import '../src/sortable.css';
 
 /** Fields **/
 @import '../src/group.css';