theme('image_style_list', array('styles' => $styles)), '#attached' => array( 'css' => array(drupal_get_path('module', 'image') . '/css/image.admin.css' => array()), ), ); return $page; } /** * Form builder; Edit an image style name and effects order. * * @param $form_state * An associative array containing the current state of the form. * @param $style * An image style array. * @ingroup forms * @see image_style_form_submit() */ function image_style_form($form, &$form_state, $style) { $title = t('Edit style %name', array('%name' => $style->label())); drupal_set_title($title, PASS_THROUGH); $form_state['image_style'] = $style; $form['#tree'] = TRUE; $form['#attached']['css'][drupal_get_path('module', 'image') . '/css/image.admin.css'] = array(); // Show the thumbnail preview. $form['preview'] = array( '#type' => 'item', '#title' => t('Preview'), '#markup' => theme('image_style_preview', array('style' => $style)), ); $form['label'] = array( '#type' => 'textfield', '#title' => t('Administrative label'), '#default_value' => $style->label(), '#required' => TRUE, ); $form['name'] = array( '#type' => 'machine_name', '#default_value' => $style->id(), '#machine_name' => array( 'exists' => 'image_style_load', ), '#required' => TRUE, ); // Build the list of existing image effects for this image style. $form['effects'] = array( '#theme' => 'image_style_effects', ); if (!empty($style->effects)) { foreach ($style->effects as $key => $effect) { $form['effects'][$key]['#weight'] = isset($form_state['input']['effects']) ? $form_state['input']['effects'][$key]['weight'] : NULL; $form['effects'][$key]['label'] = array( '#markup' => check_plain($effect['label']), ); $form['effects'][$key]['summary'] = array( '#markup' => isset($effect['summary theme']) ? theme($effect['summary theme'], array('data' => $effect['data'])) : '', ); $form['effects'][$key]['weight'] = array( '#type' => 'weight', '#title' => t('Weight for @title', array('@title' => $effect['label'])), '#title_display' => 'invisible', '#default_value' => $effect['weight'], ); $links = array(); if (isset($effect['form callback'])) { $links['edit'] = array( 'title' => t('edit'), 'href' => 'admin/config/media/image-styles/manage/' . $style->id() . '/effects/' . $key, ); } $links['delete'] = array( 'title' => t('delete'), 'href' => 'admin/config/media/image-styles/manage/' . $style->id() . '/effects/' . $key . '/delete', ); $form['effects'][$key]['operations'] = array( '#type' => 'operations', '#links' => $links, ); $form['effects'][$key]['configure'] = array( '#type' => 'link', '#title' => t('edit'), '#href' => 'admin/config/media/image-styles/manage/' . $style->id() . '/effects/' . $key, '#access' => isset($effect['form callback']), ); $form['effects'][$key]['remove'] = array( '#type' => 'link', '#title' => t('delete'), '#href' => 'admin/config/media/image-styles/manage/' . $style->id() . '/effects/' . $key . '/delete', ); } } // Build the new image effect addition form and add it to the effect list. $new_effect_options = array(); foreach (image_effect_definitions() as $effect => $definition) { $new_effect_options[$effect] = $definition['label']; } $form['effects']['new'] = array( '#tree' => FALSE, '#weight' => isset($form_state['input']['weight']) ? $form_state['input']['weight'] : NULL, ); $form['effects']['new']['new'] = array( '#type' => 'select', '#title' => t('Effect'), '#title_display' => 'invisible', '#options' => $new_effect_options, '#empty_option' => t('Select a new effect'), ); $form['effects']['new']['weight'] = array( '#type' => 'weight', '#title' => t('Weight for new effect'), '#title_display' => 'invisible', '#default_value' => count($form['effects']) - 1, ); $form['effects']['new']['add'] = array( '#type' => 'submit', '#value' => t('Add'), '#validate' => array('image_style_form_add_validate'), '#submit' => array('image_style_form_submit', 'image_style_form_add_submit'), ); // Show the Override or Submit button for this style. $form['actions'] = array('#type' => 'actions'); $form['actions']['submit'] = array( '#type' => 'submit', '#value' => t('Update style'), ); return $form; } /** * Validate handler for adding a new image effect to an image style. */ function image_style_form_add_validate($form, &$form_state) { if (!$form_state['values']['new']) { form_error($form['effects']['new']['new'], t('Select an effect to add.')); } } /** * Submit handler for adding a new image effect to an image style. */ function image_style_form_add_submit($form, &$form_state) { $style = $form_state['image_style']; // Check if this field has any configuration options. $effect = image_effect_definition_load($form_state['values']['new']); // Load the configuration form for this option. if (isset($effect['form callback'])) { $path = 'admin/config/media/image-styles/manage/' . $style->id() . '/add/' . $form_state['values']['new']; $form_state['redirect'] = array($path, array('query' => array('weight' => $form_state['values']['weight']))); } // If there's no form, immediately add the image effect. else { $effect = array( 'name' => $effect['name'], 'data' => array(), 'weight' => $form_state['values']['weight'], ); image_effect_save($style, $effect); drupal_set_message(t('The image effect was successfully applied.')); } } /** * Submit handler for saving an image style. */ function image_style_form_submit($form, &$form_state) { $style = $form_state['image_style']; // Update image effect weights. if (!empty($form_state['values']['effects'])) { foreach ($form_state['values']['effects'] as $ieid => $effect_data) { if (isset($style->effects[$ieid])) { $effect = array( 'name' => $style->effects[$ieid]['name'], 'data' => $style->effects[$ieid]['data'], 'weight' => $effect_data['weight'], 'ieid' => $ieid, ); $style->effects[$ieid] = $effect; } } } $style->set('name', $form_state['values']['name']); $style->set('label', $form_state['values']['label']); $status = $style->save(); if ($status == SAVED_UPDATED) { drupal_set_message(t('Changes to the style have been saved.')); } $form_state['redirect'] = 'admin/config/media/image-styles/manage/' . $style->id(); } /** * Form builder; Form for adding a new image style. * * @ingroup forms * @see image_style_add_form_submit() */ function image_style_add_form($form, &$form_state) { $form['label'] = array( '#type' => 'textfield', '#title' => t('Administrative label'), '#default_value' => '', '#required' => TRUE, ); $form['name'] = array( '#type' => 'machine_name', '#machine_name' => array( 'exists' => 'image_style_load', ), '#default_value' => '', '#required' => TRUE, ); $form['submit'] = array( '#type' => 'submit', '#value' => t('Create new style'), ); return $form; } /** * Submit handler for adding a new image style. */ function image_style_add_form_submit($form, &$form_state) { $style = entity_create('image_style', array( 'name' => $form_state['values']['name'], 'label' => $form_state['values']['label'], )); $style->save(); drupal_set_message(t('Style %name was created.', array('%name' => $style->label()))); $form_state['redirect'] = 'admin/config/media/image-styles/manage/' . $style->id(); } /** * Form builder; Form for adding and editing image effects. * * This form is used universally for editing all image effects. Each effect adds * its own custom section to the form by calling the 'form callback' specified * in hook_image_effect_info(). * * @param $form_state * An associative array containing the current state of the form. * @param $style * An image style array. * @param $effect * An image effect array. * * @ingroup forms * @see image_resize_form() * @see image_scale_form() * @see image_rotate_form() * @see image_crop_form() * @see image_effect_form_submit() */ function image_effect_form($form, &$form_state, $style, $effect) { // If there's no configuration for this image effect, return to // the image style page. if (!isset($effect['form callback'])) { return new RedirectResponse(url('admin/config/media/image-styles/manage/' . $style->id(), array('absolute' => TRUE))); } $form_state['image_style'] = $style; $form_state['image_effect'] = $effect; if (!empty($effect['ieid'])) { $title = t('Edit %label effect', array('%label' => $effect['label'])); } else{ $title = t('Add %label effect', array('%label' => $effect['label'])); } drupal_set_title($title, PASS_THROUGH); $form['#attached']['css'][drupal_get_path('module', 'image') . '/css/image.admin.css'] = array(); $form['ieid'] = array( '#type' => 'value', '#value' => !empty($effect['ieid']) ? $effect['ieid'] : NULL, ); $form['name'] = array( '#type' => 'value', '#value' => $effect['name'], ); $form['data'] = call_user_func($effect['form callback'], $effect['data']); $form['data']['#tree'] = TRUE; // Check the URL for a weight, then the image effect, otherwise use default. $weight = Drupal::request()->query->get('weight'); $form['weight'] = array( '#type' => 'hidden', '#value' => isset($weight) ? intval($weight) : (isset($effect['weight']) ? $effect['weight'] : count($style->effects)), ); $form['actions'] = array('#type' => 'actions'); $form['actions']['submit'] = array( '#type' => 'submit', '#value' => !empty($effect['ieid']) ? t('Update effect') : t('Add effect'), ); $form['actions']['cancel'] = array( '#type' => 'link', '#title' => t('Cancel'), '#href' => 'admin/config/media/image-styles/manage/' . $style->id(), ); return $form; } /** * Submit handler for updating an image effect. */ function image_effect_form_submit($form, &$form_state) { form_state_values_clean($form_state); $effect = $form_state['values']; $style = $form_state['image_style']; image_effect_save($style, $effect); drupal_set_message(t('The image effect was successfully applied.')); $form_state['redirect'] = 'admin/config/media/image-styles/manage/' . $style->id(); } /** * Element validate handler to ensure a hexadecimal color value. */ function image_effect_color_validate($element, &$form_state) { if ($element['#value'] != '') { $hex_value = preg_replace('/^#/', '', $element['#value']); if (!preg_match('/^#[0-9A-F]{3}([0-9A-F]{3})?$/', $element['#value'])) { form_error($element, t('!name must be a hexadecimal color value.', array('!name' => $element['#title']))); } } } /** * Element validate handler to ensure that either a height or a width is * specified. */ function image_effect_scale_validate($element, &$form_state) { if (empty($element['width']['#value']) && empty($element['height']['#value'])) { form_error($element, t('Width and height can not both be blank.')); } } /** * Form structure for the image resize form. * * Note that this is not a complete form, it only contains the portion of the * form for configuring the resize options. Therefore it does not not need to * include metadata about the effect, nor a submit button. * * @param $data * The current configuration for this resize effect. */ function image_resize_form($data) { $form['width'] = array( '#type' => 'number', '#title' => t('Width'), '#default_value' => isset($data['width']) ? $data['width'] : '', '#field_suffix' => ' ' . t('pixels'), '#required' => TRUE, '#min' => 1, ); $form['height'] = array( '#type' => 'number', '#title' => t('Height'), '#default_value' => isset($data['height']) ? $data['height'] : '', '#field_suffix' => ' ' . t('pixels'), '#required' => TRUE, '#min' => 1, ); return $form; } /** * Form structure for the image scale form. * * Note that this is not a complete form, it only contains the portion of the * form for configuring the scale options. Therefore it does not not need to * include metadata about the effect, nor a submit button. * * @param $data * The current configuration for this scale effect. */ function image_scale_form($data) { $form = image_resize_form($data); $form['#element_validate'] = array('image_effect_scale_validate'); $form['width']['#required'] = FALSE; $form['height']['#required'] = FALSE; $form['upscale'] = array( '#type' => 'checkbox', '#default_value' => (isset($data['upscale'])) ? $data['upscale'] : 0, '#title' => t('Allow Upscaling'), '#description' => t('Let scale make images larger than their original size'), ); return $form; } /** * Form structure for the image crop form. * * Note that this is not a complete form, it only contains the portion of the * form for configuring the crop options. Therefore it does not not need to * include metadata about the effect, nor a submit button. * * @param $data * The current configuration for this crop effect. */ function image_crop_form($data) { $data += array( 'width' => '', 'height' => '', 'anchor' => 'center-center', ); $form = image_resize_form($data); $form['anchor'] = array( '#type' => 'radios', '#title' => t('Anchor'), '#options' => array( 'left-top' => t('Top') . ' ' . t('Left'), 'center-top' => t('Top') . ' ' . t('Center'), 'right-top' => t('Top') . ' ' . t('Right'), 'left-center' => t('Center') . ' ' . t('Left'), 'center-center' => t('Center'), 'right-center' => t('Center') . ' ' . t('Right'), 'left-bottom' => t('Bottom') . ' ' . t('Left'), 'center-bottom' => t('Bottom') . ' ' . t('Center'), 'right-bottom' => t('Bottom') . ' ' . t('Right'), ), '#theme' => 'image_anchor', '#default_value' => $data['anchor'], '#description' => t('The part of the image that will be retained during the crop.'), ); return $form; } /** * Form structure for the image rotate form. * * Note that this is not a complete form, it only contains the portion of the * form for configuring the rotate options. Therefore it does not not need to * include metadata about the effect, nor a submit button. * * @param $data * The current configuration for this rotate effect. */ function image_rotate_form($data) { $form['degrees'] = array( '#type' => 'number', '#default_value' => (isset($data['degrees'])) ? $data['degrees'] : 0, '#title' => t('Rotation angle'), '#description' => t('The number of degrees the image should be rotated. Positive numbers are clockwise, negative are counter-clockwise.'), '#field_suffix' => '°', '#required' => TRUE, ); $form['bgcolor'] = array( '#type' => 'textfield', '#default_value' => (isset($data['bgcolor'])) ? $data['bgcolor'] : '#FFFFFF', '#title' => t('Background color'), '#description' => t('The background color to use for exposed areas of the image. Use web-style hex colors (#FFFFFF for white, #000000 for black). Leave blank for transparency on image types that support it.'), '#size' => 7, '#maxlength' => 7, '#element_validate' => array('image_effect_color_validate'), ); $form['random'] = array( '#type' => 'checkbox', '#default_value' => (isset($data['random'])) ? $data['random'] : 0, '#title' => t('Randomize'), '#description' => t('Randomize the rotation angle for each image. The angle specified above is used as a maximum.'), ); return $form; } /** * Returns HTML for the page containing the list of image styles. * * @param $variables * An associative array containing: * - styles: An array of all the image styles returned by image_get_styles(). * * @see image_get_styles() * @ingroup themeable */ function theme_image_style_list($variables) { $styles = $variables['styles']; $header = array(t('Style name'), t('Operations')); $rows = array(); foreach ($styles as $style) { $row = array(); $row[] = l($style->label(), 'admin/config/media/image-styles/manage/' . $style->id()); $links = array(); $links['edit'] = array( 'title' => t('edit'), 'href' => 'admin/config/media/image-styles/manage/' . $style->id(), 'class' => array('image-style-link'), ); $links['delete'] = array( 'title' => t('delete'), 'href' => 'admin/config/media/image-styles/manage/' . $style->id() . '/delete', 'class' => array('image-style-link'), ); $row[] = array( 'data' => array( '#type' => 'operations', '#links' => $links, ), ); $rows[] = $row; } if (empty($rows)) { $rows[] = array(array( 'colspan' => 4, 'data' => t('There are currently no styles. Add a new one.', array('!url' => url('admin/config/media/image-styles/add'))), )); } return theme('table', array('header' => $header, 'rows' => $rows)); } /** * Returns HTML for a listing of the effects within a specific image style. * * @param $variables * An associative array containing: * - form: A render element representing the form. * * @ingroup themeable */ function theme_image_style_effects($variables) { $form = $variables['form']; $rows = array(); foreach (element_children($form) as $key) { $row = array(); $form[$key]['weight']['#attributes']['class'] = array('image-effect-order-weight'); if ($key != 'new') { $summary = drupal_render($form[$key]['summary']); $row[] = drupal_render($form[$key]['label']) . (empty($summary) ? '' : ' ' . $summary); $row[] = drupal_render($form[$key]['weight']); $row[] = array('data' => $form[$key]['operations']); } else { // Add the row for adding a new image effect. $row[] = '