style_settings.theme.inc

<?php
/**
 * @file
 * Theme form elements.
 */

/**
 * Returns HTML for a number form element.
 *
 * @param $variables
 *   An associative array containing:
 *   - element: An associative array containing the properties of the element.
 *     Properties used: #title, #value, #description, #min, #max, #placeholder,
 *     #required, #attributes, #step, #size, #maxlength, #input_help.
 *
 * @ingroup themeable
 */
function theme_style_settings_number($variables) {
  $element = $variables['element'];
  $element['#attributes']['type'] = 'text';
  element_set_attributes($element, array(
    'id',
    'name',
    'value',
    'step',
    'min',
    'max',
    'size',
    'maxlength',
    'placeholder',
    'input_help',
  ));
  _form_set_class($element, array('form-text'));
  $min = isset($element['#min']) ? t('Minimum') . '=' . $element['#min'] : '';
  $max = isset($element['#max']) ? '&nbsp;&nbsp;' . t('Maximum') . '=' . $element['#max'] : '';
  $step = isset($element['#step']) ? '&nbsp;&nbsp;' . t('Step') . '=' . $element['#step'] : '';
  $input_help = $element['#input_help'] ? '<div class="description clearfix">' . $min . $max . $step . '</div>' : '';
  $output = $input_help . '<input' . backdrop_attributes($element['#attributes']) . ' />';

  return $output;
}

/**
 * Returns HTML for a slider form element.
 *
 * @param $variables
 *   An associative array containing:
 *   - element: An associative array containing the properties of the element.
 *     Properties used: #title, #value, #description, #min, #max, #attributes,
 *     #step.
 *
 * @ingroup themeable
 */
function theme_style_settings_slider($variables) {
  $element = $variables['element'];
  // A unique identifier for the case of multiple sliders on one page.
  $id = $element['#parents'][0];
  $element['#attributes']['type'] = 'range';
  $element['#attributes']['oninput'] = 'showValue' . $id . '(this.value)';
  element_set_attributes($element, array(
    'id',
    'name',
    'value',
    'step',
    'min',
    'max',
  ));
  _form_set_class($element, array('form-text', 'form-range'));
  $output = '<input' . backdrop_attributes($element['#attributes']) . ' />';
  $output .= '<span id="' . $id . '">';
  $output .= $element['#attributes']['value'];
  $output .= '</span>';
  $output .= '<script type="text/javascript">
    function showValue' . $id . '(newValue) {
      document.getElementById("' . $id . '").innerHTML=newValue;
    }
    </script>';

  return $output;
}

/**
 * Returns HTML for an image URL form element.
 *
 * @param $variables
 *   An associative array containing:
 *   - element: An associative array containing the properties of the element.
 *     Properties used: #title, #value, #description, #size, #maxlength,
 *     #required, #attributes, #autocomplete_path.
 *
 * @ingroup themeable
 */
function theme_style_settings_imgurl($variables) {
  $element = $variables['element'];
  // A unique identifier to target the preview with ajax/JS to refresh.
  $id = $element['#parents'][0];
  $element['#attributes']['type'] = 'text';
  element_set_attributes($element, array(
    'id',
    'name',
    'value',
    'size',
    'maxlength',
  ));
  _form_set_class($element, array('form-text'));
  $output = '';
  $value = trim($element['#attributes']['value']);
  if (!empty($value)) {
    $output .= '<div class="style-settings-image-preview">';
    $output .= '<div class="style-settings-checkerboard">';
    $output .= '<img  id="' . $id . '-image-preview" typeof="foaf:Image" src="' . $element['#attributes']['value'] . '">';
    $output .= '</div>';
    $output .= '</div>';
  }
  $output .= '<div class="style-settings-image-data">';
  $output .= '<input' . backdrop_attributes($element['#attributes']) . ' />';

  return $output;
}