View source
<?php
namespace Drupal\slick;
use Drupal\slick\Entity\Slick;
use Drupal\blazy\Utility\NestedArray;
use Drupal\blazy\Blazy;
use Drupal\blazy\BlazyManagerBase;
class SlickManager extends BlazyManagerBase implements SlickManagerInterface {
protected $skinDefinition;
protected $skinsByGroup;
protected $optionsetByGroup;
protected $easingPath;
private static $skins = [
'lightbox',
'main',
'thumbnail',
'arrows',
'dots',
];
public static function getConstantSkins() {
return self::$skins;
}
public function config($key = '', $default = NULL, $id = 'slick.settings', array $defaults = []) {
return parent::config($key, $default, $id, $id == 'slick.settings' ? SlickDefault::formSettings() : $defaults);
}
public function typecast(array &$config, $id = 'slick.settings') {
if ($id == 'slick.settings') {
foreach (SlickDefault::formSettings() as $key => $value) {
if (isset($config[$key])) {
settype($config[$key], gettype($value));
}
}
}
}
public function getEasingPath() {
if (!isset($this->easingPath)) {
$library_easing = libraries_get_path('easing') ?: libraries_get_path('jquery.easing');
if ($library_easing) {
$easing_path = $library_easing . '/jquery.easing.min.js';
if (!is_file($easing_path)) {
$easing_path = $library_easing . '/js/jquery.easing.min.js';
}
}
$this->easingPath = isset($easing_path) && is_file($easing_path) ? $easing_path : FALSE;
}
return $this->easingPath;
}
public function attach(array $attach) {
$load = parent::attach($attach);
if ($this
->getEasingPath()) {
$load['library'][] = [
'slick',
'easing',
];
}
foreach ([
'colorbox',
'mousewheel',
] as $component) {
if (!empty($attach[$component])) {
$load['library'][] = [
'slick',
$component,
];
}
}
$load['library'][] = [
'slick',
'load',
];
if (!empty($attach['skin'])) {
$this
->attachSkin($load, $attach);
}
$excludes = explode(' ', 'mobileFirst appendArrows appendDots asNavFor prevArrow nextArrow respondTo');
$excludes = array_combine($excludes, $excludes);
$load['js'][] = [
'data' => [
'slick' => array_diff_key(Slick::defaultSettings(), $excludes),
],
'type' => 'setting',
];
drupal_alter('slick_attach', $load, $attach);
return $load;
}
public function attachSkin(array &$load, $attach = []) {
if ($this
->config('slick_css', TRUE)) {
$load['library'][] = [
'slick',
'css',
];
}
if ($this
->config('module_css', TRUE)) {
$load['library'][] = [
'slick',
'theme',
];
}
if (!empty($attach['thumbnail_effect'])) {
$load['library'][] = [
'slick',
'thumbnail.' . $attach['thumbnail_effect'],
];
}
if (!empty($attach['down_arrow'])) {
$load['library'][] = [
'slick',
'arrows.down',
];
}
foreach (self::getConstantSkins() as $group) {
$skin = $group == 'main' ? $attach['skin'] : (isset($attach['skin_' . $group]) ? $attach['skin_' . $group] : '');
if (!empty($skin)) {
$skins = $this
->getSkinsByGroup($group);
$provider = isset($skins[$skin]['provider']) ? $skins[$skin]['provider'] : 'slick';
$load['library'][] = [
'slick',
$provider . '.' . $group . '.' . $skin,
];
}
}
}
public function getSkins() {
if (!isset($this->skinDefinition)) {
$methods = [
'skins',
'arrows',
'dots',
];
$this->skinDefinition = $this
->buildSkins('slick', '\\Drupal\\slick\\SlickSkin', $methods);
}
return $this->skinDefinition;
}
public function getSkinsByGroup($group = '', $option = FALSE) {
if (!isset($this->skinsByGroup[$group])) {
$skins = $grouped = $ungrouped = [];
$nav_skins = in_array($group, [
'arrows',
'dots',
]);
$defined_skins = $nav_skins ? $this
->getSkins()[$group] : $this
->getSkins()['skins'];
foreach ($defined_skins as $skin => $properties) {
$item = $option ? check_plain($properties['name']) : $properties;
if (!empty($group)) {
if (isset($properties['group'])) {
if ($properties['group'] != $group) {
continue;
}
$grouped[$skin] = $item;
}
elseif (!$nav_skins) {
$ungrouped[$skin] = $item;
}
}
$skins[$skin] = $item;
}
$this->skinsByGroup[$group] = $group ? array_merge($ungrouped, $grouped) : $skins;
}
return $this->skinsByGroup[$group];
}
public function getOptionsetByGroupOptions($group = '') {
if (!isset($this->optionsetByGroup[$group])) {
$optionsets = $collected = $uncollected = [];
$slicks = Slick::loadMultiple();
foreach ($slicks as $slick) {
$name = check_plain($slick->label);
$id = $slick->name;
$current_collection = $slick->collection;
if (!empty($group)) {
if ($current_collection) {
if ($current_collection != $group) {
continue;
}
$collected[$id] = $name;
}
else {
$uncollected[$id] = $name;
}
}
$optionsets[$id] = $name;
}
$this->optionsetByGroup[$group] = $group ? array_merge($uncollected, $collected) : $optionsets;
}
return $this->optionsetByGroup[$group];
}
public function slick(array $build = []) {
foreach (SlickDefault::themeProperties() as $key) {
$build[$key] = isset($build[$key]) ? $build[$key] : [];
}
return empty($build['items']) ? [] : [
'#theme' => 'slick',
'#items' => [],
'#build' => $build,
'#pre_render' => [
'slick_pre_render',
],
];
}
public function prepareAttributes(array $build = []) {
$settings = $build['settings'];
$attributes = isset($build['attributes']) ? $build['attributes'] : [];
$classes = [];
$skin = $settings['skin'];
if ($skin) {
$classes[] = 'skin--' . str_replace('_', '-', $skin);
if (strpos($skin, 'boxed') !== FALSE) {
$classes[] = 'skin--boxed';
}
if (strpos($skin, 'split') !== FALSE) {
$classes[] = 'skin--split';
}
}
if ($settings['nav']) {
$classes[] = $settings['display'];
}
if ($settings['vertical']) {
$classes[] = 'vertical';
}
if ($settings['optionset']) {
$classes[] = 'optionset--' . str_replace('_', '-', $settings['optionset']);
}
if ($settings['display'] == 'main') {
if ($settings['view_name'] && $settings['current_view_mode']) {
$classes[] = 'view--' . str_replace('_', '-', $settings['view_name']);
$classes[] = 'view--' . str_replace('_', '-', $settings['view_name'] . '--' . $settings['current_view_mode']);
}
if ($settings['lazy'] == 'blazy' || !empty($settings['blazy'])) {
$attributes['class'][] = 'blazy';
$attributes['data-blazy'] = empty($settings['blazy_data']) ? '' : drupal_json_encode($settings['blazy_data']);
}
if (!empty($settings['media_switch'])) {
$switch = str_replace('_', '-', $settings['media_switch']);
$classes[] = $switch;
if (empty($settings['grid'])) {
$attributes['data-' . $switch . '-gallery'] = TRUE;
}
}
}
elseif ($settings['display'] == 'thumbnail') {
if ($settings['thumbnail_caption']) {
$classes[] = 'has-caption';
}
}
foreach ($classes as $class) {
$attributes['class'][] = 'slick--' . $class;
}
return $attributes;
}
public function preRender(array $element) {
$build = $element['#build'];
unset($element['#build']);
$settings =& $build['settings'];
$settings += SlickDefault::htmlSettings();
if (!empty($settings['thumbnail_effect']) && (!empty($settings['thumbnail_style']) || !empty($settings['thumbnail']))) {
$dots_class[] = 'slick-dots--thumbnail-' . $settings['thumbnail_effect'];
}
if (!empty($settings['skin_dots'])) {
$dots_class[] = 'slick-dots--' . str_replace('_', '-', $settings['skin_dots']);
}
if (isset($dots_class) && !empty($build['optionset'])) {
$dots_class[] = $build['optionset']
->getSetting('dotsClass') ?: 'slick-dots';
$js['dotsClass'] = implode(" ", $dots_class);
}
if ($settings['display'] == 'main') {
if (!empty($settings['override'])) {
foreach ($settings['overridables'] as $key => $override) {
$js[$key] = empty($override) ? FALSE : TRUE;
}
}
if (!empty($settings['grid']) && !empty($settings['visible_items'])) {
$build['items'] = $this
->buildGrid($build['items'], $settings);
}
}
$build['attributes'] = $this
->prepareAttributes($build);
$build['options'] = isset($js) ? array_merge($build['options'], $js) : $build['options'];
drupal_alter('slick_optionset', $build['optionset'], $settings);
foreach (SlickDefault::themeProperties() as $key) {
$element["#{$key}"] = $build[$key];
}
unset($build);
return $element;
}
public function buildGrid(array $items, array &$settings = []) {
if (empty($settings['unslick']) && !empty($settings['count'])) {
$settings['unslick'] = $settings['count'] < $settings['visible_items'];
}
if (!empty($settings['unslick'])) {
$settings['display'] = 'main';
$settings['current_item'] = 'grid';
$settings['count'] = 2;
$grids[0] = $this
->buildGridItem($items, 0, $settings);
}
else {
$preserve_keys = !empty($settings['preserve_keys']);
$grid_items = array_chunk($items, $settings['visible_items'], $preserve_keys);
$settings['count'] = count($grid_items);
foreach ($grid_items as $delta => $grid_item) {
$grids[] = $this
->buildGridItem($grid_item, $delta, $settings);
}
}
return $grids;
}
public function buildGridItem(array $items, $delta, array $settings = []) {
$slide = [
'#theme' => 'slick_grid',
'#items' => $items,
'#delta' => $delta,
'#settings' => $settings,
'#attributes' => $this
->prepareGridAttributes($settings),
];
return [
'slide' => $slide,
'settings' => $settings,
];
}
public function prepareGridAttributes(array $settings = []) {
$grid_id = empty($settings['style']) ? 'grid' : $settings['style'];
$classes[] = 'block-columngrid block-' . $grid_id;
$classes[] = $settings['unslick'] ? 'slick__grid' : 'slide__content';
$settings['grid_large'] = $settings['grid'];
foreach ([
'small',
'medium',
'large',
] as $grid) {
if ($column = $settings['grid_' . $grid]) {
$classes[] = $grid . '-block-' . $grid_id . '-' . $column;
}
}
foreach ($classes as $class) {
$attributes['class'][] = $class;
}
if (!empty($settings['media_switch'])) {
$switch = str_replace('_', '-', $settings['media_switch']);
$attributes['data-' . $switch . '-gallery'] = TRUE;
}
return $attributes;
}
public function build(array $build = []) {
foreach (SlickDefault::themeProperties() as $key) {
$build[$key] = isset($build[$key]) ? $build[$key] : [];
}
$settings = $build['settings'];
$cache = [];
if (!empty($settings['cache'])) {
$cache['#cache']['cid'] = $this
->getCacheId($settings);
$cache['#cache']['expire'] = $settings['cache'] == CACHE_TEMPORARY ? CACHE_TEMPORARY : REQUEST_TIME + $settings['cache'];
}
$slick = [
'#theme' => 'slick_wrapper',
'#items' => [],
'#build' => $build,
'#pre_render' => [
'slick_pre_render_wrapper',
],
] + $cache;
drupal_alter('slick_build', $slick, $settings);
return empty($build['items']) ? [] : $slick;
}
public function prepareWrapperAttributes(array $settings = []) {
$classes = [];
if (!empty($settings['skin'])) {
$classes[] = str_replace('_', '-', $settings['skin']);
}
if (!empty($settings['skin_thumbnail'])) {
$classes[] = str_replace('_', '-', $settings['skin_thumbnail']);
}
if (!empty($settings['vertical'])) {
$classes[] = 'v';
}
if (!empty($settings['vertical_tn'])) {
$classes[] = 'v-tn';
}
if (!empty($settings['thumbnail_position'])) {
$classes[] = 'tn-' . $settings['thumbnail_position'];
if (strpos($settings['thumbnail_position'], 'over') !== FALSE) {
$classes[] = 'tn-overlay';
$classes[] = 'tn-' . str_replace('over-', '', $settings['thumbnail_position']);
}
}
$attributes['class'][] = 'slick-wrapper';
foreach ($classes as $class) {
$attributes['class'][] = 'slick-wrapper--' . $class;
}
return $attributes;
}
public function preRenderWrapper($element) {
$build = $element['#build'];
unset($element['#build']);
$settings = array_merge(SlickDefault::htmlSettings(), $build['settings']);
$id = $settings['id'] ?: Blazy::getHtmlId('slick');
$thumb_id = $id . '-thumbnail';
$options = $build['options'];
$switch = $settings['media_switch'];
$thumbs = isset($build['thumb']) ? $build['thumb'] : [];
unset($build['thumb']);
if (!empty($settings['skin']) && ($skins = $this
->getSkinsByGroup('main'))) {
if (isset($skins[$settings['skin']]['options'])) {
$options = array_merge($options, $skins[$settings['skin']]['options']);
}
}
$optionset = $build['optionset'] ?: Slick::loadWithFallback($settings['optionset']);
$settings['count'] = empty($settings['count']) ? count($build['items']) : $settings['count'];
$settings['id'] = $id;
$settings['nav'] = $settings['nav'] ?: !empty($settings['optionset_thumbnail']) && isset($build['items'][1]);
$settings['navpos'] = $settings['nav'] && !empty($settings['thumbnail_position']);
$settings['vertical'] = $optionset
->getSetting('vertical');
$mousewheel = $optionset
->getSetting('mouseWheel');
if ($settings['nav']) {
$options['asNavFor'] = "#{$thumb_id}-slider";
$optionset_thumbnail = Slick::loadWithFallback($settings['optionset_thumbnail']);
$mousewheel = $optionset_thumbnail
->getSetting('mouseWheel');
$settings['vertical_tn'] = $optionset_thumbnail
->getSetting('vertical');
}
else {
if (isset($element['#attributes'])) {
$build['attributes'] = empty($build['attributes']) ? $element['#attributes'] : NestedArray::mergeDeep($build['attributes'], $element['#attributes']);
}
}
if ($switch && $switch != 'content') {
$settings[$switch] = empty($settings[$switch]) ? $switch : $settings[$switch];
}
if (!empty($settings['check_blazy']) && !empty($settings['first_image'])) {
$this
->isBlazy($settings, $settings['first_image']);
}
$settings['mousewheel'] = $mousewheel;
$settings['down_arrow'] = $optionset
->getSetting('downArrow');
$settings['lazy'] = $settings['lazy'] ?: $optionset
->getSetting('lazyLoad');
$settings['blazy'] = empty($settings['blazy']) ? $settings['lazy'] == 'blazy' : $settings['blazy'];
$settings = array_filter($settings);
$build['options'] = $options;
$build['optionset'] = $optionset;
$build['settings'] = $settings;
$attachments = $this
->attach($settings);
$element['#settings'] = $settings;
$element['#attached'] = empty($build['attached']) ? $attachments : NestedArray::mergeDeep($build['attached'], $attachments);
$element['#attributes'] = $this
->prepareWrapperAttributes($settings);
$slick[0] = $this
->slick($build);
if (!empty($settings['nav']) && $thumbs) {
$build = [];
foreach ([
'items',
'options',
'settings',
] as $key) {
$build[$key] = isset($thumbs[$key]) ? $thumbs[$key] : [];
}
$settings = array_merge($settings, $build['settings']);
$settings['optionset'] = $settings['optionset_thumbnail'];
$settings['skin'] = $settings['skin_thumbnail'];
$settings['display'] = 'thumbnail';
$build['optionset'] = $optionset_thumbnail;
$build['settings'] = array_filter($settings);
$build['options']['asNavFor'] = "#{$id}-slider";
$slick[1] = $this
->slick($build);
}
if (!empty($settings['navpos'])) {
$slick = array_reverse($slick);
}
$element['#items'] = $slick;
unset($build);
return $element;
}
}