mirror of
https://git.friendi.ca/friendica/friendica-addons.git
synced 2024-11-02 14:11:09 +00:00
Version 1.03
* imgages in body-attach with title / alt attribute get them removed while adding fancy attributes * Added fancybox to image inlined in posts. Un-hooked the old lightbox from frio and vier and excahnged that with fancybox hooks. * Excluded images in "type-link" divs from being "fancied" as they have no images but pages linked to.
This commit is contained in:
parent
07a11f6920
commit
4e7da2799c
4 changed files with 51 additions and 24 deletions
|
@ -1,3 +1,13 @@
|
|||
### Version 1.03
|
||||
|
||||
* imgages in body-attach with title / alt attribute get them removed while adding fancy attributes
|
||||
* Added fancybox to image inlined in posts. Un-hooked the old lightbox from frio and vier and excahnged that with fancybox hooks.
|
||||
* Excluded images in "type-link" divs from being "fancied" as they have no images but pages linked to.
|
||||
|
||||
### Version 1.02
|
||||
|
||||
* [MrPetovan](https://github.com/MrPetovan) optimized my noob regular expression code.
|
||||
|
||||
### Version 1.01
|
||||
|
||||
* One gallery for each post
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
$(document).ready(function() {
|
||||
$.fancybox.defaults.loop = "true";
|
||||
$("body").off("click", ".wall-item-body a img");
|
||||
});
|
|
@ -11,7 +11,7 @@ rm $MODULE/dist/*
|
|||
# create release for actual version
|
||||
zip -r9 $MODULE/dist/release.zip $MODULE/* -x $MODULE/dist/\* -x $MODULE/test/\* $MODULE/createrelease
|
||||
|
||||
echo release/release.zip created.
|
||||
echo dist/release.zip created.
|
||||
|
||||
cd $MODULE
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
/**
|
||||
* Name: Fancybox
|
||||
* Description: Open media attachments of posts into a fancybox overlay.
|
||||
* Version: 1.01
|
||||
* Version: 1.03
|
||||
* Author: Grischa Brockhaus <grischa@brockha.us>
|
||||
*/
|
||||
|
||||
|
@ -28,27 +28,43 @@ function fancybox_footer(App $a, string &$str)
|
|||
DI::page()->registerFooterScript(__DIR__ . '/asset/fancybox/fancybox.config.js');
|
||||
}
|
||||
|
||||
function fancybox_render(App $a, array &$b)
|
||||
{
|
||||
$matches = [];
|
||||
$pattern = '#<div class="body-attach">.*?</div>#s';
|
||||
$gallery = 'gallery';
|
||||
if (array_key_exists('item', $b)) {
|
||||
$item = $b['item'];
|
||||
if (array_key_exists('uri-id', $item)) {
|
||||
$gallery = $gallery . '-' . $item['uri-id'];
|
||||
}
|
||||
function fancybox_render($a, array &$b){
|
||||
$gallery = 'gallery-' . $b['item']['uri-id'] ?? random_int(1000000, 10000000);
|
||||
|
||||
// prevent urls in <div class="type-link"> to be replaced
|
||||
$b['html'] = preg_replace_callback(
|
||||
'#<div class="type-link">.*?</div>#s',
|
||||
function ($matches) use ($gallery) {
|
||||
return str_replace('<a href', '<a data-nofancybox="" href', $matches[0]);
|
||||
},
|
||||
$b['html']
|
||||
);
|
||||
|
||||
// This processes images inlined in posts
|
||||
// Frio / Vier hooks für lightbox are un-hooked in fancybox-config.js. So this works for them, too!
|
||||
//if (!in_array($a->getCurrentTheme(),['vier','frio']))
|
||||
{
|
||||
// normal post inline linked images
|
||||
$b['html'] = preg_replace_callback(
|
||||
'#<a[^>]*href="([^"]*)"[^>]*>(<img[^>]*src="[^"]*"[^>]*>)</a>#',
|
||||
function ($matches) use ($gallery) {
|
||||
// don't touch URLS marked as not "fancyable".. ;-)
|
||||
if (preg_match('#data-nofancybox#', $matches[0]))
|
||||
{
|
||||
return $matches[0];
|
||||
}
|
||||
return '<a data-fancybox="' . $gallery . '" href="'. $matches[1] .'">' . $matches[2] .'</a>';
|
||||
},
|
||||
$b['html']
|
||||
);
|
||||
}
|
||||
$html = $b['html'];
|
||||
while (preg_match($pattern, $html, $matches, PREG_OFFSET_CAPTURE)) {
|
||||
if (is_array($matches)) {
|
||||
$matches = $matches[0];
|
||||
}
|
||||
$part = $matches[0];
|
||||
$replaced = str_replace('<a href', '<a data-fancybox="' . $gallery . '" href', $part);
|
||||
$replaced = str_replace('<div class="body-attach"', '<div class="body-attach done"', $replaced);
|
||||
$html = str_replace($part, $replaced, $html);
|
||||
}
|
||||
$html = str_replace('class="body-attach done"', 'class="body-attach"', $html);
|
||||
$b['html'] = $html;
|
||||
|
||||
// Local content images attached:
|
||||
$b['html'] = preg_replace_callback(
|
||||
'#<div class="body-attach">.*?</div>#s',
|
||||
function ($matches) use ($gallery) {
|
||||
return str_replace('<a href', '<a data-fancybox="' . $gallery . '" href', $matches[0]);
|
||||
},
|
||||
$b['html']
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue