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

0 Members and 1 Guest are viewing this topic.

Offline dj

  • Tireless poster
  • ****
  • Posts: 112
  • 👣 🐾
    • 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: 1230
  • ....... 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: 1876
    • 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: 112
  • 👣 🐾
    • 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: 112
  • 👣 🐾
    • 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: 112
  • 👣 🐾
    • 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: 112
  • 👣 🐾
    • 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>div {display:none} to lazyimages-style to show symbols (photos) only.
« Last Edit: June 10, 2019, 07:37:10 AM by dj »

Offline dj

  • Tireless poster
  • ****
  • Posts: 112
  • 👣 🐾
    • 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: