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

0 Members and 1 Guest are viewing this topic.

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #75 on: September 13, 2019, 04:44:22 PM »
same as V.4.6
Add hfs.filelist.tpl from zip to folder, that contains hfs.exe

which browser?

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #76 on: September 14, 2019, 01:11:48 PM »
Can you change that file so that it has date, time AM/PM in PC/wide mode, but has date-only (no clock) in Phone/narrow mode? 
I can't (with non ISO Date Format), but I can hide the full date
Code: [Select]
@media (max-width:480px) {li span:last-child {display: none}}
Edit: with ISO Date Format:
Code: [Select]
@media (max-width:480px) {li span:last-child {width:10ch; height:1em; overflow:hidden}}
« Last Edit: September 30, 2019, 07:44:50 AM by dj »

Follow members gave a thank to your post:


Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - update
« Reply #77 on: September 29, 2019, 03:06:49 AM »
changelog:
shows thumbs from subfolders thumb or lazy full-img-thumbs(chrome 77) without addon
new folder (rightclick upload)  without addon
show number selected files

and a preview of tile_theme_v2, which comes next days
my goal is a theme, which looks like Files Go
« Last Edit: October 03, 2019, 10:14:57 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #78 on: September 30, 2019, 02:54:00 AM »
tile_theme_v2
« Last Edit: October 04, 2019, 04:23:15 PM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template- update
« Reply #79 on: October 04, 2019, 03:20:33 AM »
changelog:

build-in pictureviewer(chrome77)

What do you want to see in next version? audioplayer, languages, archiveaszip or something else
« Last Edit: October 06, 2019, 09:19:49 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #80 on: October 06, 2019, 09:38:51 AM »
I love the shuffle audio player.  By now, I though it was standard though.  So, go ahead and restore that function. 
It was never removed except in audioplayer_light(minimalistic)

I have added shuffle to the editable vars. Set it to true. I hope, this helps.

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - Tile theme on PC
« Reply #81 on: October 08, 2019, 02:58:26 PM »
thanks for review. Add:
Code: [Select]
@media (min-width:480px) {.grid li, .grid li>img, .grid li div {width:256px;height:256px} .grid li{margin:2%}}
h265 works for me in Edge

V5.2 with audioplayer comes on halloween next days
« Last Edit: November 13, 2019, 06:23:26 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - update
« Reply #82 on: October 15, 2019, 02:42:20 AM »
changelog:

build-in (basic) audioplayer
works best with chrome and media keys
generate artwork (on upload)

autocreate subfolders thumb on image upload
create thumbs from videos (first frame)
« Last Edit: October 19, 2019, 03:42:11 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #83 on: October 18, 2019, 11:59:31 AM »
create thumbs from audios
opt. renames audio to %artist% - %title%

lastModifiedV2 renames images to %lastModified% - %title% on upload
lastModifiedV3 restores lastModified after upload (with help of powershell)
useful to show when photos taken

changelog: changepwd and rename (rightclick login and upload)
pictureviewer works also with thumbnails (click folder again)
« Last Edit: November 04, 2019, 07:08:07 AM by dj »

Offline Fysack

  • Tireless poster
  • ****
  • Posts: 644
  • present picture
    • View Profile
    • Admin
Re: Responsive small screen template
« Reply #84 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: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #85 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 dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #86 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: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - update
« Reply #87 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 dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template -update
« Reply #88 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 dj

  • Tireless poster
  • ****
  • Posts: 171
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #89 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 »