' . drupal_render($form['new']['new']) . drupal_render($form['new']['add']) . '
';
$row[] = drupal_render($form['new']['weight']);
$row[] = '';
}
$rows[] = array(
'data' => $row,
'class' => array('draggable'),
);
}
$header = array(
t('Effect'),
t('Weight'),
t('Operations'),
);
if (count($rows) == 1 && (!isset($form['new']['#access']) || $form['new']['#access'])) {
array_unshift($rows, array(array(
'data' => t('There are currently no effects in this style. Add one by selecting an option below.'),
'colspan' => 4,
)));
}
$table = array(
'#type' => 'table',
'#header' => $header,
'#rows' => $rows,
'#attributes' => array('id' => 'image-style-effects'),
'#tabledrag' => array(
array(
'action' => 'order',
'relationship' => 'sibling',
'group' => 'image-effect-order-weight',
),
),
);
return drupal_render($table);
}
/**
* Returns HTML for a preview of an image style.
*
* @param $variables
* An associative array containing:
* - style: \Drupal\image\ImageStyleInterface image style being previewed.
*
* @ingroup themeable
*/
function theme_image_style_preview($variables) {
$style = $variables['style'];
$sample_image = \Drupal::config('image.settings')->get('preview_image');
$sample_width = 160;
$sample_height = 160;
// Set up original file information.
$original_path = $sample_image;
$image_factory = \Drupal::service('image.factory');
$original_image = $image_factory->get($original_path);
$original_image = array(
'width' => $original_image->getWidth(),
'height' => $original_image->getHeight(),
);
if ($original_image['width'] > $original_image['height']) {
$original_width = min($original_image['width'], $sample_width);
$original_height = round($original_width / $original_image['width'] * $original_image['height']);
}
else {
$original_height = min($original_image['height'], $sample_height);
$original_width = round($original_height / $original_image['height'] * $original_image['width']);
}
$original_image['style'] = 'width: ' . $original_width . 'px; height: ' . $original_height . 'px;';
// Set up preview file information.
$preview_file = $style->buildUri($original_path);
if (!file_exists($preview_file)) {
$style->createDerivative($original_path, $preview_file);
}
$preview_image = $image_factory->get($preview_file);
$preview_image = array(
'width' => $preview_image->getWidth(),
'height' => $preview_image->getHeight(),
);
if ($preview_image['width'] > $preview_image['height']) {
$preview_width = min($preview_image['width'], $sample_width);
$preview_height = round($preview_width / $preview_image['width'] * $preview_image['height']);
}
else {
$preview_height = min($preview_image['height'], $sample_height);
$preview_width = round($preview_height / $preview_image['height'] * $preview_image['width']);
}
$preview_image['style'] = 'width: ' . $preview_width . 'px; height: ' . $preview_height . 'px;';
// In the previews, timestamps are added to prevent caching of images.
$output = '';
// Build the preview of the original image.
$original_url = file_create_url($original_path);
$image = array(
'#theme' => 'image',
'#uri' => $original_path,
'#alt' => t('Sample original image'),
'#title' => '',
'#attributes' => $original_image,
);
$output .= '
';
$output .= t('original') . ' (' . l(t('view actual size'), $original_url) . ')';
$output .= '
';
$output .= '
' . drupal_render($image) . '';
$output .= '
' . $original_image['height'] . 'px
';
$output .= '
' . $original_image['width'] . 'px
';
$output .= '
'; // End preview-image.
$output .= '
'; // End preview-image-wrapper.
// Build the preview of the image style.
$preview_url = file_create_url($preview_file) . '?cache_bypass=' . REQUEST_TIME;
$image = array(
'#theme' => 'image',
'#uri' => $preview_url,
'#alt' => t('Sample modified image'),
'#title' => '',
'#attributes' => $preview_image,
);
$output .= '
';
$output .= String::checkPlain($style->label()) . ' (' . l(t('view actual size'), file_create_url($preview_file) . '?' . time()) . ')';
$output .= '
';
$output .= '
' . drupal_render($image) . '';
$output .= '
' . $preview_image['height'] . 'px
';
$output .= '
' . $preview_image['width'] . 'px
';
$output .= '
'; // End preview-image.
$output .= '
'; // End preview-image-wrapper.
$output .= '