royboy789

$('.input-class').on('change', function(){ 
  if( $(this).val().length > 0 ) { 
    $(this).toggleClass('value'); 
  } else if($(this).val().length < 1 ) { 
    $(this).toggleClass('value'); 
  } 
});

royboy789

var group_id = INT
var data = {
  value: INT,
  misc_one: INT,
  misc_two: INT,
  misc_three: STRING,
  misc_four: STRING
}

ezdata.lib.create_item( group_id, data );

royboy789

<?php

global $EZData;

$group_id = 12;
$data = array(
  'value' => 123,
  'misc_three' => 'testing',
):

royboy789

( function( wp ) {

    var el = wp.element.createElement;
    var __ = wp.i18n.__;
    wp.blocks.registerBlockType( 'learn-gutenberg/ex2-vue', {
        title: __( 'Learn Gutenberg Example 2: VueJS', 'learn-gutenberg' ),
        category: 'widgets',
        supportHTML: false,
        attributes: {
            who: {

royboy789

// the edit callback for wp.blocks.registerBlockTypes()

/**
* ES5
*
*/

edit: function( props ) {
  var attributes = props.attributes,
      setAttributes = props.setAttributes,

royboy789

wp.blocks.registerBlockType( 'learn-gutenberg/ex2-plainjs', {
    title: __( 'Learn Gutenberg Example 2: Plain JS', 'learn-gutenberg' ),
    category: 'widgets',
    icon: 'admin-users',
    keywords: [
        __( 'lesson', 'ex2-plainjs' ),
        __( 'tutorial', 'ex2-plainjs' ),
        __( 'javascript', 'ex2-plainjs' )
    ],
    attributes: {

royboy789

import Input from './components/Input.es6';

const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const el = wp.element.createElement;

registerBlockType( 'learn-gutenberg/ex2-react', {
    title: __( 'Learn Gutenberg Example 2: React', 'learn-gutenberg' ),
    category: 'widgets',
    supportHTML: false,

royboy789

var myComponents = myComponents || {};
var el = wp.element.createElement;
var __ = wp.i18n.__;

myComponents.inputComponent = function( id, attributes, changeCallback ) {
    return el(
        'input',
        {
            id: id + '-control',
            value: attributes.who,

royboy789

const { __ } = wp.i18n;
const { Component } = wp.element;
const el = wp.element.createElement;

export class Input extends Component {

    constructor( props ) {
        super( ...arguments );
    }

royboy789

const { __ } = wp.i18n;
const { Component } = wp.element;
const el = wp.element.createElement;

export default function Input( className, id, value, label, changeHandler ) {
    return el(
        'div',
        {
            className: className
        },