function theme_color_field_simple_widget

Formats a default color field widget.

1 theme call to theme_color_field_simple_widget()

color_field_element_info in ./color_field.field.inc

Implements hook_element_info().

File

./color_field.theme.inc, line 74

Code

function theme_color_field_simple_widget($vars) {
    $element = $vars['element'];
    // Add library.
    drupal_add_library('color_field', 'jquery-simple-color');
    // Javascript settings.
    $settings = array();
    $settings['id'] = $element['rgb']['#id'];
    $settings['cell_width'] = isset($field['settings']['cell_width']) && $field['settings']['cell_width'] != '' ? (int) $field['settings']['cell_width'] : 10;
    $settings['cell_height'] = isset($field['settings']['cell_height']) && $field['settings']['cell_height'] != '' ? (int) $field['settings']['cell_height'] : 10;
    $settings['cell_margin'] = isset($field['settings']['cell_margin']) && $field['settings']['cell_margin'] != '' ? (int) $field['settings']['cell_margin'] : 1;
    $settings['box_width'] = isset($field['settings']['box_width']) && $field['settings']['box_width'] != '' ? $field['settings']['box_width'] . 'px' : '115px';
    $settings['box_height'] = isset($field['settings']['box_height']) && $field['settings']['box_height'] != '' ? $field['settings']['box_height'] . 'px' : '20px';
    $settings['columns'] = isset($field['settings']['columns']) && $field['settings']['columns'] != '' ? $field['settings']['columns'] : '16';
    // Attach javascript and style.
    $element['rgb']['#attached'] = array(
        'js' => array(
            drupal_get_path('module', 'color_field') . '/color_field_jquery_simple_color/color_field_jquery_simple_color.jquery.js',
            array(
                'data' => array(
                    'color_field_jquery_simple_color' => array(
                        '#' . $element['rgb']['#id'] => $settings,
                    ),
                ),
                'type' => 'setting',
            ),
        ),
        'css' => array(
            drupal_get_path('module', 'color_field') . '/color_field_jquery_simple_color/color_field_jquery_simple_color.css',
        ),
    );
    $output = '';
    $output .= '<div class="link-field-subrow clearfix">';
    $output .= '<div class="link-field-title color-field-column">' . drupal_render($element['rgb']) . '</div>';
    if (isset($element['opacity'])) {
        $output .= '<div class="link-field-title color-field-column">' . drupal_render($element['opacity']) . '</div>';
    }
    $output .= '</div>';
    $output .= drupal_render_children($element);
    return $output;
}