Author Topic: Responsive small screen template  (Read 29695 times)

0 Members and 3 Guests are viewing this topic.

Offline Fysack

  • Tireless poster
  • ****
  • Posts: 644
  • present picture
    • View Profile
    • Admin
Re: Responsive small screen template
« Reply #135 on: October 18, 2019, 09:59:43 PM »
dj.. danny.. Great work. Stay strong. Look forward  :
-*
GOD CAN READ YOUR MIND

Follow members gave a thank to your post:


Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #136 on: November 01, 2019, 08:28:22 AM »
halloween has enchanted the date  :-[
show relative date as yesterday

onerror="this.src='%item-url%'"
you should add this.onerror=null; otherwise you can get endless loops. Retry-After could help too

Menu > debug > run script to restore default settings (after switching from Throwback to Default tpl)
Code: [Select]
{.set ini|use-system-icons=yes.}{.set ini|tray-icon-for-each-download=yes.}{.set ini|max-ips=0.}{.set ini|max-connections=0.}{.set ini|max-ips-downloading=0.}{.set ini|max-contemporary-dls=0.}{.set ini|enable-fingerprints=yes.}{.set ini|send-hfs-identifier=yes.}{.set ini|support-descript.ion=yes.}{.set ini|tray-instead-of-quit=no.}{.set ini|load-single-comment-files=yes.}{.set ini|hints4newcomers=yes.}{.set ini|save-totals=yes.}{.set ini|tray-shows=download.}{.set ini|flash-on=download.}{.set ini|browse-localhost=yes.}{.set ini|max-connections-by-ip=0.}
autoban addon  "Uploaded by" add [upload completed] event with blue text and show comments

changelog: improved picviewer (hide header)
slideshowV2 repeats and reloads (photoframe)
« Last Edit: November 13, 2019, 11:34:57 AM by dj »

Offline danny

  • Tireless poster
  • ****
  • Posts: 209
    • View Profile
    • Startfetch
Re: Responsive small screen template - addon
« Reply #137 on: November 16, 2019, 04:49:04 PM »
...you should add this.onerror=null; otherwise you can get endless loops. Retry-After could help too...
The loop is desirable for queuing.  However, need a 157ms (any prime number) delay between retries. 
Something like  onerror="sleep=0.157;this.src='%item-url%'" 
But, how is that done? 
« Last Edit: November 16, 2019, 04:53:48 PM by danny »

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #138 on: November 17, 2019, 02:13:13 AM »
@danny: Edit: onerror="this.onerror=null; setTimeout(function(){this.src='%item-url%'}.bind(this),157)"
(to test endless loop: add .jpg to a textfile)

Santa clause will bring a photoframe with blured background (ambilight) on 1. Advent
« Last Edit: November 26, 2019, 04:31:20 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - update
« Reply #139 on: December 01, 2019, 12:05:44 AM »
photoframe comes with play button, ambilight and more 🕯 

Edit: 🎅
add weather to slideshow (uncommend last line)
add remote control (space key)
add videoclips covert them to webp

Videoframe works with all templates (with Motion Photo Viewer)
Videothumbs shows first frame (also tested with HFS2.4) 🍀
« Last Edit: January 08, 2020, 09:43:46 AM by dj »

Offline danny

  • Tireless poster
  • ****
  • Posts: 209
    • View Profile
    • Startfetch
Re: Responsive small screen template- update
« Reply #140 on: December 31, 2019, 09:45:55 PM »
What do you want to see in next version?
I would like to see integrated (pre-assembled) version with mp3-player + photoviewer already within.
And,
Full-file thumbnails lazyload on-demand--not every page, but loads only if menu pic icon clicked by the user.
Because,
Would be nice if it was a single file, for ease-of-use.

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template -update
« Reply #141 on: January 01, 2020, 04:11:36 PM »
I would like to see integrated (pre-assembled) version with mp3-player + photoviewer already within.
Edit: latest version

Features:
never reloads the page
logout(Edge)
searchcategorie
web-app-capable
generate thumbnails on upload
build-in pictureviewer(chrome77)
build-in audioplayer
only 10k
only 10k, this is why additional Slideshow (photoframe) is a addon,
but you can simply add the code at the end

changelog: better addons (with custom event), selectall
« Last Edit: January 18, 2020, 10:49:31 AM by dj »

Follow members gave a thank to your post:


Offline danny

  • Tireless poster
  • ****
  • Posts: 209
    • View Profile
    • Startfetch
Re: Responsive small screen template
« Reply #142 on: January 02, 2020, 07:39:31 PM »
Music falls silent after only one song; and, no play button for mp3 shuffle player.

Lazyimages loads always, but as-needed (menu icon) would be better.
auto-queue stops after a couple of seconds (needs longer time for slow connection)
On firefox, With lazyimages installed, slideshow moves images to a center column.
« Last Edit: January 03, 2020, 05:45:03 PM by danny »

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #143 on: January 03, 2020, 08:56:39 AM »
Thanks for review.
shuffle play needs addon
this fixes also nexttrack
there's no extra button for shuffle-play

Lazyimages don't load on cellular network.
prevent lazyload until clicking image link:
Code: [Select]
[+]
<script>
var thumbsize=0;
document.querySelector('#files').addEventListener('click', function(){
 var c=[...document.querySelectorAll('a[href$=".jpg"]')]
 if(!c.includes(event.target)) return
 thumbsize=64
 render(b)  //
})
</script>
lazyimages for FF needs adding if(!thumbsize) return;

On firefox, With lazyimages installed, slideshow works. @danny: In your (deleted) file you have removed class gri.

nothing new: newtemplate was bundled with V5.3
« Last Edit: January 14, 2020, 05:19:24 AM by dj »

Offline Fysack

  • Tireless poster
  • ****
  • Posts: 644
  • present picture
    • View Profile
    • Admin
Re: Responsive small screen template - addon
« Reply #144 on: January 04, 2020, 02:40:14 AM »

halloween has enchanted the date  :-[
show relative date as
/
Its photoshopped  ;)
GOD CAN READ YOUR MIND

Offline danny

  • Tireless poster
  • ****
  • Posts: 209
    • View Profile
    • Startfetch
Re: Responsive small screen template
« Reply #145 on: January 06, 2020, 10:07:42 AM »
prevent lazyload until clicking image link:
Code: [Select]
[+]
<script>
var thumbsize=0;
document.querySelector('#files').addEventListener('click', function(){
 var c=[...document.querySelectorAll('a[href$=".jpg"]')]
 if(!c.includes(event.target)) return
 thumbsize=64
 render(b)  //
})
</script>
lazyimages for FF needs adding[i] if(!thumbsize) return;[/i]
Could you help me do only-on-demand thumbnails for this version of Throwback? http://rejetto.com/forum/index.php?action=dlattach;topic=12055.0;attach=9706
I've been trying to do that for a long time.
The thumbnails are good if/when the user wanted them, but not good at any other time.
« Last Edit: January 06, 2020, 10:41:03 AM by danny »

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #146 on: January 06, 2020, 12:43:42 PM »
Replace
Code: [Select]
document.addEventListener("DOMContentLoaded", function() {with
Code: [Select]
document.addEventListener("click", function(e) {if(!e.target.href||!e.target.href.endsWith('.jpg')) return;e.preventDefault();or (with a extra button)
Code: [Select]
document.querySelector('#mylazyloadbutton').addEventListener("click", function() {
« Last Edit: January 06, 2020, 12:59:48 PM by dj »

Follow members gave a thank to your post:


Offline Fysack

  • Tireless poster
  • ****
  • Posts: 644
  • present picture
    • View Profile
    • Admin
Re: Responsive small screen template
« Reply #147 on: January 11, 2020, 01:27:57 AM »
danny.. dj.. hardcore..  8) 8) 8)
GOD CAN READ YOUR MIND

Offline danny

  • Tireless poster
  • ****
  • Posts: 209
    • View Profile
    • Startfetch
Re: Responsive small screen template
« Reply #148 on: January 13, 2020, 10:27:34 PM »
Mobil-Light with several add-ons pre-installed. 
Mint theme, and a new hfs.filelist.tpl which provides short-date. 

Offline dj

  • Tireless poster
  • ****
  • Posts: 161
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #149 on: January 16, 2020, 03:36:20 PM »
Mobil-Light with several add-ons pre-installed. 
Mint theme, and a new hfs.filelist.tpl which provides short-date.
Why hide time on large screens?
I recommend to use formatmodified instead of changing hfs.filelist.tpl
« Last Edit: Today at 09:48:01 AM by dj »