WooCommerce Quick Donation 1.3.x Beta Version

Redeveloping The Plugin.
Created Custom Post Type
Created Custom Taxonomy {Category & Tags}
Created Short code
Project Output Like Select , Radio [Single or grouped]
Price Box Output
Customization Template

[admin/class-admin-init.php]

Added woocommerce_screen_ids
Removed Admin Notice Handler Class Init
Added Plugins Settings Page ID To WC Screen ID

[admin/class-admin-settings.php & admin/class-donation-settings.php]

Working To Get A Prefect Settings Page

[admin/includes/class-admin-functions.php]

Changed WC_QD()->donation_id to WC_QD_ID

[includes/class-quick-donation-process.php]

Created Class To Process Front End Donation Form

[includes/class-shortcode-handler.php]

Created 2 Actions
wc_quick_donation_before_donation_form
wc_quick_donation_after_donation_form

[woocommerce-quick-donation.php]

Changed $donation_id from dynimic to static
Added WC_QD_ID defined variable

Rearranged Few Loading Files

Added Donation Processing Email
Added Prefect Settings Framework
Added Seperate Page For Listing Donations

includes/admin/admin-settings.php

+<?php
+global $options;
+$options = array();
+WC_QD()->load_files(WC_QD_ADMIN.'settings/settings-*.php'); 
+?>
\ No newline at end of file

includes/admin/class-admin-functions.php

+<?php
+/**
+ * The admin-specific functionality of the plugin.
+ *
+ * @link       https://wordpress.org/plugins/woocommerce-role-based-price/
+ *
+ * The admin-specific functionality of the plugin.
+ *
+ * Defines the plugin name, version, and two examples hooks for how to
+ * enqueue the admin-specific stylesheet and JavaScript.
+ *
+ * @package    @TODO
+ * @subpackage @TODO
+ * @author     Varun Sridharan <varunsridharan23@gmail.com>
+ */
+if ( ! defined( 'WPINC' ) ) { die; }
+
+class WooCommerce_Quick_Donation_Admin_Function {
+    
+    public function __construct(){
+        add_action( 'post_row_actions', array($this,'protect_donation_product'),99,2);
+        add_filter( 'pre_get_posts', array($this,'hide_donation_order_woocommerce_order'));
+        add_filter( 'wc_order_types',array($this,'add_wc_order_types'),99,2);
+        
+    } 
+    
+    
+    
+    public function hide_donation_order_woocommerce_order($query) {
+        global $pagenow,$post_type;  
+        $query = $query;
+        if(!defined('WC_QD_QRY_OVERRIDE')){
+            if( 'edit.php' == $pagenow || $query->is_admin && 'shop_order' == $post_type){ 
+                $query->set('meta_query',array('relation' => 'AND', array('key' => '_is_donation','compare' => 'NOT EXISTS')));
+            }
+        }
+        return $query;
+    }    
+    
+     
+    public function add_wc_order_types($order_types,$type){
+        $order_type = $order_types;
+        if('' == $type){
+            $order_type[] = WC_QD_PT; 
+        }
+        return $order_type;
+    }
+    
+	/**
+	* Protects Donation Product By 
+	* @filter_user post_row_actions
+	* @param  Array $actions Refer WP.org
+	* @param  Array $post    Refer WP.org
+	* @return Array Refer WP.org
+	* @since 1.0
+	*/
+	public function protect_donation_product($actions,$post) {
+        
+		if('product' == $post->post_type) {  
+			if($post->ID == WC_QD_ID){
+				unset($actions['inline hide-if-no-js']);
+				unset($actions['trash']);
+				unset($actions['duplicate']);
+                $text = __('Remove '.WC_QD.' Plugin To Remove This Product',WC_QD_TXT);
+				$actions['trash'] = '<a href="javascript:alert(\' '.$text.' \');"> Trash </a>';
+				
+			}
+		}
+        return $actions;
+	}    
+}
\ No newline at end of file

includes/admin/class-admin-init.php

+<?php
+/**
+ * The admin-specific functionality of the plugin.
+ *
+ * @link       https://wordpress.org/plugins/woocommerce-role-based-price/
+ *
+ * The admin-specific functionality of the plugin.
+ *
+ * Defines the plugin name, version, and two examples hooks for how to
+ * enqueue the admin-specific stylesheet and JavaScript.
+ *
+ * @package    @TODO
+ * @subpackage @TODO
+ * @author     Varun Sridharan <varunsridharan23@gmail.com>
+ */
+if ( ! defined( 'WPINC' ) ) { die; }
+
+class WooCommerce_Quick_Donation_Admin  {
+    private $settings_page_hook;
+    /**
+	 * Initialize the class and set its properties.
+	 * @since      0.1
+	 */
+	public function __construct() {
+        $this->load_required_files(); 
+        $this->init_hooks();
+	}
+    
+    public function load_required_files(){
+        WC_QD()->load_files(WC_QD_ADMIN.'metabox_framework/meta-box.php'); 
+        
+    } 
+    
+    public function init_hooks(){
+        add_action( 'admin_menu', array( $this, 'sub_donation_order_menu' ) );
+        add_action( 'admin_menu',  array($this,'add_donation_notification_bubble'),99);
+        
+        add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_styles' ),99);
+        add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
+        add_action( 'admin_init', array( $this, 'init_admin_class' ));
+        add_filter( 'plugin_row_meta', array($this, 'plugin_row_links' ), 10, 2 );
+        add_filter( 'woocommerce_screen_ids',array($this,'set_wc_screen_ids'),99);
+        add_filter( 'custom_menu_order', array($this,'reorder_donation_menu' ));
+        
+    }
+    
+    public function sub_donation_order_menu(){
+        
+        $this->order_menu_slug = add_submenu_page('edit.php?post_type=wcqd_project','Donation Orders','Donation\'s','administrator','wc_qd_orders',array($this,'donation_orders_page'));
+
+    }
+    
+    
+    public function reorder_donation_menu ($menu_ord ) {
+        global $submenu;
+        //echo '<pre>'.print_r($submenu,true).'</pre>'; exit;
+        $name = 'edit.php?post_type='.WC_QD_PT;
+        $arr = array();
+        $arr[] = $submenu[$name][18];
+        $arr[] = $submenu[$name][5];
+        $arr[] = $submenu[$name][10];
+        $arr[] = $submenu[$name][15];
+        $arr[] = $submenu[$name][16];
+        $arr[] = $submenu[$name][17];
+        $submenu[$name] = $arr;
+        return $menu_ord;
+    }  
+    
+    
+    public function add_donation_notification_bubble()  {
+        global $submenu; 
+        if(isset($submenu['edit.php?post_type='.WC_QD_PT])){
+            foreach($submenu['edit.php?post_type='.WC_QD_PT] as $menuK => $menu){
+                if($menu[2] === 'wc_qd_orders' ){
+                    $submenu['edit.php?post_type='.WC_QD_PT][$menuK][0] .=  "<span class='update-plugins count-1'>
+                                                                             <span class='update-count'>0</span></span>"; 
+                }
+            }
+        }
+    }    
+    
+    /**
+     * Inits Admin Sttings
+     */
+    public function init_admin_class(){
+        $this->functions =  new WooCommerce_Quick_Donation_Admin_Function;
+    }
+ 
+    
+    public function donation_orders_page(){
+        global $wpdb;
+
+        define('WC_QD_QRY_OVERRIDE',true);
+        $order_ids = WC_QD()->db()->get_donation_order_ids();
+        $order_ids = WC_QD()->db()->extract_donation_id($order_ids);
+
+        $args = array('post_type' => 'shop_order', 'post_status' =>  array_keys(wc_get_order_statuses()),'post__in' => $order_ids );
+        $wp_query = new WP_Query($args);
+        require('wp-donation-listing-table.php');
+        tt_render_list_page($wp_query);
+    }
+    
+    /**
+	 * Register the stylesheets for the admin area.
+	 */
+	public function enqueue_styles() { 
+        if('wcqd_project_page_WC_QD_settings' == $this->current_screen()){
+            wp_enqueue_style(WC_QD_SLUG.'_core_style',WC_QD_CSS.'admin-settings-style.css' , array(), WC_QD()->version, 'all' );  
+        }
+        if(in_array($this->current_screen() , $this->get_screen_ids())) {
+            wp_enqueue_style(WC_QD_SLUG.'_core_style',WC_QD_CSS.'admin-style.css' , array(), WC_QD()->version, 'all' );  
+        }
+	}
+	
+    
+    /**
+	 * Register the JavaScript for the admin area.
+	 */
+	public function enqueue_scripts() {
+        if(in_array($this->current_screen() , $this->get_screen_ids())) {
+            wp_enqueue_script(WC_QD_SLUG.'_core_script', WC_QD_JS.'admin-script.js', array('jquery'), WC_QD()->version, false ); 
+        }
+	}
+    
+    public function set_wc_screen_ids($screens){
+        $screen = $screens; 
+        $screen[] = 'wcqd_project_page_WC_QD_settings';
+        $screen[] = $this->order_menu_slug; 
+        return $screen;
+    }    
+    
+    /**
+     * Gets Current Screen ID from wordpress
+     * @return string [Current Screen ID]
+     */
+    public function current_screen(){
+       $screen =  get_current_screen();
+       return $screen->id;
+    }
+    
+    /**
+     * Returns Predefined Screen IDS
+     * @return [Array] 
+     */
+    public function get_screen_ids(){
+        $screen_ids = array();
+        $screen_ids[] = 'edit-product';
+        $screen_ids[] = 'product';
+        $screen_ids[] = WC_QD_PT.'_page_wc_qd_settings';
+        $screen_ids[] = 'wcqd_project_page_WC_QD_settings';
+        $screen_ids[] = $this->order_menu_slug;
+        return $screen_ids;
+    }
+    
+    
+    /**
+	 * Adds Some Plugin Options
+	 * @param  array  $plugin_meta
+	 * @param  string $plugin_file
+	 * @since 0.11
+	 * @return array
+	 */
+	public function plugin_row_links( $plugin_meta, $plugin_file ) {
+		if ( WC_QD_FILE == $plugin_file ) {
+            $plugin_meta[] = sprintf('<a href="%s">%s</a>', admin_url('edit.php?post_type=wcqd_project&page=WC_QD_settings'), __('Settings',WC_QD_TXT) );
+            $plugin_meta[] = sprintf('<a href="%s">%s</a>', 'https://wordpress.org/plugins/woocommerce-quick-donation/faq/', __('F.A.Q',WC_QD_TXT) );
+            $plugin_meta[] = sprintf('<a href="%s">%s</a>', 'https://github.com/technofreaky/woocomerce-quick-donation/', __('View On Github',WC_QD_TXT) );
+            $plugin_meta[] = sprintf('<a href="%s">%s</a>', 'https://github.com/technofreaky/woocomerce-quick-donation/issues/', __('Report Issue',WC_QD_TXT) );
+            $plugin_meta[] = sprintf('&hearts; <a href="%s">%s</a>', 'https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9MLKDVUVB7WBJ', __('Donate',WC_QD_TXT) );
+            $plugin_meta[] = sprintf('<a href="%s">%s</a>', 'http://varunsridharan.in/plugin-support/', __('Contact Author',WC_QD_TXT) );
+		}
+		return $plugin_meta;
+	}	    
+}
+
+?>
\ No newline at end of file

includes/admin/class-metabox.php

+<?php
+
+class WooCommerce_Quick_Donation_Project_Meta_Box {
+
+    public function __construct() {
+        add_filter( 'wcqd_metabox_meta_boxes', array($this,'register_metabox' ));
+    }
+    
+    public function register_metabox($meta_boxes){
+    
+      
+        // 1st meta box
+        $meta_boxes[] = array(
+            'id'       => WC_QD_SLUG.'-metabox',
+            'title'    => WC_QD,
+            'pages'    => array(WC_QD_PT ),
+            'context'  => 'normal',
+            'priority' => 'high',
+            'fields' => array(
+                
+                array(
+                    'name'  => __('Min Donation',WC_QD_TXT),
+                    'desc'  => __('Min Required Donation',WC_QD_TXT),
+                    'id'    => '_'.WC_QD_DB . 'min_req_donation',
+                    'type'  => 'number',
+                    'std'   => '10',
+                    'class' => '',
+                    'clone' => false,
+                ),  
+                array(
+                   'name'  => __('Max Donation',WC_QD_TXT),
+                    'desc'  => __('Max Required Donation',WC_QD_TXT),
+                    'id'    => '_'.WC_QD_DB . 'max_req_donation',
+                    'type'  => 'number',
+                    'std'   => '10000',
+                    'class' => '',
+                    'clone' => false,
+                )  ,
+                array(
+                   'name'  => __('Visibility',WC_QD_TXT),
+                    'desc'  => __('Show Or Hide In Donation Form',WC_QD_TXT),
+                    'id'    => '_'.WC_QD_DB . 'visibility_project',
+                    'type'  => 'select_advanced',
+                    'std'   => 'show',
+                    'class' => '',
+                    'options'=>array('hide'=>'Hide Listing', 'show'=>'Show Listing'),
+                    'clone' => false,
+                )
+
+            )
+        );
+
+        return $meta_boxes;
+    }
+    
+}
+
+new WooCommerce_Quick_Donation_Project_Meta_Box;
\ No newline at end of file

includes/admin/donation-settings.php

+<?php
+
+// Example plugin class.
+class WooCommerce_Quick_Donation_Admin_Settings {
+
+	private $page_hook;
+	private $settings;
+    private $settings_pages;
+    private $settings_section;
+    private $settings_fields;
+
+	function __construct($page_hook) {
+        $this->page_hook = $page_hook;
+        $this->settings_pages = array();
+        $this->settings_section = array();
+        $this->settings_fields = array();
+        $this->settings = new WooCommerce_Quick_Donation_Settings_Page();
+    }
+
+    
+    /**
+     * Gets Settings Tab For Settings Page
+     * @return [[Type]] [[Description]]
+     */
+    public function get_settings_page(){
+        $this->settings_pages[] = array('name' => __( 'Tab 2',WC_QD_TXT), 
+                                        'type' => 'heading' 
+                                       );
+        
+        $this->settings_pages[] = array('name' => __( 'Tab 2',WC_QD_TXT), 
+                                        'type' => 'heading' 
+                                       );
+        $this->settings_pages = apply_filters('wc_quick_donation_settings_tab',$this->settings_pages);
+        return $this->settings_pages;
+    }
+
+    
+    private function get_settings_section(){
+        $this->settings_section['example_page'] = array(
+                                                    array('id'=> 'first_section',
+                                                          'title'=> __('First Section',WC_QD_TXT),
+                                                          'validate_callback' => array($this,'validate_section')
+                                                     ),
+                                                    array('id'=> 'second_section', 
+                                                          'title' => __( 'Second Section.', WC_QD_TXT )
+                                                     ),
+			                                     );
+        
+        $this->settings_section['second_page'] = array(
+                                                        array('id'=> 'second_page_first_section', 
+                                                          'title' => __( 'Welcome to the second page', WC_QD_TXT)
+                                                         )
+                                                );
+        
+        $this->settings_section = apply_filters('wc_quick_donation_settings_section',$this->settings_section);
+        return $this->settings_section;
+            
+    }
+    
+    
+    
+    private function get_settings_fields(){
+        $this->settings_fields['example_page']['first_section'] = array(array(
+                                                                'id'      => 'section_one_text', // required
+                                                                'type'    => 'text', // required
+                                                                'label'   => __( 'Text field label (required)', WC_QD_TXT),
+                                                                'default' => 'default text',
+                                                                'desc'    => __( 'This is a required field.', WC_QD_TXT),
+                                                                'attr'    => array( 'class' => 'my_class' )
+                                                            ));
+        
+        $this->settings_fields = apply_filters('wc_quick_donation_settings_fields',$this->settings_fields);
+        return $this->settings_fields;
+    }
+    
+	function admin_init() {
+
+        $pages = $this->settings->add_pages($this->get_settings_page());
+        $sections = $this->get_settings_section();
+        $fields  = $this->get_settings_fields();
+        foreach($sections as $section_id => $section){ 
+            $pages = $this->settings->add_sections($section_id,$section);
+        }
+        
+        foreach($fields as $page_id => $fields){
+            
+            foreach($fields as $section_id => $field){
+                $pages = $this->settings->add_fields($page_id, $section_id, $field );
+            } 
+        }
+         
+
+		// Create a $pages array with the add_page(), add_pages(), add_section(), add_sections(), add_field() and add_fields() methods.
+		$this->settings->init( $pages, $this->page_hook );
+
+	}
+
+
+	function admin_page() {
+		echo '<div class="wrap">';
+		settings_errors();
+		$this->settings->render_header( __( 'WP Settings Example', 'plugin-text-domain' ) );
+		echo $this->settings->debug;
+
+		// Use the function get_settings() to get all the settings.
+		$settings = $this->settings->get_settings(); 
+		// Use the function get get_current_admin_page() to check what page you're on
+		// $page         = $this->settings->get_current_admin_page();
+		// $current_page = $page['id'];
+
+		// Display the form(s).
+		$this->settings->render_form();
+		echo '</div>';
+	}
+
+
+	function validate_section( $fields ) {
+
+		// Validation of the section_one_text text input.
+		// Show an error if it's empty.
+
+		// to check the section that's being validated you can check the 'section_id'
+		// that was added with a hidden field in the admin page form.
+		//
+		// example
+		// if( 'first_section' === $fields['section_id'] ) { // do stuff }
+
+		if ( empty( $fields['section_one_text'] ) ) {
+
+			// Use add_settings_error() to show an error messages.
+			add_settings_error(
+				'section_one_text', // Form field id.
+				'texterror', // Error id.
+				__( 'Error: please enter some text.', 'plugin-text-domain' ), // Error message.
+				'error' // Type of message. Use 'error' or 'updated'.
+			);
+		}
+
+		// Don't forget to return the fields
+		return $fields;
+	}
+
+} // end of class
+
+
+
+?>
\ No newline at end of file

includes/admin/metabox_framework/css/autocomplete.css

