183 lines
9.6 KiB
PHP
183 lines
9.6 KiB
PHP
<?php
|
|
|
|
namespace Grav\Plugin\Shortcodes;
|
|
|
|
use Thunder\Shortcode\Shortcode\ShortcodeInterface;
|
|
|
|
class GalleryPlusPlusShortcode extends Shortcode
|
|
{
|
|
|
|
/*
|
|
*
|
|
*/
|
|
public function init()
|
|
{
|
|
// gallery
|
|
$this->shortcode->getHandlers()->add('gallery', function (ShortcodeInterface $shortcode) {
|
|
// get default settings
|
|
$pluginConfig = $this->config->get('plugins.shortcode-gallery-plusplus');
|
|
|
|
|
|
// get the current page in process (i.e. the page where the shortcode is being processed)
|
|
// warning, it can be different from $this->grav['page'], if ever we browse a collection
|
|
// this is exactly what the Feed plugin does
|
|
$currentPage = $this->grav['plugins']->getPlugin('shortcode-gallery-plusplus')->getCurrentPage();
|
|
|
|
// values to check if we are in a feed (RSS, Atom, JSON)
|
|
$type = $this->grav['uri']->extension(); // Get current page extension
|
|
$feed_config = $this->grav['config']->get('plugins.feed');
|
|
$feed_types = array('rss','atom');
|
|
if ($feed_config && $feed_config['enable_json_feed'])
|
|
$feed_types[] = 'json';
|
|
|
|
// check if the rendered page will be cached or not
|
|
$renderingCacheDisabled = !is_null($currentPage)
|
|
&& isset($currentPage->header()->cache_enable)
|
|
&& !$currentPage->header()->cache_enable
|
|
|| !$this->grav['config']->get('system.cache.enabled');
|
|
|
|
// check if we are in a feed (RSS, Atom, JSON)
|
|
// we also check that the page will not be cached once rendered (otherwise the gallery will not be generated on the normal page)
|
|
if ( $renderingCacheDisabled && // if the current page does not cache its rendering
|
|
$feed_config && $feed_config['enabled'] && // and the Feed plugin is enabled
|
|
isset($this->grav['page']->header()->content) && // and the current page has a collection
|
|
$feed_types && in_array($type, $feed_types) ) { // and the Feed plugin handles it
|
|
return $shortcode->getContent(); // return unprocessed content (because in RSS, Javascripts don't work)
|
|
}
|
|
|
|
|
|
// overwrite default gallery settings, if set by user
|
|
$rowHeight = $shortcode->getParameter('rowHeight', $pluginConfig['gallery']['rowHeight']);
|
|
$margins = $shortcode->getParameter('margins', $pluginConfig['gallery']['margins']);
|
|
$lastRow = $shortcode->getParameter('lastRow', $pluginConfig['gallery']['lastRow']);
|
|
$captions = $shortcode->getParameter('captions', $pluginConfig['gallery']['captions']);
|
|
$border = $shortcode->getParameter('border', $pluginConfig['gallery']['border']);
|
|
$resizeFactor = $shortcode->getParameter('resizeFactor', $pluginConfig['gallery']['resizeFactor']);
|
|
$removeTitle = $shortcode->getParameter('removeTitle', $pluginConfig['gallery']['removeTitle']);
|
|
|
|
// overwrite default lightbox settings, if set by user
|
|
$openEffect = $shortcode->getParameter('openEffect', $pluginConfig['lightbox']['openEffect']);
|
|
$closeEffect = $shortcode->getParameter('closeEffect', $pluginConfig['lightbox']['closeEffect']);
|
|
$slideEffect = $shortcode->getParameter('slideEffect', $pluginConfig['lightbox']['slideEffect']);
|
|
$closeButton = $shortcode->getParameter('closeButton', $pluginConfig['lightbox']['closeButton']);
|
|
$touchNavigation = $shortcode->getParameter('touchNavigation', $pluginConfig['lightbox']['touchNavigation']);
|
|
$touchFollowAxis = $shortcode->getParameter('touchFollowAxis', $pluginConfig['lightbox']['touchFollowAxis']);
|
|
$keyboardNavigation = $shortcode->getParameter('keyboardNavigation', $pluginConfig['lightbox']['keyboardNavigation']);
|
|
$closeOnOutsideClick = $shortcode->getParameter('closeOnOutsideClick', $pluginConfig['lightbox']['closeOnOutsideClick']);
|
|
$loop = $shortcode->getParameter('loop', $pluginConfig['lightbox']['loop']);
|
|
$draggable = $shortcode->getParameter('draggable', $pluginConfig['lightbox']['draggable']);
|
|
$descEnabled = $shortcode->getParameter('descEnabled', $pluginConfig['lightbox']['descEnabled']);
|
|
$descPosition = $shortcode->getParameter('descPosition', $pluginConfig['lightbox']['descPosition']);
|
|
$descMoreText = $shortcode->getParameter('descMoreText', $pluginConfig['lightbox']['descMoreText']);
|
|
$descMoreLength = $shortcode->getParameter('descMoreLength', $pluginConfig['lightbox']['descMoreLength']);
|
|
|
|
// find all images, that a gallery contains
|
|
$content = $shortcode->getContent();
|
|
|
|
// check validity
|
|
if (strpos($content, "<pre>") !== false)
|
|
return "<p style='color: #d40000; font-weight: bold; padding: 1rem 0;'>[Shortcode Gallery++] Error:<br>
|
|
> Images provided got parsed as code block.<br>
|
|
> Please check your markdown file and make sure the images aren't indented by tab or more than three spaces.</p>";
|
|
|
|
// remove <p> tags
|
|
$content = preg_replace('(<p>|</p>)', '', $content);
|
|
// split up images to arrays of img links
|
|
preg_match_all('|<img.*?>|', $content, $images);
|
|
|
|
$images_final = [];
|
|
foreach ($images[0] as $image) {
|
|
// get src attribute
|
|
preg_match('|src="(.*?)"|', $image, $links);
|
|
|
|
// get alt attribute
|
|
preg_match('|alt="(.*?)"|', $image, $alts);
|
|
|
|
// get title attribute - and strip html from it
|
|
// e.g.: "<strong>Title 1</strong><br />Example 1<br/>More description<br>Bla bla"
|
|
// becomes: "Title 1 | Example 1 | More description | Bla bla"
|
|
preg_match('/title="(.*?)"/', $image, $desc);
|
|
$title_clean = null;
|
|
if (!empty($desc)) {
|
|
if (!filter_var($removeTitle, FILTER_VALIDATE_BOOLEAN)) {
|
|
// replace br tags with " | "
|
|
$title_clean = preg_replace('/<br *\/*>/', ' | ', html_entity_decode($desc[1]));
|
|
// strip html
|
|
$title_clean = strip_tags(html_entity_decode($title_clean));
|
|
// set as new title
|
|
$image = preg_replace('/title=".*?"/', "title=\"$title_clean\"", $image);
|
|
} else {
|
|
$image = preg_replace('/title=".*?" /', "", $image);
|
|
}
|
|
} else {
|
|
$desc[1] = null;
|
|
}
|
|
|
|
// combine
|
|
array_push($images_final, [
|
|
// full
|
|
"image" => $image,
|
|
"src" => $links[1],
|
|
"alt" => $alts[1],
|
|
"title" => $title_clean,
|
|
"desc" => $desc[1],
|
|
]);
|
|
}
|
|
|
|
// a random id for each gallery
|
|
$id = mt_rand();
|
|
|
|
// generate inline JS
|
|
$inline_js = $this->twig->processTemplate(
|
|
'partials/gallery-plusplus-inlinejs.js.twig', [
|
|
'id' => $id,
|
|
// gallery settings
|
|
'rowHeight' => $rowHeight,
|
|
'margins' => $margins,
|
|
'lastRow' => $lastRow,
|
|
'captions' => $captions,
|
|
'border' => $border,
|
|
// lightbox settings
|
|
'openEffect' => $openEffect,
|
|
'closeEffect' => $closeEffect,
|
|
'slideEffect' => $slideEffect,
|
|
'closeButton' => $closeButton,
|
|
'touchNavigation' => $touchNavigation,
|
|
'touchFollowAxis' => $touchFollowAxis,
|
|
'keyboardNavigation' => $keyboardNavigation,
|
|
'closeOnOutsideClick' => $closeOnOutsideClick,
|
|
'loop' => $loop,
|
|
'draggable' => $draggable,
|
|
'descPosition' => $descPosition,
|
|
'descMoreText' => $descMoreText,
|
|
'descMoreLength' => $descMoreLength,
|
|
]
|
|
);
|
|
|
|
// give JS and CSS so that they can be cached
|
|
$this->shortcode->addAssets('css', 'plugin://shortcode-gallery-plusplus/vendor/glightbox/glightbox.min.css');
|
|
$this->shortcode->addAssets('css', 'plugin://shortcode-gallery-plusplus/vendor/justified-gallery/justifiedGallery.min.css');
|
|
$this->shortcode->addAssets('js', ['jquery', 101]);
|
|
$this->shortcode->addAssets('js', 'plugin://shortcode-gallery-plusplus/vendor/glightbox/glightbox.min.js');
|
|
$this->shortcode->addAssets('js', 'plugin://shortcode-gallery-plusplus/vendor/justified-gallery/jquery.justifiedGallery.min.js');
|
|
$this->shortcode->addAssets('inlineJs', [ $inline_js, [ 'group' => 'bottom' ] ] );
|
|
|
|
return $this->twig->processTemplate(
|
|
'partials/gallery-plusplus.html.twig',
|
|
[
|
|
'page' => $this->grav['page'], // used for image resizing
|
|
'id' => $id,
|
|
// gallery settings
|
|
'rowHeight' => $rowHeight,
|
|
'resizeFactor' => $resizeFactor,
|
|
// lightbox settings
|
|
'descEnabled' => $descEnabled,
|
|
// images
|
|
'images' => $images_final,
|
|
]
|
|
);
|
|
});
|
|
}
|
|
|
|
}
|