Origin commit

inc/vendors/cmb2-plugins/CMB2-Switch-Button/README.md

@@ -0,0 +1,52 @@
+# CMB2 Switch Button Field Type
+Custom Switch Button field type for CMB2 Metabox for WordPress.
+
+## Installation
+You can install it as a plugin, or include the main file into your theme or plugin folder.
+
+## Usage:
+
+```php
+add_action( 'cmb2_admin_init', 'create_your_metabox' );
+if(!function_exists('create_your_metabox')){
+  function create_your_metabox(){
+    $prefix = '_slug_';
+
+    $cmb2_metabox = new_cmb2_box( array(
+        'id'            => $prefix . 'test_metabox',
+        'title'         => esc_html__( 'Test Metabox', 'tmv' ),
+        'object_types'  => array( 'page'), // Post type
+        'priority'   => 'high',
+        'context'    => 'normal',
+    ) );
+
+    $cmb2_metabox->add_field( array(
+        'name'             => esc_html__( 'Dynamically Load', 'text-domain' ),
+        'id'               => $prefix . 'metabox_id',
+        'desc'             => esc_html__('','text-domain'),
+        'type'	           => 'switch',
+        'default'          => 'on' //If it's checked by default 
+    ) );
+  }
+}
+```
+
+* The usage in the template as same as CMB2 checkbox field type:
+
+```php
+$test_meta = get_post_meta($post->ID, '_slug_metabox_id', true);
+
+if($test_meta){
+  //Do something when it's checked;
+}
+```
+
+
+## Screenshot:
+
+<img src="https://github.com/themevan/CMB2-Switch-Button/blob/master/example_screenshot.gif" width="250" />
+
+## Follow us:
+- Website: https://www.themevan.com
+- Facebook: https://facebook.com/ThemeVan
+- Twitter: https://twitter.com/ThemeVan

inc/vendors/cmb2-plugins/CMB2-Switch-Button/cmb2-switch-button.php

@@ -0,0 +1,105 @@
+<?php
+/*
+Plugin Name: CMB2 Switch Button
+Description: https://github.com/themevan/CMB2-Switch-Button/
+Version: 1.0
+Author: ThemeVan
+Author URI: https://www.themevan.com
+License: GPL-2.0+
+*/
+// Exit if accessed directly
+ 
+if( !class_exists( 'CMB2_Switch_Button' ) ) {
+    /**
+     * Class CMB2_Radio_Image
+     */
+    class CMB2_Switch_Button {
+        public function __construct() {
+            add_action( 'cmb2_render_switch', array( $this, 'callback' ), 10, 5 );
+            add_action( 'admin_head', array( $this, 'admin_head' ) );
+        }
+        public function callback($field, $escaped_value, $object_id, $object_type, $field_type_object) {
+           $field_name = $field->_name();
+           
+           $args = array(
+	           			'type'  => 'checkbox',
+	           			'id'	=> $field_name,
+	           			'name'  => $field_name,
+	           			'desc'	=> '',
+	           			'value' => 'on',
+	           		);
+           if( $escaped_value == 'on' || $escaped_value == 1 ){
+           	  $args['checked'] = 'checked';
+           }
+
+           echo '<label class="cmb2-switch">';
+           echo $field_type_object->input($args);
+           echo '<span class="cmb2-slider round"></span>';
+           echo '</label>';
+           $field_type_object->_desc( true, true );
+        }
+
+        public function admin_head() {
+            ?>
+        <style>
+        .cmb2-switch {
+				  position: relative;
+				  display: inline-block;
+				  width: 49px;
+				  height: 23px;
+				}
+
+				.cmb2-switch input {display:none;}
+
+				.cmb2-slider {
+				  position: absolute;
+				  cursor: pointer;
+				  top: 0;
+				  left: 0;
+				  right: 0;
+				  bottom: 0;
+				  background-color: #ccc;
+				  -webkit-transition: .4s;
+				  transition: .4s;
+				}
+
+				.cmb2-slider:before {
+				  position: absolute;
+				  content: "";
+				  height: 17px;
+				  width: 17px;
+				  left: 3px;
+				  bottom: 3px;
+				  background-color: white;
+				  -webkit-transition: .4s;
+				  transition: .4s;
+				}
+
+				input:checked + .cmb2-slider {
+				  background-color: #2196F3;
+				}
+
+				input:focus + .cmb2-slider {
+				  box-shadow: 0 0 1px #2196F3;
+				}
+
+				input:checked + .cmb2-slider:before {
+				  -webkit-transform: translateX(26px);
+				  -ms-transform: translateX(26px);
+				  transform: translateX(26px);
+				}
+
+				/* Rounded sliders */
+				.cmb2-slider.round {
+				  border-radius: 34px;
+				}
+
+				.cmb2-slider.round:before {
+				  border-radius: 50%;
+				}
+        </style>
+        <?php
+        }
+    }
+    $cmb2_switch_button = new CMB2_Switch_Button();
+}