Responsive small screen template

[SilentPliz]

hfs.exe, hfs.events, hfs.diff.tpl... Files starting with hfs. can not be downloaded for security reasons.

hfs.diff.tpl is usable in individual real folders.

Code: [Select]

   if f.isFile() and (dlForbiddenForWholeFolder or f.isDLforbidden() or ansiStartsStr('hfs.', f.name) or ansiEndsStr('.pem', f.name)) then
      begin
      getPage('deny', data);
      exit;
      end;

[Mars]

hfs.diff.tpl

Code: [Select]

[+]
{.add to log| main section from diff template.}

[+files]
{.add to log| list section from diff template.}

[+file=link=folder]
{.add to log| item section from diff template.}
Uses this example, your log must become several lines of comments

Otherwise, in the text box of the Diff Template tab of the ROOT property, put on a single line without a carriage return the full name of the file that will be added as a diff template.

If the file with absolute path exists then it will be used,

otherwise with relative path
-  the file will be searched first from hfs.exe folder,
- and then from the resource item if this item is real folder.
- by default the line will be displayed on the web page as a string


note that if you fill the tab "Diff template" with some sections, and that there is a hfs.diff.tpl in the associated real directory, the diff.tpl will be loaded then the content of "Diff template" will be added

Code: ("DIFF Template") [Select]

[+]
{.add to log| main section from "DIFF Template".}

[+files]
{.add to log| list section from "DIFF Template".}

[+file=link=folder]
{.add to log| item section from "DIFF Template".}


Code: ("hfs.diff.tpl") [Select]

[+]
{.add to log| main section from "hfs.diff.tpl".}

[+files]
{.add to log| list section from "hfs.diff.tpl".}

[+file=link=folder]
{.add to log| item section from "hfs.diff.tpl".}

[dj]

New folder

[dj]

changelog: template works also with HFS3 (nodejs). (beta)

[dj]

changelog:

• template works also with HFS3 (nodejs). (beta)
• web-app-capable: using Chrome for Android's "Add to Home screen" menu item and have the app launch in full-screen "app mode" (add icon to root)
• sets dark mode by OS (FF and Safari, tested with FF67beta)

Lighthouse report: Performance:100, Accessibility: 93, Best Practises:93, SEO: 100

[dj]

changelog:

• autocomplete search
• searchcategorie and DnD-upload included
• darktheme (longtouch clock)
• animate clock while waiting use wait_cssonly
• removed inline script
• createthumbs addon included

Lighthouse report: Performance:100, Accessibility: 100, Best Practises:93, SEO: 100

[dj]

on upload write lastModifiedDate to comments
useful to show when photos taken
works also with HFS2.4 (on DnD upload)

update audioplayer shows nexttrack button on lock screen (chrome). Future version will also show artwork (put it in subfolder thumb).
update: add li {display:inline-block} li>img+div {display:none} to lazyimages-style to show symbols (photos) only.

[dj]

audioplayer:

• What form of clickable link allows the end user to achieve playback with your script?
  Have you seen the play button (at the end of body)?
  You can add id='menu-bar' to the element the play button should appear.
   
• the audio file downloads
  add mime types
   
• It immediately caused 5 Gigabytes of traffic
  Set var dur=0 to avoid preload (duration shows audio length)

[dj]

The audio player is working mostly well.  There's one little bug:  Starts playing in the middle of a file, which happens if: 1). play the folder, 2). refresh, 3). play the folder again.

it's not a bug, it's a feature. It later remembers last playing position.
But on shuffle play it's make no sense (I disabled it on shuffle play)

changelog:

• fixed Starts playing in the middle of a file on shuffleplay
• add sleep timer in s  ?300
• added repeat to the editable vars (update @danny: set it to true)

[bmartino1]

Yes, it's true. I'm glad you also found this error. I've already reported that "hfs.diff.tpl" doesn't work on root HERE, but I didn't get any reply about it. The normal behavior is that "hfs.diff.tpl" should work on root too. I hope Rejetto get attention to this.

looks like you guys may have already answered or solved it. ive foi d that if you dont bind folder to root.

so hfs main directory tree 8s set to a primary folder and dif tpl is i  that folder.

[dj]

That works much better!   Only problem is that it stopped playing at the end of the playlist (you wouldn't want an internet radio that stops).  Can we get a playlist-repeat?

added repeat to the editable vars (update @danny: set it to true)

[dj]

you can try my other pictureviewer
It uses the same window. Click the X (in the right top corner) to return to filelist

[dj]

I'd like to try your lazyimages with picviewer_addon in Throwback-XM2.

I recommend to use native lazy loading
Simply add loading="lazy" to the image tag
It will work in future browser versions

P.S.
the pictureviewer.zip works,
if you add id="files" to the table tag (with %list%)

update: pictureviewer works also with mobil-light_4.6 (set compatible=1)

FAQ pictureviewer:
click on image icon, next pic click on pic, close click on X
previous pic click on left side of pic (fullscreen click on left side of first pic (exit=Esc))

[dj]

Can't find the X.  How do I close the slideshow?

fixed need to scroll to find X, added background shadow for better visibility

Need image Centered on PC screen (not far left)
Need 50%transparent gray (or black) background for slideshow

Code: [Select]

top:50%; left:50%; transform:translate(-50%,-50%)

Perhaps click bottom edge of photo to begin 7 seconds automated advance slideshow? Would be nice, but I can't find the controls.

longtouch (rightclick) on image to start slideshow

[dj]

Longtouch method isn't really PC compatible

longtouch=rightclick
but feel free to put the mod.oncontextmenu function to a another control like ▶