function picture_admin_settings in Picture 7.2
Same name and namespace in other branches
- 7 picture.admin.inc \picture_admin_settings()
Chooses which picture groups are available in the CKEditor image dialog.
1 string reference to 'picture_admin_settings'
- picture_menu in ./
picture.module - Implements hook_menu().
File
- ./
picture.admin.inc, line 184 - Picture - map breakpoints and image styles.
Code
function picture_admin_settings() {
$form = array();
$picture_mappings = picture_get_mapping_options();
// Check if picture mappings have been configured before proceeding.
if ($picture_mappings) {
// Create a settings form.
$form['description'] = array(
'#type' => 'item',
'#title' => t('Choose which picture mappings will be available in the CKEditor image dialog.'),
'#description' => t('See picture_wysiwyg.css for an example of how to style these images in your theme using the selectors suggested below.'),
);
// Retrieve pre-existing settings.
$ckeditor_mappings = variable_get('picture_ckeditor_mappings', array());
// Make option list for CKEditor default mapping.
$ckeditor_default_mapping_options = array(
'not_set' => 'Not Set',
);
// Loop through each picture mapping and place a checkbox and weight.
foreach ($picture_mappings as $machine_name => $display_name) {
// Add option to CKEditor default mapping if enabled.
if (isset($ckeditor_mappings[$machine_name]) && $ckeditor_mappings[$machine_name]['enabled']) {
$ckeditor_default_mapping_options[$machine_name] = $display_name;
}
$form[$machine_name] = array(
'#type' => 'fieldset',
'#title' => t('@name picture mapping', array(
'@name' => $display_name,
)),
);
$form[$machine_name]['enabled'] = array(
'#type' => 'checkbox',
'#default_value' => isset($ckeditor_mappings[$machine_name]) ? $ckeditor_mappings[$machine_name]['enabled'] : 0,
'#title' => t('Include @name picture mapping in the CKEditor image dialog', array(
'@name' => $display_name,
)),
);
$form[$machine_name]['css'] = array(
'#type' => 'item',
'#markup' => t('Consider using the selector <code>span[data-picture-mapping="@machine_name"]</code> in your theme CSS.', array(
'@machine_name' => $machine_name,
)),
);
$form[$machine_name]['weight'] = array(
'#type' => 'select',
'#title' => t('Weight'),
'#options' => drupal_map_assoc(array(
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
)),
'#default_value' => isset($ckeditor_mappings[$machine_name]) ? $ckeditor_mappings[$machine_name]['weight'] : 1,
'#description' => t('Control the sort order of picture mappings in the CKEditor "size" drop-down. Higher weights sink to the bottom of the list.'),
);
$form[$machine_name]['fallback'] = array(
'#type' => 'select',
'#title' => t('Fallback image style'),
'#options' => drupal_map_assoc(array_keys(image_styles())) + array(
PICTURE_EMPTY_IMAGE => t('Empty image'),
),
'#default_value' => isset($ckeditor_mappings[$machine_name]) ? $ckeditor_mappings[$machine_name]['fallback'] : NULL,
);
$form[$machine_name]['lazyload'] = array(
'#title' => t('Picture lazyload'),
'#description' => t('Image will be rendered when it appears in viewport, helps to optimize page load speed.'),
'#type' => 'checkbox',
'#default_value' => isset($ckeditor_mappings[$machine_name]['lazyload']) ? $ckeditor_mappings[$machine_name]['lazyload'] : 0,
);
$form[$machine_name]['lazyload_aspect_ratio'] = array(
'#title' => t('Keep aspect ratio'),
'#type' => 'checkbox',
'#description' => t('Preserve the space for the image being lazyloaded to avoid layout reflows. <br /> Image ratio is defined per breakpoint, make sure all images from srcset have the same ratio. <br />Output example: !example', array(
'!example' => htmlentities('<source media="(...)" data-srcset="image_400x200.jpg x1, image_800x400.jpg x2, image_1200x600.jpg x3" data-aspectratio="2" />'),
)),
'#default_value' => isset($ckeditor_mappings[$machine_name]['lazyload_aspect_ratio']) ? $ckeditor_mappings[$machine_name]['lazyload_aspect_ratio'] : 0,
'#states' => array(
'visible' => array(
':input[name="article_responsive_image[lazyload]"]' => array(
'checked' => TRUE,
),
':input[name="article_responsive_image[fallback]"]' => array(
'value' => PICTURE_EMPTY_IMAGE,
),
),
),
);
}
$form['#tree'] = TRUE;
$form['ckeditor_label'] = array(
'#type' => 'textfield',
'#title' => t('Label in the CKEditor image dialog'),
'#description' => t('This sets the label for the drop-down select box containing these picture mappings in the CKEditor image dialog'),
'#default_value' => variable_get('picture_ckeditor_label', 'Image size (required)'),
);
$form['ckeditor_default_mapping'] = array(
'#type' => 'select',
'#title' => t('Default CKEditor Picture Mapping'),
'#options' => $ckeditor_default_mapping_options,
'#default_value' => variable_get('picture_ckeditor_default_mapping', 'not_set'),
'#description' => t('This sets the default picture mapping in CKEditor'),
);
}
else {
$form['info'] = array(
'#markup' => t('No picture mappings found. !create', array(
'!create' => l(t('Create one now.'), 'admin/config/media/picture/add'),
)),
);
}
if (module_exists('file_entity') && function_exists('file_type_load_all') && !variable_get('picture_updated_to_file_entity_2', FALSE)) {
$form['picture_updated_to_file_entity_2'] = array(
'#type' => 'checkbox',
'#title' => t('Update the file formatter to version 2 of the File Entity module'),
'#default_value' => variable_get('picture_updated_to_file_entity_2', FALSE),
);
}
$form['picture_js_scope'] = array(
'#title' => t('Picture JavaScript scope'),
'#description' => t("For performance reasons, JS should be loaded in the footer. However, you can move the Picture module's JS to the header so that it loads before JS from other modules like Views Slideshow."),
'#type' => 'radios',
'#options' => array(
'header' => t('Header'),
'footer' => t('Footer'),
),
'#default_value' => variable_get('picture_js_scope', 'footer'),
);
$form['picture_polyfill_version'] = array(
'#title' => t('Picture polyfill to use'),
'#description' => t('For performance reasons, use the minified version.'),
'#type' => 'radios',
'#options' => array(
'min' => t('Minified polyfill'),
'dev' => t('Development polyfill'),
'own' => t('Use custom polyfill'),
),
'#default_value' => variable_get('picture_polyfill_version', 'min'),
);
$form['picture_fallback_method'] = array(
'#title' => t('Picture fallback method'),
'#description' => t('Use the fallback method, the default is to use srcset since it avoids double downloads, but src is the right method and will also work if the browser does not support javascript.'),
'#type' => 'radios',
'#options' => array(
'src' => t('src fallback'),
'srcset' => t('srcset fallback'),
),
'#default_value' => variable_get('picture_fallback_method', 'src'),
);
$form['picture_img_sizes_output_method'] = array(
'#title' => t('"Image with sizes" output method'),
'#description' => t('"srcset on Image tag" creates the correct markup, however "picture element" will prevent duplicate downloads.'),
'#type' => 'radios',
'#options' => array(
'img_srcset' => t('srcset on Image tag'),
'picture_element' => t('Picture element'),
),
'#default_value' => variable_get('picture_img_sizes_output_method', 'picture_element'),
);
$form['submit'] = array(
'#type' => 'submit',
'#value' => 'Save',
);
return $form;
}