acf-swatch-v4.php

<?php
class acf_field_swatch extends acf_field {
  /*
  *  __construct
  *
  *  Set name / label needed for actions / filters
  *
  *  @since	3.6
  *  @date	23/01/13
  */

  function __construct() {
    // vars
    $this->name = 'swatch';
    $this->label = __('Color Swatch', 'acf');
    $this->category = __('Choice', 'acf');
    $this->defaults = array(
      'layout' =>	'vertical',
      'choices'	=>	array(),
      'default_value'	=>	'',
      'other_choice' =>	0,
      'save_other_choice'	=>0,
    );
    $this->settings = array(
      'path' => apply_filters('acf/helpers/get_path', __FILE__),
      'dir' => apply_filters('acf/helpers/get_dir', __FILE__),
      'version' => '1.0.0'
    );

    // do not delete!
    parent::__construct();
  }

  /*
  *  create_field()
  *
  *  Create the HTML interface for your field
  *
  *  @param	$field - an array holding all the field's data
  *
  *  @type	action
  *  @since	3.6
  *  @date	23/01/13
  */

  function create_field($field) {
    $obj = array();
    $arr = explode("\n", $field['choices']);

    foreach ($arr as $a) {
      $k = explode(' : ', $a);
      $obj[$k[0]] = $k[1];
    }

    $field['choices'] = $obj; // this all seems very hacky... the default radio class didnt use this

    // vars
    $i = 0;
    $e = '<ul class="acf-swatch-list ' . esc_attr($field['class']) . ' ' . esc_attr($field['layout']) . '">';

    //$e .= var_dump($obj);

    // add choices
    if (is_array($field['choices'])) {
      foreach($field['choices'] as $key => $value) {
        // vars
        $i++;
        $atts = '';

        // if there is no value and this is the first of the choices, select this on by default
        if ($field['value'] === false) {
          if ($i === 1) {
            $atts = 'checked="checked" data-checked="checked"';
          }
        } else {
          if (strval($key) === strval($field['value'])) {
            $atts = 'checked="checked" data-checked="checked"';
          }
        }
        // HTML
        $e .= '<li><label><input id="' . esc_attr($field['id']) . '-' . esc_attr($key) . '" type="radio" name="' . esc_attr($field['name']) . '" value="' . esc_attr($key) . '" ' . esc_attr( $atts ) . ' /><div class="swatch-toggle"><div class="swatch-color"></div></div>' . $value . '</label></li>';
      }
    }

    // other choice
    if ($field['other_choice']) {
      // vars
      $atts = '';
      $atts2 = 'name="" value="" style="display:none"';

      if ($field['value'] !== false) {
        if (!isset($field['choices'][$field['value']])) {
          $atts = 'checked="checked" data-checked="checked"';
          $atts2 = 'name="' . esc_attr($field['name']) . '" value="' . esc_attr($field['value']) . '"';
        }
      }
      $e .= '<li><label><input id="' . esc_attr($field['id']) . '-other" type="radio" name="' . esc_attr($field['name']) . '" value="other" ' . $atts . ' /><div class="swatch-toggle"><div class="swatch-color"></div></div>' . __("Other", 'acf') . '</label> <input type="text" ' . $atts2 . ' /></li>';
    }
    $e .= '</ul>';
    echo $e;
  }

  /*
  *  create_options()
  *
  *  Create extra options for your field. This is rendered when editing a field.
  *  The value of $field['name'] can be used (like bellow) to save extra data to the $field
  *
  *  @type	action
  *  @since	3.6
  *  @date	23/01/13
  *
  *  @param	$field	- an array holding all the field's data
  */

