From 88a431217b6dc68bf9d64d150ecd6730b32417d3 Mon Sep 17 00:00:00 2001 From: pezcurrel Date: Thu, 31 Oct 2024 20:28:12 +0100 Subject: [PATCH] The thumbnails browser is now functional; other minor changes --- pfaltgall | 165 ++++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 143 insertions(+), 22 deletions(-) diff --git a/pfaltgall b/pfaltgall index 8c855a4..4adb755 100755 --- a/pfaltgall +++ b/pfaltgall @@ -19,7 +19,7 @@ // todo: add a "last updated on" header $SCRIPTNAME='pfaltgall'; -$SCRIPTVERSION='0.2.1'; +$SCRIPTVERSION='0.3'; $SCRIPTURL='https://git.lattuga.net/Jones/pfaltgall'; require 'lib/ckratelimit.php'; @@ -145,6 +145,8 @@ $acc=$acc['content']; $imgurls=[]; $imgs=''; +$thumburls=[]; +$thumbs=''; $i=0; $ic=0; do { @@ -161,6 +163,7 @@ do { $count=count($res['content']); if ($count>0) { foreach ($res['content'] as $status) { + //print_r($status);die(); if (isset($status['created_at']) && preg_match('#^\s+$#',$status['created_at'])!==1) { $date=strtotime($status['created_at']); $date=' ['.date('Y/m/d',$date).']'; @@ -179,6 +182,8 @@ do { $ia=0; foreach ($status['media_attachments'] as $attachment) { if (isset($attachment['url'])) { + $thumburl=$attachment['preview_url']; + $thumburls[]=$thumburl; $imgurl=$attachment['url']; $imgurls[]=$imgurl; $ia++; @@ -190,7 +195,10 @@ do { $icnt=" ({$ia}/{$ca})"; else $icnt=''; - $imgs.="
{$desc}{$icnt}{$date}
\n"; +/* $imgs.="
{$desc}{$icnt}{$date}
\n"; + $thumbs.="
";*/ + $imgs.="
{$desc}{$icnt}{$date}
\n"; + $thumbs.="
"; $ic++; } } @@ -214,9 +222,8 @@ if ($acc['display_name']!='') { $profhead="{$accdispname}
({$profhead})"; } - $html=' - + '.$title.' @@ -382,17 +389,60 @@ hr { cursor: pointer; } -#tools { - /*display: none;*/ +#toolbar { + display: block; width: 100%; + height: 48px; + position: fixed; + right: 0; + bottom: 0; + /*background-color: rgb(0 0 0 / .85);*/ + background-color: #444444; + z-index: 1; + overflow: auto; + cursor: pointer; + text-align: center; + -webkit-user-select: none; /* Safari */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* IE10+/Edge */ + user-select: none; /* Standard */ +} + +#browser { + display: none;/*default: block*/ + text-align: center; + width: 100%; + height: 100%; position: fixed; left: 0; - bottom: 0; - background-color: rgb(51 51 51 / .85);; - padding: 4px 6px 4px 6px; - color: white; - font-size: 10pt; - z-index: 1; + top: 0; + background-color: rgb(0 0 0 / .85); + padding: 3px; + z-index: 2; + overflow: auto; + /*border: 1px solid yellow;*/ +} + +.thumbd { + display: inline-flex; + justify-content: center; + width: 320px; + height: 320px; + background-color: white; + margin: 3px; + border: 3px solid white; + border-radius: 12px; + overflow: clip; + cursor: pointer; +} + +.thumb { + display: block; + object-fit: contain; + max-width: 100%; + max-height: 100%; + /*width: auto; + height: auto;*/ } @media only screen and (max-width:15cm) { @@ -414,16 +464,21 @@ hr { } - + +
+'.$thumbs."\n".' +
+
Miniature