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

0 Members and 2 Guests are viewing this topic.

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #45 on: April 08, 2019, 08:47:57 AM »
At least on Chrome 30, the problem continues

I tried it with chromium 30 and I found, when you in windows explorer copy hfs.diff.tpl in your root, it don't work (it doesn't load hfs.diff.tpl),
but when you in hfs copy the code from hfs.diff.tpl to properties-diff template it works :)
I don't know why.


« Last Edit: April 20, 2019, 04:24:22 AM by dj »

Offline LeoNeeson

  • Tireless poster
  • ****
  • Posts: 579
  • Solitario...
    • View Profile
    • twitter.com/LeoNeeson
Re: Responsive small screen template
« Reply #46 on: April 10, 2019, 11:40:00 AM »
I tried it with chromium 30 and I found, when you in windows explorer copy hfs.diff.tpl in your root, it don't work (it doesn't load hfs.diff.tpl),
but when you in hfs copy the code from hfs.diff.tpl to properties-diff template it works :)
I don't know why.
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.
HFS in Spanish (HFS en Español) / How to compile HFS (Tutorial)
• I'm open to help and share any file you may need (just ask me) ;)

Offline SilentPliz

  • Operator
  • Tireless poster
  • *****
  • Posts: 1232
  • ....... chut ! shh!
    • View Profile
Re: Responsive small screen template
« Reply #47 on: April 10, 2019, 06:44:08 PM »
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;
« Last Edit: April 10, 2019, 07:23:24 PM by SilentPliz »

Offline Mars

  • Operator
  • Tireless poster
  • *****
  • Posts: 1878
    • View Profile
Re: Responsive small screen template
« Reply #48 on: April 12, 2019, 05:30:16 AM »
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".}
« Last Edit: April 13, 2019, 12:47:06 AM by Mars »

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #49 on: April 13, 2019, 09:19:18 AM »
New folder
« Last Edit: April 18, 2019, 05:22:02 AM by dj »

Follow members gave a thank to your post:


Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - update
« Reply #50 on: April 20, 2019, 01:56:15 PM »
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
« Last Edit: April 28, 2019, 06:08:03 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template
« Reply #51 on: April 29, 2019, 02:32:08 PM »
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
« Last Edit: May 16, 2019, 04:57:02 PM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - addon
« Reply #52 on: May 19, 2019, 08:42:41 AM »
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.
« Last Edit: June 21, 2019, 09:23:11 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - FAQ
« Reply #53 on: June 12, 2019, 04:03:29 AM »
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)
« Last Edit: June 12, 2019, 10:07:05 AM by dj »

Follow members gave a thank to your post:


Offline danny

  • Occasional poster
  • *
  • Posts: 98
    • View Profile
    • Startfetch
audio
« Reply #54 on: June 22, 2019, 08:18:37 AM »
@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. 


One other thing--I forgot to mention that it is preferable if a shuffle player repeats playlist, until the user stops it, very similar to an internet radio's function. 
« Last Edit: June 24, 2019, 04:22:28 AM by danny »
Production/stable template located at: First post in the Throwback thread.

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - audioplayer
« Reply #55 on: June 22, 2019, 10:23:06 AM »
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)
« Last Edit: June 25, 2019, 02:43:46 AM by dj »

Follow members gave a thank to your post:


Offline bmartino1

  • Tireless poster
  • ****
  • Posts: 849
  • I'm only trying to help i mean no offense.
    • View Profile
    • My HFS Google Drive Shared Link
Re: Responsive small screen template
« Reply #56 on: June 22, 2019, 10:03:02 PM »
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.
I'm only trying to help i mean no offense.
thank you for your time and patience,
Bmartino1

Offline danny

  • Occasional poster
  • *
  • Posts: 98
    • View Profile
    • Startfetch
Re: Responsive small screen template - audioplayer
« Reply #57 on: June 24, 2019, 01:25:57 PM »
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
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? 

Production/stable template located at: First post in the Throwback thread.

Offline dj

  • Tireless poster
  • ****
  • Posts: 123
  • 👣 🐾
    • View Profile
    • PWAs
Re: Responsive small screen template - audioplayer
« Reply #58 on: June 26, 2019, 05:07:30 AM »
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)

Follow members gave a thank to your post:


Offline danny

  • Occasional poster
  • *
  • Posts: 98
    • View Profile
    • Startfetch
Re: Responsive small screen template - audioplayer
« Reply #59 on: June 26, 2019, 05:33:01 PM »
added repeat to the editable vars (update @danny: set it to true)
While getting things done about the house, I noticed the shuffle playlist automatically repeat.  This works perfectly!

I had used it with my little amplifier https://www.ebay.com/itm/112323747087? with a spare 19v laptop power pack and a couple of old fashioned big size speakers (as tall as a desk, 12" woofer), which made good use of the 7 watts.  This is clear, so one works for many rooms.

Paradigm shift:  All other media players have an initial load-media step.  However, HFS+DJ's music player begins with the media already loaded, so it plays straightaway, with just one mouse-click.  That is elegant. 
Production/stable template located at: First post in the Throwback thread.