+.rwmb-autocomplete-result {
+	border-bottom: 1px solid #ccc;
+	padding: 1em 0;
+	overflow: hidden;
+}
+.rwmb-autocomplete-result .label {
+	float: left;
+	width: 90%;
+}
+.rwmb-autocomplete-result .actions {
+	width: 10%;
+	float: right;
+	cursor: pointer;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/checkbox.css

+.rwmb-checkbox-wrapper .description {
+	display: inline;
+	font-style: normal;
+}

includes/admin/metabox_framework/css/color.css

+.rwmb-color-picker {
+	display: none; /* Hidden by default */
+	z-index: 100;
+	background: rgb(238, 238, 238);
+	border: 1px solid rgb(204, 204, 204);
+	position: absolute;
+}
+.rwmb-color-wrapper .wp-picker-container {
+	position: relative;
+}
+.rwmb-color-wrapper .wp-picker-holder {
+	position: absolute;
+	z-index: 1;
+}

includes/admin/metabox_framework/css/divider.css

+/* =Styles for 'divider' field
+-------------------------------------------------------------- */
+
+.rwmb-divider-wrapper hr {
+	border: none;
+	border-top: 1px solid #e6e6e6;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/file.css

+.rwmb-file li {
+	width: 250px;
+	margin: 0 10px 10px 0;
+	-webkit-transition: width .25s, opacity .25s, -webkit-opacity .25s;
+	        transition: width .25s, opacity .25s;
+}
+.rwmb-file .rwmb-icon {
+	width: 60px;
+	text-align: center;
+	vertical-align: middle;
+	overflow: hidden;
+}
+.rwmb-file .rwmb-icon img {
+	max-height: 60px;
+	max-width: 60px;
+}
+.rwmb-file .rwmb-info {
+	width: 180px;
+	vertical-align: top;
+	overflow: hidden;
+}
+.rwmb-file .rwmb-info p {
+	margin: .1em 0;
+}
+.rwmb-file .rwmb-info a {
+	font-weight: bold;
+	text-decoration: none;
+}
+.rwmb-file li,
+.rwmb-file .rwmb-icon,
+.rwmb-file .rwmb-info {
+	display: inline-block;
+}
+.rwmb-file .rwmb-icon,
+.rwmb-file .rwmb-info {
+	margin: 0 0 2px 2px;
+}
+
+.rwmb-file li.removed {
+	width: 0;
+	margin: 0;
+	        opacity: 0;
+	-webkit-opacity: 0;
+	   -moz-opacity: 0;
+	     -o-opacity: 0;
+}
+
+.rwmb-file li.removed:after {
+	content: ' ';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 2;
+	opacity: .4;
+	background-color: #f00;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/heading.css

+/* =Styles for 'heading' field
+-------------------------------------------------------------- */
+
+.rwmb-heading-wrapper h4 {
+	display: block;
+	font-size: .75rem;
+	line-height: 1.4;
+	border-bottom: 1px solid rgb(230, 230, 230);
+	text-transform: uppercase;
+	padding: .75rem 0 .375rem;
+	margin: 0 0 6px;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/image-select.css

+.rwmb-image-select {
+	display: inline-block;
+	width: 80px;
+	height: 80px;
+	float: left;
+	margin: 0 10px 10px 0;
+	border: 3px solid #d8d8d8;
+	border-radius: 3px;
+	padding: 1px;
+}
+.rwmb-image-select img {
+	width: 100%;
+	height: 100%;
+}
+.rwmb-image-select:hover,
+.rwmb-image-select.rwmb-active {
+	border-color: #0074a2;
+}
+.rwmb-image-select input {
+	display: none;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/image.css

+/* Uploaded image */
+.rwmb-images {
+	overflow: hidden;
+}
+.rwmb-images li {
+	margin: 0 10px 10px 0;
+	float: left;
+	width: 150px;
+	height: 150px;
+	text-align: center;
+	cursor: move;
+	position: relative;
+	-webkit-transition: width .25s, opacity .25s, -webkit-opacity .25s;
+	        transition: width .25s, opacity .25s;
+}
+.rwmb-images img {
+	width: 150px;
+	height: 150px;
+}
+.rwmb-image-bar {
+	color: #fff;
+	font-weight: bold;
+	background: #000;
+	background: rgba(0, 0, 0, .5);
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 5px;
+	display: none;
+	text-align: center;
+}
+li:hover .rwmb-image-bar {
+	display: block;
+}
+.rwmb-image-bar a {
+	color: #fff;
+	font-weight: bold;
+	text-decoration: none;
+	vertical-align: middle;
+}
+.rwmb-image-bar a.rwmb-delete-file {
+	font-size: 23px;
+	width: 18px;
+	font-weight: normal;
+}
+.rwmb-images li.removed {
+	width: 0;
+	margin: 0;
+	        opacity: 0;
+	-webkit-opacity: 0;
+	   -moz-opacity: 0;
+	     -o-opacity: 0;
+}
+.rwmb-images li.removed:after {
+	content: ' ';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 2;
+	opacity: .4;
+	background-color: #f00;
+}
+.rwmb-images li.ui-state-highlight {
+	background: #ddd;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/jqueryui/jquery-ui-timepicker-addon.min.css

+/*! jQuery Timepicker Addon - v1.5.0 - 2014-09-01
+* http://trentrichardson.com/examples/timepicker
+* Copyright (c) 2014 Trent Richardson; Licensed MIT */
+
+.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}
\ No newline at end of file

includes/admin/metabox_framework/css/jqueryui/jquery.ui.core.css

+/*
+ * jQuery UI CSS Framework 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
+.ui-helper-clearfix:after { clear: both; }
+.ui-helper-clearfix { zoom: 1; }
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

includes/admin/metabox_framework/css/jqueryui/jquery.ui.datepicker.css

+/*
+ * jQuery UI Datepicker 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}
\ No newline at end of file

includes/admin/metabox_framework/css/jqueryui/jquery.ui.slider.css

+/*
+ * jQuery UI Slider 1.8.17
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
\ No newline at end of file

includes/admin/metabox_framework/css/map.css

+.rwmb-map-canvas {
+	width: 100%;
+	height: 400px;
+}

includes/admin/metabox_framework/css/oembed.css

+.rwmb-oembed-wrapper .spinner {
+	float: none;
+	vertical-align: top;
+	display: inline-block;
+}
+.rwmb-oembed-wrapper .embed-code {
+	margin-top: 1em;
+}
+.rwmb-oembed-wrapper .embed-code iframe {
+	max-width: 100%;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/plupload-image.css

+div.rwmb-drag-drop {
+	border: 4px dashed #ddd;
+	height: 200px;
+}
+
+div.rwmb-image-uploading-bar {
+	position: absolute;
+	width: 100%;
+	height: 0;
+	bottom: 0;
+}
+div.rwmb-image-uploading-status {
+	position: absolute;
+}
+li.rwmb-image-error {
+	border: 3px solid #c00;
+	background: #903838;
+}
+.rwmb-image-uploading-status .rwmb-loader {
+	width: 64px;
+	height: 64px;
+	top: 43px;
+	left: 43px;
+	position: relative;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/range.css

+input[type='range'] {
+	border-radius: 2px;
+	border: 1px solid #dfdfdf;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/select-advanced.css

+#post-body .rwmb-select-advanced {
+	height: auto;
+	min-width: 200px;
+}
+
+#post-body .rwmb-select-all {
+	margin-top: 5px;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/select.css

+#post-body .rwmb-select {
+	height: auto;
+	min-width: 200px;
+}
+
+#post-body .rwmb-select-all {
+	margin-top: 5px;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/slider.css

+.rwmb-slider {
+	display: inline-block;
+	vertical-align: middle;
+	width: 50%;
+}
+.rwmb-slider-value-label {
+	margin-left: 10px;
+	vertical-align: middle;
+}
+/* Fix slider handle being visible through jQuery panel */
+.ui-slider .ui-slider-handle {
+	z-index: 1;
+}
\ No newline at end of file

includes/admin/metabox_framework/css/style.css

+/* =Styles for 'normal' meta boxes
+-------------------------------------------------------------- */
+
+.rwmb-field {
+	margin: 0 0 10px;
+}
+.rwmb-label,
+.rwmb-input {
+	display: inline-block;
+	vertical-align: top;
+}
+.rwmb-label {
+	width: 24%;
+}
+.rwmb-label.required > span {
+	color: #c00;
+	font-weight: bold;
+}
+
+/* 75% if field has label, 100% if no label */
+.rwmb-input {
+	width: 100%;
+}
+.rwmb-label ~ .rwmb-input {
+	width: 75%;
+}
+.rwmb-input h4 {
+	margin: 0;
+}
+.rwmb-textarea {
+	resize: vertical;
+}
+
+/* Clone */
+.rwmb-clone {
+	min-height: 24px;
+	margin-bottom: 10px;
+	position: relative;
+	clear: both;
+	background: #fff;
+}
+.rwmb-clone > input[type='radio'],
+.rwmb-clone > input[type='checkbox'] {
+	margin: 6px 0 0 4px;
+}
+.rwmb-button {
+	float: right;
+}
+.rwmb-button.remove-clone {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+.rwmb-clone-icon {
+	cursor: move;
+	background: url(../img/drag_icon.gif) no-repeat;
+	height: 23px;
+	width: 15px;
+	float: left;
+	margin-left: -15px;
+}
+
+/* Fix empty block below admin footer (issue #24) */
+#ui-datepicker-div {
+	display: none;
+}
+
+/* jQuery validation */
+label.error {
+	padding-left: 3px;
+	color: red;
+}
+input.error,
+textarea.error,
+select.error {
+	border: #c00 solid 1px !important;
+	background: #ffebe8 !important;
+}
+
+
+/* =Styles for 'side' meta boxes
+-------------------------------------------------------------- */
+
+#side-sortables .rwmb-label,
+#side-sortables .rwmb-input {
+	width: 100%;
+}

includes/admin/metabox_framework/css/taxonomy.css

+.rw-taxonomy-tree {
+	margin-left: 15px;
+	margin-top: 5px;
+}
+.rwmb-input > .rw-taxonomy-tree {
+	margin-left: 0;
+	margin-top: 0;
+}
+.rw-taxonomy-tree.active {
+	display: inline-block;
+}
+.rw-taxonomy-tree.disabled {
+	display: none;
+}

includes/admin/metabox_framework/css/wysiwyg.css

+.rwmb-field .mceIframeContainer {
+	background: #fff;
+}
\ No newline at end of file

includes/admin/metabox_framework/inc/common.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Common' ) )
+{
+	/**
+	 * Common functions for the plugin
+	 * Independent from meta box/field classes
+	 */
+	class WCQD_METABOX_Common
+	{
+		/**
+		 * Do actions when class is loaded
+		 *
+		 * @return void
+		 */
+		public static function on_load()
+		{
+			self::load_textdomain();
+
+			$plugin = 'meta-box/meta-box.php';
+			add_filter( "plugin_action_links_$plugin", array( __CLASS__, 'plugin_links' ) );
+		}
+
+		/**
+		 * Load plugin translation
+		 *
+		 * @return void
+		 */
+		public static function load_textdomain()
+		{
+			// l18n translation files
+			$locale = get_locale();
+			$dir    = trailingslashit( WCQD_METABOX_DIR . 'lang' );
+			$mofile = "{$dir}{$locale}.mo";
+
+			// In themes/plugins/mu-plugins directory
+			load_textdomain( 'meta-box', $mofile );
+		}
+
+		/**
+		 * Add links to Documentation and Extensions in plugin's list of action links
+		 *
+		 * @since 4.3.11
+		 *
+		 * @param array $links Array of action links
+		 *
+		 * @return array
+		 */
+		public static function plugin_links( $links )
+		{
+			$links[] = '<a href="http://metabox.io/docs/">' . __( 'Documentation', 'meta-box' ) . '</a>';
+			$links[] = '<a href="http://metabox.io/plugins/">' . __( 'Extensions', 'meta-box' ) . '</a>';
+			return $links;
+		}
+
+	}
+
+	WCQD_METABOX_Common::on_load();
+}

includes/admin/metabox_framework/inc/field-multiple-values.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Field_Multiple_Values' ) )
+{
+	/**
+	 * This class implements common methods used in fields which have multiple values
+	 * like checkbox list, autocomplete, etc.
+	 *
+	 * The difference when handling actions for these fields are the way they get/set
+	 * meta value. Briefly:
+	 * - If field is cloneable, value is saved as a single entry in the database
+	 * - Otherwise value is saved as multiple entries
+	 */
+	class WCQD_METABOX_Field_Multiple_Values extends WCQD_METABOX_Field
+	{
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field['multiple']   = true;
+			$field['field_name'] = $field['id'];
+			if ( ! $field['clone'] )
+				$field['field_name'] .= '[]';
+
+			return $field;
+		}
+
+		/**
+		 * Output the field value
+		 * Display option name instead of option value
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Not used for these fields.
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return mixed Field value
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+			if ( ! $value )
+				return '';
+
+			$output = '<ul>';
+			if ( $field['clone'] )
+			{
+				foreach ( $value as $subvalue )
+				{
+					$output .= '<li>';
+					$output .= '<ul>';
+					foreach ( $subvalue as $option )
+					{
+						$output .= '<li>' . $field['options'][$option] . '</li>';
+					}
+					$output .= '</ul>';
+					$output .= '</li>';
+				}
+			}
+			else
+			{
+				foreach ( $value as $option )
+				{
+					$output .= '<li>' . $field['options'][$option] . '</li>';
+				}
+			}
+			$output .= '</ul>';
+
+			return $output;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/autocomplete.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Autocomplete_Field' ) )
+{
+	class WCQD_METABOX_Autocomplete_Field extends WCQD_METABOX_Field_Multiple_Values
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-autocomplete', WCQD_METABOX_CSS_URL . 'autocomplete.css', array( 'wp-admin' ), WCQD_METABOX_VER );
+			wp_enqueue_script( 'rwmb-autocomplete', WCQD_METABOX_JS_URL . 'autocomplete.js', array( 'jquery-ui-autocomplete' ), WCQD_METABOX_VER, true );
+			wp_localize_script( 'rwmb-autocomplete', 'WCQD_METABOX_Autocomplete', array( 'delete' => __( 'Delete', 'meta-box' ) ) );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			if ( ! is_array( $meta ) )
+				$meta = array( $meta );
+
+			if ( is_string( $field['options'] ) )
+			{
+				$options = $field['options'];
+			}
+			else
+			{
+				$options = array();
+				foreach ( $field['options'] as $value => $label )
+				{
+					$options[] = array(
+						'value' => $value,
+						'label' => $label,
+					);
+				}
+				$options = wp_json_encode( $options );
+			}
+
+			// Input field that triggers autocomplete.
+			// This field doesn't store field values, so it doesn't have "name" attribute.
+			// The value(s) of the field is store in hidden input(s). See below.
+			$html = sprintf(
+				'<input type="text" class="rwmb-autocomplete" id="%s" data-name="%s" data-options="%s" size="%s">',
+				$field['id'],
+				$field['field_name'],
+				esc_attr( $options ),
+				$field['size']
+			);
+
+			$html .= '<div class="rwmb-autocomplete-results">';
+
+			// Each value is displayed with label and 'Delete' option
+			// The hidden input has to have ".rwmb-*" class to make clone work
+			$tpl = '
+				<div class="rwmb-autocomplete-result">
+					<div class="label">%s</div>
+					<div class="actions">%s</div>
+					<input type="hidden" class="rwmb-autocomplete-value" name="%s" value="%s">
+				</div>
+			';
+
+			if ( is_array( $field['options'] ) )
+			{
+				foreach ( $field['options'] as $value => $label )
+				{
+					if ( in_array( $value, $meta ) )
+					{
+						$html .= sprintf(
+							$tpl,
+							$label,
+							__( 'Delete', 'meta-box' ),
+							$field['field_name'],
+							$value
+						);
+					}
+				}
+			}
+			else
+			{
+				foreach ( $meta as $value )
+				{
+					if ( empty( $value ) )
+						continue;
+					$label = apply_filters( 'wcqd_metabox_autocomplete_result_label', $value, $field );
+					$html .= sprintf(
+						$tpl,
+						$label,
+						__( 'Delete', 'meta-box' ),
+						$field['field_name'],
+						$value
+					);
+				}
+			}
+
+			$html .= '</div>'; // .rwmb-autocomplete-results
+
+			return $html;
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = parent::normalize_field( $field );
+			$field = wp_parse_args( $field, array(
+				'size' => 30,
+			) );
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/button.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Button_Field' ) )
+{
+	class WCQD_METABOX_Button_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<a href="#" id="%s" class="button hide-if-no-js">%s</a>',
+				$field['id'],
+				$field['std']
+			);
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field['std'] = $field['std'] ? $field['std'] : __( 'Click me', 'meta-box' );
+
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/checkbox-list.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Checkbox_List_Field' ) )
+{
+	class WCQD_METABOX_Checkbox_List_Field extends WCQD_METABOX_Field_Multiple_Values
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$meta = (array) $meta;
+			$html = array();
+			$tpl  = '<label><input type="checkbox" class="rwmb-checkbox-list" name="%s" value="%s"%s> %s</label>';
+
+			foreach ( $field['options'] as $value => $label )
+			{
+				$html[] = sprintf(
+					$tpl,
+					$field['field_name'],
+					$value,
+					checked( in_array( $value, $meta ), 1, false ),
+					$label
+				);
+			}
+
+			return implode( '<br>', $html );
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/checkbox.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Checkbox_Field' ) )
+{
+	class WCQD_METABOX_Checkbox_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-checkbox', WCQD_METABOX_CSS_URL . 'checkbox.css', array(), WCQD_METABOX_VER );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="checkbox" class="rwmb-checkbox" name="%s" id="%s" value="1" %s>',
+				$field['field_name'],
+				$field['id'],
+				checked( ! empty( $meta ), 1, false )
+			);
+		}
+
+		/**
+		 * Set the value of checkbox to 1 or 0 instead of 'checked' and empty string
+		 * This prevents using default value once the checkbox has been unchecked
+		 *
+		 * @link https://github.com/rilwis/meta-box/issues/6
+		 *
+		 * @param mixed $new
+		 * @param mixed $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return int
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			return empty( $new ) ? 0 : 1;
+		}
+
+		/**
+		 * Output the field value
+		 * Display 'Yes' or 'No' instead of '1' and '0'
+		 *
+		 * Note: we don't echo the field value directly. We return the output HTML of field, which will be used in
+		 * wcqd_metabox_the_field function later.
+		 *
+		 * @use self::get_value()
+		 * @see wcqd_metabox_the_field()
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Rarely used. See specific fields for details
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return string HTML output of the field
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+
+			return $value ? __( 'Yes', 'meta-box' ) : __( 'No', 'meta-box' );
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/color.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Color_Field' ) )
+{
+	class WCQD_METABOX_Color_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-color', WCQD_METABOX_CSS_URL . 'color.css', array( 'wp-color-picker' ), WCQD_METABOX_VER );
+			wp_enqueue_script( 'rwmb-color', WCQD_METABOX_JS_URL . 'color.js', array( 'wp-color-picker' ), WCQD_METABOX_VER, true );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input class="rwmb-color" type="text" name="%s" id="%s" value="%s" size="%s" />
+				<div class="rwmb-color-picker"></div>',
+				$field['field_name'],
+				empty( $field['clone'] ) ? $field['id'] : '',
+				$meta,
+				$field['size']
+			);
+		}
+
+		/**
+		 * Don't save '#' when no color is chosen
+		 *
+		 * @param mixed $new
+		 * @param mixed $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return int
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			return '#' === $new ? '' : $new;
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = wp_parse_args( $field, array(
+				'size' => 7,
+			) );
+
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/custom-html.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Custom_Html_Field' ) )
+{
+	class WCQD_METABOX_Custom_Html_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$html = ! empty( $field['std'] ) ? $field['std'] : '';
+			if ( ! empty( $field['callback'] ) && is_callable( $field['callback'] ) )
+			{
+				$html = call_user_func_array( $field['callback'], array( $meta, $field ) );
+			}
+			return $html;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/date.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Date_Field' ) )
+{
+	class WCQD_METABOX_Date_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			$url = WCQD_METABOX_CSS_URL . 'jqueryui';
+			wp_register_style( 'jquery-ui-core', "{$url}/jquery.ui.core.css", array(), '1.8.17' );
+			wp_register_style( 'jquery-ui-theme', "{$url}/jquery.ui.theme.css", array(), '1.8.17' );
+			wp_register_style( 'wp-datepicker', WCQD_METABOX_CSS_URL ."datepicker.css", array( 'jquery-ui-core', 'jquery-ui-theme' ), '1.8.17' );
+			wp_enqueue_style( 'jquery-ui-datepicker', "{$url}/jquery.ui.datepicker.css", array( 'wp-datepicker' ), '1.8.17' );
+
+			// Load localized scripts
+			$locale     = str_replace( '_', '-', get_locale() );
+			$file_paths = array( 'jqueryui/datepicker-i18n/jquery.ui.datepicker-' . $locale . '.js' );
+			// Also check alternate i18n filename (e.g. jquery.ui.datepicker-de.js instead of jquery.ui.datepicker-de-DE.js)
+			if ( strlen( $locale ) > 2 )
+				$file_paths[] = 'jqueryui/datepicker-i18n/jquery.ui.datepicker-' . substr( $locale, 0, 2 ) . '.js';
+			$deps = array( 'jquery-ui-datepicker' );
+			foreach ( $file_paths as $file_path )
+			{
+				if ( file_exists( WCQD_METABOX_DIR . 'js/' . $file_path ) )
+				{
+					wp_register_script( 'jquery-ui-datepicker-i18n', WCQD_METABOX_JS_URL . $file_path, $deps, '1.8.17', true );
+					$deps[] = 'jquery-ui-datepicker-i18n';
+					break;
+				}
+			}
+
+			wp_enqueue_script( 'rwmb-date', WCQD_METABOX_JS_URL . 'date.js', $deps, WCQD_METABOX_VER, true );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="text" class="rwmb-date" name="%s" value="%s" id="%s" size="%s" data-options="%s" />',
+				$field['field_name'],
+				$meta,
+				isset( $field['clone'] ) && $field['clone'] ? '' : $field['id'],
+				$field['size'],
+				esc_attr( wp_json_encode( $field['js_options'] ) )
+			);
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = wp_parse_args( $field, array(
+				'size'       => 30,
+				'js_options' => array(),
+			) );
+
+			// Deprecate 'format', but keep it for backward compatible
+			// Use 'js_options' instead
+			$field['js_options'] = wp_parse_args( $field['js_options'], array(
+				'dateFormat'      => empty( $field['format'] ) ? 'yy-mm-dd' : $field['format'],
+				'showButtonPanel' => true,
+			) );
+
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/datetime.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Datetime_Field' ) )
+{
+	class WCQD_METABOX_Datetime_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Translate date format from jQuery UI datepicker to PHP date()
+		 * It's used to store timestamp value of the field
+		 * Missing:  'o' => '', '!' => '', 'oo' => '', '@' => '', "''" => "'"
+		 * @var array
+		 */
+		static $date_format_translation = array(
+			'd' => 'j', 'dd' => 'd', 'oo' => 'z', 'D' => 'D', 'DD' => 'l',
+			'm' => 'n', 'mm' => 'm', 'M' => 'M', 'MM' => 'F', 'y' => 'y', 'yy' => 'Y',
+		);
+
+		/**
+		 * Translate date format from jQuery UI datepicker to PHP date()
+		 * It's used to store timestamp value of the field
+		 * Missing: 't' => '', T' => '', 'm' => '', 's' => ''
+		 * @var array
+		 */
+		static $time_format_translation = array(
+			'H'  => 'G', 'HH' => 'H', 'h' => 'g', 'hh' => 'h',
+			'mm' => 'i', 'ss' => 's', 'l' => 'u', 'tt' => 'a', 'TT' => 'A',
+		);
+
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			$url = WCQD_METABOX_CSS_URL . 'jqueryui';
+			wp_register_style( 'jquery-ui-core', "{$url}/jquery.ui.core.css", array(), '1.8.17' );
+			wp_register_style( 'jquery-ui-theme', "{$url}/jquery.ui.theme.css", array(), '1.8.17' );
+			wp_register_style( 'jquery-ui-datepicker', "{$url}/jquery.ui.datepicker.css", array( 'jquery-ui-core', 'jquery-ui-theme' ), '1.8.17' );
+			wp_register_style( 'wp-datepicker', WCQD_METABOX_CSS_URL ."datepicker.css", array( 'jquery-ui-core', 'jquery-ui-theme' ), '1.8.17' );
+			wp_register_style( 'jquery-ui-slider', "{$url}/jquery.ui.slider.css", array( 'jquery-ui-core', 'jquery-ui-theme' ), '1.8.17' );
+			wp_enqueue_style( 'jquery-ui-timepicker', "{$url}/jquery-ui-timepicker-addon.min.css", array( 'jquery-ui-datepicker', 'jquery-ui-slider', 'wp-datepicker' ), '1.5.0' );
+
+			$url = WCQD_METABOX_JS_URL . 'jqueryui';
+			wp_register_script( 'jquery-ui-timepicker', "{$url}/jquery-ui-timepicker-addon.min.js", array( 'jquery-ui-datepicker', 'jquery-ui-slider' ), '1.5.0', true );
+
+			/**
+			 * Localization
+			 * Use 1 minified JS file for timepicker which contains all languages for simpilicity (in version < 4.4.2 we use separated JS files).
+			 * The language is set in Javascript
+			 *
+			 * Note: we use full locale (de-DE) and fallback to short locale (de)
+			 */
+			$locale = str_replace( '_', '-', get_locale() );
+			$locale_short = substr( $locale, 0, 2 );
+
+			wp_register_script( 'jquery-ui-timepicker-i18n', "{$url}/jquery-ui-timepicker-addon-i18n.min.js", array( 'jquery-ui-timepicker' ), '1.5.0', true );
+
+			$date_paths = array( 'jqueryui/datepicker-i18n/jquery.ui.datepicker-' . $locale . '.js' );
+			if ( strlen( $locale ) > 2 )
+			{
+				// Also check alternate i18n filenames
+				// (e.g. jquery.ui.datepicker-de.js instead of jquery.ui.datepicker-de-DE.js)
+				$date_paths[] = 'jqueryui/datepicker-i18n/jquery.ui.datepicker-' . substr( $locale, 0, 2 ) . '.js';
+			}
+			$deps = array( 'jquery-ui-timepicker-i18n' );
+			foreach ( $date_paths as $date_path )
+			{
+				if ( file_exists( WCQD_METABOX_DIR . 'js/' . $date_path ) )
+				{
+					wp_register_script( 'jquery-ui-datepicker-i18n', WCQD_METABOX_JS_URL . $date_path, array( 'jquery-ui-datepicker' ), '1.8.17', true );
+					$deps[] = 'jquery-ui-datepicker-i18n';
+					break;
+				}
+			}
+
+			wp_enqueue_script( 'rwmb-datetime', WCQD_METABOX_JS_URL . 'datetime.js', $deps, WCQD_METABOX_VER, true );
+			wp_localize_script( 'rwmb-datetime', 'WCQD_METABOX_Datetimepicker', array(
+				'locale'      => $locale,
+				'localeShort' => $locale_short,
+			) );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$meta = $field['timestamp'] && $meta ? date( self::translate_format( $field ), intval( $meta ) ) : $meta;
+			return sprintf(
+				'<input type="text" class="rwmb-datetime" name="%s" value="%s" id="%s" size="%s" data-options="%s">',
+				$field['field_name'],
+				$meta,
+				$field['clone'] ? '' : $field['id'],
+				$field['size'],
+				esc_attr( wp_json_encode( $field['js_options'] ) )
+			);
+		}
+
+		/**
+		 * Calculates the timestamp from the datetime string and returns it
+		 * if $field['timestamp'] is set or the datetime string if not
+		 *
+		 * @param mixed $new
+		 * @param mixed $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return string|int
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			if ( ! $field['timestamp'] )
+				return $new;
+
+			$d = DateTime::createFromFormat( self::translate_format( $field ), $new );
+
+			return $d ? $d->getTimestamp() : 0;
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = wp_parse_args( $field, array(
+				'size'       => 30,
+				'js_options' => array(),
+				'timestamp'  => false,
+			) );
+
+			// Deprecate 'format', but keep it for backward compatible
+			// Use 'js_options' instead
+			$field['js_options'] = wp_parse_args( $field['js_options'], array(
+				'dateFormat'      => empty( $field['format'] ) ? 'yy-mm-dd' : $field['format'],
+				'timeFormat'      => 'HH:mm',
+				'showButtonPanel' => true,
+				'separator'       => ' ',
+			) );
+
+			return $field;
+		}
+
+		/**
+		 * Returns a date() compatible format string from the JavaScript format
+		 *
+		 * @see http://www.php.net/manual/en/function.date.php
+		 *
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function translate_format( $field )
+		{
+			return strtr( $field['js_options']['dateFormat'], self::$date_format_translation )
+			. $field['js_options']['separator']
+			. strtr( $field['js_options']['timeFormat'], self::$time_format_translation );
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/divider.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Divider_Field' ) )
+{
+	class WCQD_METABOX_Divider_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-divider', WCQD_METABOX_CSS_URL . 'divider.css', array(), WCQD_METABOX_VER );
+		}
+
+		/**
+		 * Show begin HTML markup for fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function begin_html( $meta, $field )
+		{
+			$attributes = empty( $field['id'] ) ? '' : " id='{$field['id']}'";
+			return "<hr$attributes>";
+		}
+
+		/**
+		 * Show end HTML markup for fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function end_html( $meta, $field )
+		{
+			return '';
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/email.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+// Make sure "text" field is loaded
+require_once WCQD_METABOX_FIELDS_DIR . 'text.php';
+
+if ( ! class_exists( 'WCQD_METABOX_Email_Field' ) )
+{
+	class WCQD_METABOX_Email_Field extends WCQD_METABOX_Text_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="email" class="rwmb-email" name="%s" id="%s" value="%s" size="%s" placeholder="%s"/>',
+				$field['field_name'],
+				$field['id'],
+				$meta,
+				$field['size'],
+				$field['placeholder']
+			);
+		}
+
+		/**
+		 * Sanitize email
+		 *
+		 * @param mixed $new
+		 * @param mixed $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			if ( $field['clone'] )
+			{
+				$new = (array) $new;
+				$new = array_map( 'sanitize_email', $new );
+			}
+			else
+			{
+				$new = sanitize_email( $new );
+			}
+
+			return $new;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/fieldset-text.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Fieldset_Text_Field' ) )
+{
+	class WCQD_METABOX_Fieldset_Text_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$html = array();
+			$tpl  = '<label>%s <input type="text" class="rwmb-fieldset-text" name="%s[%d][%s]" value="%s"></label>';
+
+			for ( $row = 0; $row < $field['rows']; $row ++ )
+			{
+				foreach ( $field['options'] as $key => $label )
+				{
+					$value  = isset( $meta[$row][$key] ) ? $meta[$row][$key] : '';
+					$html[] = sprintf( $tpl, $label, $field['id'], $row, $key, $value );
+				}
+				$html[] = '<br>';
+			}
+
+			$out = '<fieldset><legend>' . $field['desc'] . '</legend>' . implode( ' ', $html ) . '</fieldset>';
+
+			return $out;
+		}
+
+		/**
+		 * Show end HTML markup for fields
+		 * Do not show field description. Field description is shown before list of fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function end_html( $meta, $field )
+		{
+			$button = $field['clone'] ? call_user_func( array( RW_Meta_Box::get_class_name( $field ), 'add_clone_button' ), $field ) : '';
+
+			// Closes the container
+			$html = "$button</div>";
+
+			return $html;
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field['multiple'] = false;
+			return $field;
+		}
+
+		/**
+		 * Output the field value
+		 * Display options in format Label: value in unordered list
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Not used for these fields.
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return mixed Field value
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+			if ( ! $value )
+				return '';
+
+			$output = '<table>';
+			$output .= '<thead><tr>';
+			foreach ( $field['options'] as $label )
+			{
+				$output .= "<th>$label</th>";
+			}
+			$output .= '</tr></thead><tbody>';
+
+			foreach ( $value as $subvalue )
+			{
+				$output .= '<tr>';
+				foreach ( $subvalue as $value )
+				{
+					$output .= "<td>$value</td>";
+				}
+				$output .= '</tr>';
+			}
+			$output .= '</tbody></table>';
+
+			return $output;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/file-advanced.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+require_once WCQD_METABOX_FIELDS_DIR . 'file.php';
+if ( ! class_exists( 'WCQD_METABOX_File_Advanced_Field' ) )
+{
+	class WCQD_METABOX_File_Advanced_Field extends WCQD_METABOX_File_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			parent::admin_enqueue_scripts();
+
+			// Make sure scripts for new media uploader in WordPress 3.5 is enqueued
+			wp_enqueue_media();
+			wp_enqueue_script( 'rwmb-file-advanced', WCQD_METABOX_JS_URL . 'file-advanced.js', array( 'jquery', 'underscore' ), WCQD_METABOX_VER, true );
+			wp_localize_script( 'rwmb-file-advanced', 'rwmbFileAdvanced', array(
+				'frameTitle' => __( 'Select Files', 'meta-box' ),
+			) );
+		}
+
+		/**
+		 * Add actions
+		 *
+		 * @return void
+		 */
+		static function add_actions()
+		{
+			parent::add_actions();
+
+			// Attach images via Ajax
+			add_action( 'wp_ajax_wcqd_metabox_attach_file', array( __CLASS__, 'wp_ajax_attach_file' ) );
+			add_action( 'print_media_templates', array( __CLASS__, 'print_templates' ) );
+		}
+
+		static function wp_ajax_attach_file()
+		{
+			$post_id        = isset( $_REQUEST['post_id'] ) ? intval( $_REQUEST['post_id'] ) : 0;
+			$field_id       = isset( $_POST['field_id'] ) ? $_POST['field_id'] : 0;
+			$attachment_ids = isset( $_POST['attachment_ids'] ) ? (array) $_POST['attachment_ids'] : array();
+
+			check_ajax_referer( "rwmb-attach-file_{$field_id}" );
+			foreach ( $attachment_ids as $attachment_id )
+			{
+				add_post_meta( $post_id, $field_id, $attachment_id, false );
+			}
+
+			wp_send_json_success();
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$i18n_title   = apply_filters( 'wcqd_metabox_file_advanced_select_string', _x( 'Select or Upload Files', 'file upload', 'meta-box' ), $field );
+			$attach_nonce = wp_create_nonce( "rwmb-attach-file_{$field['id']}" );
+
+			// Uploaded files
+			$html = self::get_uploaded_files( $meta, $field );
+
+			// Show form upload
+			$classes = array( 'button', 'rwmb-file-advanced-upload', 'hide-if-no-js', 'new-files' );
+			if ( ! empty( $field['max_file_uploads'] ) && count( $meta ) >= (int) $field['max_file_uploads'] )
+				$classes[] = 'hidden';
+
+			$classes = implode( ' ', $classes );
+			$html .= "<a href='#' class='{$classes}' data-attach_file_nonce={$attach_nonce}>{$i18n_title}</a>";
+
+			return $html;
+		}
+
+		/**
+		 * Get field value
+		 * It's the combination of new (uploaded) images and saved images
+		 *
+		 * @param array $new
+		 * @param array $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return array|mixed
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			$new = (array) $new;
+
+			return array_unique( array_merge( $old, $new ) );
+		}
+
+		static function print_templates()
+		{
+			$i18n_delete = apply_filters( 'wcqd_metabox_file_delete_string', _x( 'Delete', 'file upload', 'meta-box' ) );
+			$i18n_edit   = apply_filters( 'wcqd_metabox_file_edit_string', _x( 'Edit', 'file upload', 'meta-box' ) );
+			?>
+			<script id="tmpl-rwmb-file-advanced" type="text/html">
+				<# _.each( attachments, function( attachment ) { #>
+					<li id="item_{{{ attachment.id }}}">
+						<div class="rwmb-icon">
+							<img src="<# if ( attachment.type == 'image' ){ #>{{{ attachment.sizes.thumbnail.url }}}<# } else { #>{{{ attachment.icon }}}<# } #>">
+						</div>
+						<div class="rwmb-info">
+							<a href="{{{ attachment.url }}}" target="_blank">{{{ attachment.title }}}</a>
+							<p>{{{ attachment.mime }}}</p>
+							<a title="<?php echo esc_attr( $i18n_edit ); ?>" href="{{{ attachment.editLink }}}" target="_blank"><?php echo esc_html( $i18n_edit ); ?></a> |
+							<a title="<?php echo esc_attr( $i18n_delete ); ?>" class="rwmb-delete-file" href="#" data-attachment_id="{{{ attachment.id }}}"><?php echo esc_html( $i18n_delete ); ?></a>
+						</div>
+					</li>
+					<# } ); #>
+			</script>
+		<?php
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/file-input.php

+<?php
+if ( ! class_exists( 'WCQD_METABOX_File_Input_Field' ) )
+{
+	class WCQD_METABOX_File_Input_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			// Make sure scripts for new media uploader in WordPress 3.5 is enqueued
+			wp_enqueue_media();
+			wp_enqueue_script( 'rwmb-file-input', WCQD_METABOX_JS_URL . 'file-input.js', array( 'jquery' ), WCQD_METABOX_VER, true );
+			wp_localize_script( 'rwmb-file-input', 'rwmbFileInput', array(
+				'frameTitle' => __( 'Select File', 'meta-box' ),
+			) );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="text" class="rwmb-file-input" name="%s" id="%s" value="%s" placeholder="%s" size="%s">
+				<a href="#" class="rwmb-file-input-select button-primary">%s</a>
+				<a href="#" class="rwmb-file-input-remove button %s">%s</a>',
+				$field['field_name'],
+				$field['id'],
+				$meta,
+				$field['placeholder'],
+				$field['size'],
+				__( 'Select', 'meta-box' ),
+				$meta ? '' : 'hidden',
+				__( 'Remove', 'meta-box' )
+			);
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = wp_parse_args( $field, array(
+				'size'        => 30,
+				'placeholder' => '',
+			) );
+
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/heading.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Heading_Field' ) )
+{
+	class WCQD_METABOX_Heading_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-heading', WCQD_METABOX_CSS_URL . 'heading.css', array(), WCQD_METABOX_VER );
+		}
+
+		/**
+		 * Show begin HTML markup for fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function begin_html( $meta, $field )
+		{
+			$attributes = empty( $field['id'] ) ? '' : " id='{$field['id']}'";
+			return sprintf( '<h4%s>%s</h4>', $attributes, $field['name'] );
+		}
+
+		/**
+		 * Show end HTML markup for fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function end_html( $meta, $field )
+		{
+			$id = $field['id'] ? " id='{$field['id']}-description'" : '';
+
+			return $field['desc'] ? "<p{$id} class='description'>{$field['desc']}</p>" : '';
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/hidden.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Hidden_Field' ) )
+{
+	class WCQD_METABOX_Hidden_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="hidden" class="rwmb-hidden" name="%s" id="%s" value="%s">',
+				$field['field_name'],
+				$field['id'],
+				$field['std']
+			);
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/image-advanced.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+require_once WCQD_METABOX_FIELDS_DIR . 'image.php';
+if ( ! class_exists( 'WCQD_METABOX_Image_Advanced_Field' ) )
+{
+	class WCQD_METABOX_Image_Advanced_Field extends WCQD_METABOX_Image_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			parent::admin_enqueue_scripts();
+
+			// Make sure scripts for new media uploader in WordPress 3.5 is enqueued
+			wp_enqueue_media();
+			wp_enqueue_script( 'rwmb-image-advanced', WCQD_METABOX_JS_URL . 'image-advanced.js', array( 'jquery', 'underscore' ), WCQD_METABOX_VER, true );
+			wp_localize_script( 'rwmb-image-advanced', 'rwmbImageAdvanced', array(
+				'frameTitle' => __( 'Select Images', 'meta-box' ),
+			) );
+		}
+
+		/**
+		 * Add actions
+		 *
+		 * @return void
+		 */
+		static function add_actions()
+		{
+			// Do same actions as file field
+			parent::add_actions();
+
+			// Attach images via Ajax
+			add_action( 'wp_ajax_wcqd_metabox_attach_media', array( __CLASS__, 'wp_ajax_attach_media' ) );
+			add_action( 'print_media_templates', array( __CLASS__, 'print_templates' ) );
+		}
+
+		/**
+		 * Ajax callback for attaching media to field
+		 *
+		 * @return void
+		 */
+		static function wp_ajax_attach_media()
+		{
+			$post_id        = isset( $_REQUEST['post_id'] ) ? intval( $_REQUEST['post_id'] ) : 0;
+			$field_id       = isset( $_POST['field_id'] ) ? $_POST['field_id'] : 0;
+			$attachment_ids = isset( $_POST['attachment_ids'] ) ? (array) $_POST['attachment_ids'] : array();
+
+			check_ajax_referer( "rwmb-attach-media_{$field_id}" );
+			foreach ( $attachment_ids as $attachment_id )
+			{
+				add_post_meta( $post_id, $field_id, $attachment_id, false );
+			}
+			wp_send_json_success();
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$i18n_title   = apply_filters( 'wcqd_metabox_image_advanced_select_string', _x( 'Select or Upload Images', 'image upload', 'meta-box' ), $field );
+			$attach_nonce = wp_create_nonce( "rwmb-attach-media_{$field['id']}" );
+
+			// Uploaded images
+			$html = self::get_uploaded_images( $meta, $field );
+
+			// Show form upload
+			$classes = array( 'button', 'rwmb-image-advanced-upload', 'hide-if-no-js', 'new-files' );
+			if ( ! empty( $field['max_file_uploads'] ) && count( $meta ) >= (int) $field['max_file_uploads'] )
+				$classes[] = 'hidden';
+
+			$classes = implode( ' ', $classes );
+			$html .= "<a href='#' class='{$classes}' data-attach_media_nonce={$attach_nonce}>{$i18n_title}</a>";
+
+			return $html;
+		}
+
+		/**
+		 * Get field value
+		 * It's the combination of new (uploaded) images and saved images
+		 *
+		 * @param array $new
+		 * @param array $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return array|mixed
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			$new = (array) $new;
+
+			return array_unique( array_merge( $old, $new ) );
+		}
+
+		static function print_templates()
+		{
+			$i18n_delete = apply_filters( 'wcqd_metabox_image_delete_string', _x( 'Delete', 'image upload', 'meta-box' ) );
+			$i18n_edit   = apply_filters( 'wcqd_metabox_image_edit_string', _x( 'Edit', 'image upload', 'meta-box' ) );
+			?>
+			<script id="tmpl-rwmb-image-advanced" type="text/html">
+				<# _.each( attachments, function( attachment ) { #>
+					<li id="item_{{{ attachment.id }}}">
+						<# if ( attachment.sizes.hasOwnProperty( 'thumbnail' ) ) { #>
+							<img src="{{{ attachment.sizes.thumbnail.url }}}">
+							<# } else { #>
+								<img src="{{{ attachment.sizes.full.url }}}">
+								<# } #>
+									<div class="rwmb-image-bar">
+										<a title="<?php echo esc_attr( $i18n_edit ); ?>" class="rwmb-edit-file" href="{{{ attachment.editLink }}}" target="_blank"><?php echo esc_html( $i18n_edit ); ?></a> |
+										<a title="<?php echo esc_attr( $i18n_delete ); ?>" class="rwmb-delete-file" href="#" data-attachment_id="{{{ attachment.id }}}">&times;</a>
+									</div>
+					</li>
+					<# } ); #>
+			</script>
+		<?php
+		}
+
+	}
+}

includes/admin/metabox_framework/inc/fields/image-select.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Image_Select_Field' ) )
+{
+	class WCQD_METABOX_Image_Select_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			wp_enqueue_style( 'rwmb-image-select', WCQD_METABOX_CSS_URL . 'image-select.css', array(), WCQD_METABOX_VER );
+			wp_enqueue_script( 'rwmb-image-select', WCQD_METABOX_JS_URL . 'image-select.js', array( 'jquery' ), WCQD_METABOX_VER, true );
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$html = array();
+			$tpl  = '<label class="rwmb-image-select"><img src="%s"><input type="%s" class="hidden" name="%s" value="%s"%s></label>';
+
+			$meta = (array) $meta;
+			foreach ( $field['options'] as $value => $image )
+			{
+				$html[] = sprintf(
+					$tpl,
+					$image,
+					$field['multiple'] ? 'checkbox' : 'radio',
+					$field['field_name'],
+					$value,
+					checked( in_array( $value, $meta ), true, false )
+				);
+			}
+
+			return implode( ' ', $html );
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field['field_name'] .= $field['multiple'] ? '[]' : '';
+
+			return $field;
+		}
+
+		/**
+		 * Output the field value
+		 * Display unordered list of images with option for size and link to full size
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Not used for these fields.
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return mixed Field value
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+			if ( ! $value )
+				return '';
+
+			if ( $field['clone'] )
+			{
+				$output = '<ul>';
+				if ( $field['multiple'] )
+				{
+					foreach ( $value as $subvalue )
+					{
+						$output .= '<li><ul>';
+						foreach ( $subvalue as &$option )
+						{
+							$output .= sprintf( '<li><img src="%s"></li>', esc_url( $field['options'][$value] ) );
+						}
+						$output .= '</ul></li>';
+					}
+				}
+				else
+				{
+					foreach ( $value as &$subvalue )
+					{
+						$output .= sprintf( '<li><img src="%s"></li>', esc_url( $field['options'][$subvalue] ) );
+					}
+				}
+				$output .= '</ul>';
+			}
+			else
+			{
+				if ( $field['multiple'] )
+				{
+					$output = '<ul>';
+					foreach ( $value as &$subvalue )
+					{
+						$output .= sprintf( '<li><img src="%s"></li>', esc_url( $field['options'][$subvalue] ) );
+					}
+					$output .= '</ul>';
+				}
+				else
+				{
+					$output = sprintf( '<img src="%s">', esc_url( $field['options'][$value] ) );
+				}
+			}
+
+			return $output;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/image.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Image_Field' ) )
+{
+	class WCQD_METABOX_Image_Field extends WCQD_METABOX_File_Field
+	{
+		/**
+		 * Enqueue scripts and styles
+		 *
+		 * @return void
+		 */
+		static function admin_enqueue_scripts()
+		{
+			// Enqueue same scripts and styles as for file field
+			parent::admin_enqueue_scripts();
+
+			wp_enqueue_style( 'rwmb-image', WCQD_METABOX_CSS_URL . 'image.css', array(), WCQD_METABOX_VER );
+			wp_enqueue_script( 'rwmb-image', WCQD_METABOX_JS_URL . 'image.js', array( 'jquery-ui-sortable' ), WCQD_METABOX_VER, true );
+		}
+
+		/**
+		 * Add actions
+		 *
+		 * @return void
+		 */
+		static function add_actions()
+		{
+			// Do same actions as file field
+			parent::add_actions();
+
+			// Reorder images via Ajax
+			add_action( 'wp_ajax_wcqd_metabox_reorder_images', array( __CLASS__, 'wp_ajax_reorder_images' ) );
+		}
+
+		/**
+		 * Ajax callback for reordering images
+		 *
+		 * @return void
+		 */
+		static function wp_ajax_reorder_images()
+		{
+			$field_id = isset( $_POST['field_id'] ) ? $_POST['field_id'] : 0;
+			$order    = isset( $_POST['order'] ) ? $_POST['order'] : '';
+			$post_id  = isset( $_POST['post_id'] ) ? intval( $_POST['post_id'] ) : 0;
+
+			check_ajax_referer( "rwmb-reorder-images_{$field_id}" );
+
+			parse_str( $order, $items );
+
+			delete_post_meta( $post_id, $field_id );
+			foreach ( $items['item'] as $item )
+			{
+				add_post_meta( $post_id, $field_id, $item, false );
+			}
+			wp_send_json_success();
+		}
+
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$i18n_title = apply_filters( 'wcqd_metabox_image_upload_string', _x( 'Upload Images', 'image upload', 'meta-box' ), $field );
+			$i18n_more  = apply_filters( 'wcqd_metabox_image_add_string', _x( '+ Add new image', 'image upload', 'meta-box' ), $field );
+
+			// Uploaded images
+			$html = self::get_uploaded_images( $meta, $field );
+
+			// Show form upload
+			$html .= sprintf(
+				'<h4>%s</h4>
+				<div class="new-files">
+					<div class="file-input"><input type="file" name="%s[]" /></div>
+					<a class="rwmb-add-file" href="#"><strong>%s</strong></a>
+				</div>',
+				$i18n_title,
+				$field['id'],
+				$i18n_more
+			);
+
+			return $html;
+		}
+
+		/**
+		 * Get HTML markup for uploaded images
+		 *
+		 * @param array $images
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function get_uploaded_images( $images, $field )
+		{
+			$reorder_nonce = wp_create_nonce( "rwmb-reorder-images_{$field['id']}" );
+			$delete_nonce  = wp_create_nonce( "rwmb-delete-file_{$field['id']}" );
+			$classes       = array( 'rwmb-images', 'rwmb-uploaded' );
+			if ( count( $images ) <= 0 )
+				$classes[] = 'hidden';
+			$ul   = '<ul class="%s" data-field_id="%s" data-delete_nonce="%s" data-reorder_nonce="%s" data-force_delete="%s" data-max_file_uploads="%s">';
+			$html = sprintf(
+				$ul,
+				implode( ' ', $classes ),
+				$field['id'],
+				$delete_nonce,
+				$reorder_nonce,
+				$field['force_delete'] ? 1 : 0,
+				$field['max_file_uploads']
+			);
+
+			foreach ( $images as $image )
+			{
+				$html .= self::img_html( $image );
+			}
+
+			$html .= '</ul>';
+
+			return $html;
+		}
+
+		/**
+		 * Get HTML markup for ONE uploaded image
+		 *
+		 * @param int $image Image ID
+		 *
+		 * @return string
+		 */
+		static function img_html( $image )
+		{
+			$i18n_delete = apply_filters( 'wcqd_metabox_image_delete_string', _x( 'Delete', 'image upload', 'meta-box' ) );
+			$i18n_edit   = apply_filters( 'wcqd_metabox_image_edit_string', _x( 'Edit', 'image upload', 'meta-box' ) );
+			$li          = '
+				<li id="item_%s">
+					<img src="%s" />
+					<div class="rwmb-image-bar">
+						<a title="%s" class="rwmb-edit-file" href="%s" target="_blank">%s</a> |
+						<a title="%s" class="rwmb-delete-file" href="#" data-attachment_id="%s">&times;</a>
+					</div>
+				</li>
+			';
+
+			$src  = wp_get_attachment_image_src( $image, 'thumbnail' );
+			$src  = $src[0];
+			$link = get_edit_post_link( $image );
+
+			return sprintf(
+				$li,
+				$image,
+				$src,
+				$i18n_edit, $link, $i18n_edit,
+				$i18n_delete, $image
+			);
+		}
+
+		/**
+		 * Output the field value
+		 * Display unordered list of images with option for size and link to full size
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Not used for these fields.
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return mixed Field value
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+			if ( ! $value )
+				return '';
+
+			$output = '<ul>';
+			foreach ( $value as $file_id => $file_info )
+			{
+				$img = sprintf(
+					'<img src="%s" alt="%s" title="%s">',
+					esc_url( $file_info['url'] ),
+					esc_attr( $file_info['alt'] ),
+					esc_attr( $file_info['title'] )
+				);
+
+				// Link thumbnail to full size image?
+				if ( isset( $args['link'] ) && $args['link'] )
+				{
+					$img = sprintf(
+						'<a href="%s" title="%s">%s</a>',
+						esc_url( $file_info['full_url'] ),
+						esc_attr( $file_info['title'] ),
+						$img
+					);
+				}
+
+				$output .= "<li>$img</li>";
+			}
+			$output .= '</ul>';
+
+			return $output;
+		}
+
+		/**
+		 * Get uploaded file information
+		 *
+		 * @param int   $file_id Attachment image ID (post ID). Required.
+		 * @param array $args    Array of arguments (for size).
+		 *
+		 * @return array|bool False if file not found. Array of image info on success
+		 */
+		static function file_info( $file_id, $args = array() )
+		{
+			$args = wp_parse_args( $args, array(
+				'size' => 'thumbnail',
+			) );
+
+			$img_src = wp_get_attachment_image_src( $file_id, $args['size'] );
+			if ( ! $img_src )
+			{
+				return false;
+			}
+
+			$attachment = get_post( $file_id );
+			$path       = get_attached_file( $file_id );
+			return array(
+				'ID'          => $file_id,
+				'name'        => basename( $path ),
+				'path'        => $path,
+				'url'         => $img_src[0],
+				'width'       => $img_src[1],
+				'height'      => $img_src[2],
+				'full_url'    => wp_get_attachment_url( $file_id ),
+				'title'       => $attachment->post_title,
+				'caption'     => $attachment->post_excerpt,
+				'description' => $attachment->post_content,
+				'alt'         => get_post_meta( $file_id, '_wp_attachment_image_alt', true ),
+			);
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/key-value.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Key_Value_Field' ) )
+{
+	class WCQD_METABOX_Key_Value_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			$tpl = '<input type="text" class="rwmb-key-val" name="%s[]" value="%s" placeholder="' . esc_attr__( 'Key', 'meta-box' ) . '">';
+			$tpl .= '<input type="text" class="rwmb-key-val" name="%s[]" value="%s" placeholder="' . esc_attr__( 'Value', 'meta-box' ) . '">';
+
+			$key = isset( $meta[0] ) ? $meta[0] : '';
+			$val = isset( $meta[1] ) ? $meta[1] : '';
+
+			$html = sprintf( $tpl, $field['field_name'], $key, $field['field_name'], $val );
+
+			return $html;
+		}
+
+		/**
+		 * Show begin HTML markup for fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function begin_html( $meta, $field )
+		{
+			$desc = $field['desc'] ? "<p id='{$field['id']}_description' class='description'>{$field['desc']}</p>" : '';
+
+			if ( empty( $field['name'] ) )
+				return '<div class="rwmb-input">' . $desc;
+
+			return sprintf(
+				'<div class="rwmb-label">
+					<label for="%s">%s</label>
+				</div>
+				<div class="rwmb-input">
+				%s',
+				$field['id'],
+				$field['name'],
+				$desc
+			);
+		}
+
+		/**
+		 * Show end HTML markup for fields
+		 * Do not show field description. Field description is shown before list of fields
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function end_html( $meta, $field )
+		{
+			$button = $field['clone'] ? call_user_func( array( RW_Meta_Box::get_class_name( $field ), 'add_clone_button' ), $field ) : '';
+
+			// Closes the container
+			$html = "$button</div>";
+
+			return $html;
+		}
+
+		/**
+		 * Escape meta for field output
+		 *
+		 * @param mixed $meta
+		 *
+		 * @return mixed
+		 */
+		static function esc_meta( $meta )
+		{
+			foreach ( (array) $meta as $k => $pairs )
+			{
+				$meta[$k] = array_map( 'esc_attr', (array) $pairs );
+			}
+			return $meta;
+		}
+
+		/**
+		 * Sanitize email
+		 *
+		 * @param mixed $new
+		 * @param mixed $old
+		 * @param int   $post_id
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function value( $new, $old, $post_id, $field )
+		{
+			foreach ( $new as &$arr )
+			{
+				if ( empty( $arr[0] ) && empty( $arr[1] ) )
+					$arr = false;
+			}
+
+			$new = array_filter( $new );
+
+			return $new;
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field['clone']    = true;
+			$field['multiple'] = false;
+
+			return $field;
+		}
+
+		/**
+		 * Output the field value
+		 * Display unordered list of key - value pairs
+		 *
+		 * @use self::get_value()
+		 * @see wcqd_metabox_the_field()
+		 *
+		 * @param  array    $field   Field parameters
+		 * @param  array    $args    Additional arguments. Rarely used. See specific fields for details
+		 * @param  int|null $post_id Post ID. null for current post. Optional.
+		 *
+		 * @return string HTML output of the field
+		 */
+		static function the_value( $field, $args = array(), $post_id = null )
+		{
+			$value = self::get_value( $field, $args, $post_id );
+			if ( ! is_array( $value ) )
+				return '';
+
+			$output = '<ul>';
+			foreach ( $value as $subvalue )
+			{
+				$output .= sprintf( '<li><label>%s</label>: %s</li>', $subvalue[0], $subvalue[1] );
+			}
+			$output .= '</ul>';
+			return $output;
+		}
+	}
+}

includes/admin/metabox_framework/inc/fields/number.php

+<?php
+// Prevent loading this file directly
+defined( 'ABSPATH' ) || exit;
+
+if ( ! class_exists( 'WCQD_METABOX_Number_Field' ) )
+{
+	class WCQD_METABOX_Number_Field extends WCQD_METABOX_Field
+	{
+		/**
+		 * Get field HTML
+		 *
+		 * @param mixed $meta
+		 * @param array $field
+		 *
+		 * @return string
+		 */
+		static function html( $meta, $field )
+		{
+			return sprintf(
+				'<input type="number" class="rwmb-number" name="%s" id="%s" value="%s" step="%s" min="%s" placeholder="%s"/>',
+				$field['field_name'],
+				empty( $field['clone'] ) ? $field['id'] : '',
+				$meta,
+				$field['step'],
+				$field['min'],
+				$field['placeholder']
+			);
+		}
+
+		/**
+		 * Normalize parameters for field
+		 *
+		 * @param array $field
+		 *
+		 * @return array
+		 */
+		static function normalize_field( $field )
+		{
+			$field = wp_parse_args( $field, array(
+				'step' => 1,
+				'min'  => 0,
+			) );
+
+			return $field;
+		}
+	}
+}

includes/admin/metabox_framework/js/autosave.js

+jQuery( function( $ )
+{
+	'use strict';
+
+	$( document ).ajaxSend( function( e, xhr, s )
+	{
+		if ( typeof s.data !== 'undefined' &&  -1 !== s.data.indexOf( 'action=autosave' ) )
+		{
+			$( '.rwmb-meta-box').each( function()
+			{
+				var $meta_box = $( this );
+				if ( $meta_box.data( 'autosave' ) === true )
+				{
+					s.data += '&' + $meta_box.find( ':input' ).serialize();
+				}
+			} );
+		}
+	} );
+} );