  function create_options($field) {
    // vars
    $key = $field['name'];

    // implode checkboxes so they work in a textarea
    if (is_array($field['choices'])) {
      foreach ($field['choices'] as $k => $v) {
        $field['choices'][ $k ] = $k . ' : ' . $v;
      }
      $field['choices'] = implode("\n", $field['choices']);
    }

    ?>
    <tr class="field_option field_option_<?php echo $this->name; ?>">
      <td class="label">
        <label for=""><?php _e('Choices', 'acf'); ?></label>
        <p class="description"><?php _e("Enter your colors one per line",'acf'); ?><br />
        <br />
        <?php _e("red : Red",'acf'); ?><br />
        <?php _e("#fff : White",'acf'); ?><br />
        <?php _e("rgba(0,0,0, 1) : Black",'acf'); ?><br />
        </p>
      </td>
      <td>
        <?php

        do_action('acf/create_field', array(
          'type'	=>	'textarea',
          'class' => 	'textarea field_option-choices',
          'name'	=>	'fields['.$key.'][choices]',
          'value'	=>	$field['choices'],
        ));

        ?>
        <div class="radio-option-other_choice">
        <?php

        do_action('acf/create_field', array(
          'type'		=>	'true_false',
          'name'		=>	'fields['.$key.'][other_choice]',
          'value'		=>	$field['other_choice'],
          'message'	=>	__("Add 'other' choice to allow for custom values", 'acf')
        ));

        ?>
        </div>
        <div class="radio-option-save_other_choice" <?php if( !$field['other_choice'] ): ?>style="display:none"<?php endif; ?>>
        <?php

        do_action('acf/create_field', array(
          'type'		=>	'true_false',
          'name'		=>	'fields['.$key.'][save_other_choice]',
          'value'		=>	$field['save_other_choice'],
          'message'	=>	__("Save 'other' values to the field's choices", 'acf')
        ));

        ?>
        </div>
      </td>
    </tr>
    <tr class="field_option field_option_<?php echo $this->name; ?>">
      <td class="label">
        <label><?php _e("Default Value",'acf'); ?></label>
      </td>
      <td>
        <?php

        do_action('acf/create_field', array(
          'type'	=>	'text',
          'name'	=>	'fields['.$key.'][default_value]',
          'value'	=>	$field['default_value'],
        ));

        ?>
      </td>
    </tr>
    <tr class="field_option field_option_<?php echo $this->name; ?>">
      <td class="label">
        <label for=""><?php _e("Layout",'acf'); ?></label>
      </td>
      <td>
        <?php

        do_action('acf/create_field', array(
          'type'	=>	'radio',
          'name'	=>	'fields['.$key.'][layout]',
          'value'	=>	$field['layout'],
          'layout' => 'horizontal',
          'choices' => array(
            'vertical' => __("Vertical",'acf'),
            'horizontal' => __("Horizontal",'acf')
          )
        ));
        ?>
      </td>
    </tr>
    <?php
  }

  /*
  *  update_value()
  *
  *  This filter is appied to the $value before it is updated in the db
  *
  *  @type	filter
  *  @since	3.6
  *  @date	23/01/13
  *
  *  @param	$value - the value which will be saved in the database
  *  @param	$post_id - the $post_id of which the value will be saved
  *  @param	$field - the field array holding all the field options
  *
  *  @return	$value - the modified value
  */

  function update_value($value, $post_id, $field) {
    // validate
    if ($field['save_other_choice']) {
      // value isn't in choices yet
      if (!isset($field['choices'][ $value ])) {
        // update $field
        $field['choices'][ $value ] = $value;

        // can save
        if (isset($field['field_group'])) {
          do_action('acf/update_field', $field, $field['field_group']);
        }
      }
    }

    return $value;
  }

  function input_admin_enqueue_scripts() {
    // Note: This function can be removed if not used

    // register ACF scripts
    wp_register_script( 'acf-input-swatch', $this->settings['dir'] . 'js/min/input-min.js', array('acf-input') );
    wp_register_style( 'acf-input-swatch', $this->settings['dir'] . 'css/input.css', array('acf-input') );

    // scripts
    wp_enqueue_script(array(
      'acf-input-swatch',
    ));
    // styles
    wp_enqueue_style(array(
      'acf-input-swatch',
    ));
  }
}

new acf_field_swatch();

?>