rejetto forum

The "Fuh v2.0" template-Large folder view & Modern ICONS.

Poll

can U really happy

no
0 (0%)
sad
0 (0%)
Love from me
3 (100%)

Total Members Voted: 3

0 Members and 1 Guest are viewing this topic.

Offline fahad15090

  • Occasional poster
  • *
    • Posts: 18
  • Computer manage../repair,Network manage..,web des.
    • View Profile
    • My calculator webtool
This template is based on HFS 2.4 default template but with some tweaks.

1: Modern icons in png folder in zip  U can change it optimized for web imagecompressor.com/

2:Responsive with mobile support

3:fully optimized for Dark & Bright Theme

4:With icons that are based on item Extension using {switch %item ext% /switch}.

5:And many more that in previews version "fuh v1.0" http://rejetto.com/forum/index.php?topic=13368.0

6: i use my own Ico U can change in <head></head>

Github: https://github.com/fahad15090/Fuh-v2.0/releases/tag/v2.0

Note :o
png folder is inside zip , only add this folder to HFS and then Apply Theme
 if you don't add png folder to hfs first theme icons don't work
Attachment
« Last Edit: October 18, 2020, 01:21:56 PM by fahad15090 »
@ fahad


Offline José David

  • Occasional poster
  • *
    • Posts: 2
    • View Profile
Hola soy nuevo en esto me pudiera ayudar con el problema que tengo. Es q no tengo idea de por que cuando toco Change file y cambio la plantilla no me funciona la página del localhost se me queda en blanco no carga nada. Que puede ser? Espero q me puedan ayudar, gracias de antemano.


Offline LeoNeeson

  • Tireless poster
  • ****
    • Posts: 740
  • Status: On hiatus (sporadically here)
    • View Profile
    • twitter.com/LeoNeeson
Hola soy nuevo en esto me pudiera ayudar con el problema que tengo. Es q no tengo idea de por que cuando toco Change file y cambio la plantilla no me funciona la página del localhost se me queda en blanco no carga nada. Que puede ser? Espero q me puedan ayudar, gracias de antemano.
Hola! :) bienvenido al foro. Necesitaria que nos digas qué versión de HFS utilizas. Imagino que intentas utilizar el template "Fuh v2.0", cierto?. Dejo una traducción al inglés para que el resto que lea esto entienda tu mensaje (y pueda darte una mano). Saludos!



[Translated message]
Hi, I'm new to this, could someone help me with the problem I have?. I have no idea why when I touch 'Change file' (and change the template), the localhost page doesn't work, but it remains blank and it doesn't load anything. What it can be? I hope you can help me, thanks in advance.

[My translated reply]
Hi! :) welcome to the forum. I would need you to tell us which version of HFS are you using. I guess you are trying to use the "Fuh v2.0" template, right?. I'm leaving an English translation (so that the rest who read this understand your message, and can give you a hand). Cheers!


 
HFS in Spanish (HFS en Español) / How to compile HFS (Tutorial)
» Currently taking a break, until HFS v2.4 get his stable version.


Offline José David

  • Occasional poster
  • *
    • Posts: 2
    • View Profile
Gracias hermano por ayudarme. La versión que tengo de HFS es la 2.3k y la plantilla es Fuhv2.0Large.tpl. Por cierto, sabes de algún Software que compile la página en una template tpl?


Offline LeoNeeson

  • Tireless poster
  • ****
    • Posts: 740
  • Status: On hiatus (sporadically here)
    • View Profile
    • twitter.com/LeoNeeson
Gracias hermano por ayudarme. La versión que tengo de HFS es la 2.3k y la plantilla es Fuhv2.0Large.tpl.
Lamentablemente esta plantilla no funciona con la versión v2.3k (sólo funciona con la nueva versión 2.4, que puedes descargar desde aquí). De todas formas, si decides actualizar tu HFS, haz primero una copia de seguridad de tu carpeta de HFS, porque esta versión v2.4 está aún en fase de prueba (no es una versión estable).

Por cierto, sabes de algún Software que compile la página en una template tpl?
Si por "compilar" te refieres a "convertir" el diseño de una página web en un 'template' (TPL) de HFS, eso no existe. Todos los 'templates' se hacen manualmente (de forma muy laboriosa), y requieren tener un cierto conocimiento del funcionamiento interno de HFS. Por cierto, te comento que los templates de la versión 2.4 (en su mayoría) no seran compatibles con la antigua versión 2.3, porque hubo cambios sustanciales en la nueva versión.

Cualquier otra duda, aquí estoy para ayudarte.
Saludos,
Leo.-


» English note: I think part of this thread should be moved in to the Spanish forum, with a link to this related template. If you need, I can translate the Spanish message in English (just ask me, or use a translator).
HFS in Spanish (HFS en Español) / How to compile HFS (Tutorial)
» Currently taking a break, until HFS v2.4 get his stable version.


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
The Fuh 2.0 with previewing function from Takeback :D, adapted and is responsive to light-dark modes.
See attachment. Don't forget add the "png" folder from the original Fuh 2.0 archive.

Currently only normal preview is contained. Still want mini-player, thumbnails, slideshow etc.? Tell me early and I'll work for that ;)
Busy in school until late June, 2021.
Check out my template ;)


Offline fahad15090

  • Occasional poster
  • *
    • Posts: 18
  • Computer manage../repair,Network manage..,web des.
    • View Profile
    • My calculator webtool
Yes add mini player and add popup upload window with file preview like uppy.io
@ fahad


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
Successfully imported the most basic function of Uppy upload, drag & drop.
Currently it's working, but without upload result response.

Replaced the upload function of the template:
(For the Fuh 2.0 with preview, it's at line 1217.)

Code: [Select]

function upload(){
    dialog(['<div id="drag-drop-area" style="color: black; height: 12em;"></div>']);

    var css = document.createElement('link');
    css.href = 'https://transloadit.edgly.net/releases/uppy/v1.21.2/uppy.min.css';
    document.head.appendChild(css);

    var js = document.createElement('script');
    js.src = 'https://transloadit.edgly.net/releases/uppy/v1.21.2/uppy.min.js';
    document.body.appendChild(js);

    var interval = setInterval(function() {
        if (typeof Uppy == undefined) return;
        clearInterval(interval);
        var uppy = new Uppy.Core({
            id: 'uppy',
            autoProceed: true, // Default: false
            allowMultipleUploads: true,
            debug: false,
            restrictions: {
                maxFileSize: null,
                minFileSize: null,
                maxTotalFileSize: null,
                maxNumberOfFiles: null,
                minNumberOfFiles: null,
                allowedFileTypes: null
            },
            meta: {},
            onBeforeFileAdded: (currentFile, files) => currentFile,
            onBeforeUpload: (files) => {},
            locale: {},
        });
        uppy.use(Uppy.DragDrop, { target: '#drag-drop-area' });
        uppy.use(Uppy.XHRUpload, { endpoint: HFS.folder });
    }, 1000);
} //upload


Notice the last line of that function: uppy.use(Uppy.XHRUpload, { endpoint: HFS.folder });
We have no Tus in an HFS server, only XHR works :D

Uppy is a rich-feature uploader, if we only use it's drag & drop, it's not worthwhile, and we'd better create our own simple drag & drop method.
If we are going to use more features such as Google Drive file importing, we can stay at Uppy.
Seems the Google Drive file importing etc. are not a easy work to HFS and template. It needs secret key for developers and many tough things. See here.
« Last Edit: October 24, 2020, 07:34:50 AM by NaitLee »
Busy in school until late June, 2021.
Check out my template ;)


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
There comes our own drag & drop method for upload, easy and enough.
Code: [Select]

// Original upload (Select)
function uploadoriginal(event){
    $("<input type='file' name='file' multiple>").change(function(){
        var files = this.files
        if (!files.length) return
        $('#upload-panel').slideDown('fast')
        uploadQ.add(done=>
            sendFiles(files, done))
    }).click()
} //upload

// Custom DnD Upload
function upload() {
    dialog(['<div id="dndarea" style="width: 12em; height: 12em; border: 1px dashed gray;"><br /><br /><br /><br />{.!Drag & drop files to here.}<br /><br />{.!or tap to select a file.}</div>']);
    dndarea.onclick = uploadoriginal;
    dndarea.ondragover = function(event) {
        event.preventDefault();
    }
    dndarea.ondrop = function(event) {
        event.preventDefault();
        var files = event.dataTransfer.files;
        if (!files.length) return;
        $('#upload-panel').slideDown('fast');
        uploadQ.add(done=>
            sendFiles(files, done)
        );
    }
}

« Last Edit: October 24, 2020, 08:34:07 AM by NaitLee »
Busy in school until late June, 2021.
Check out my template ;)


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
Finally add music player... Perfect!

Edit: As well as m4a, mkv support for mini-player/preview.
« Last Edit: October 25, 2020, 02:54:47 AM by NaitLee »
Busy in school until late June, 2021.
Check out my template ;)


Offline fahad15090

  • Occasional poster
  • *
    • Posts: 18
  • Computer manage../repair,Network manage..,web des.
    • View Profile
    • My calculator webtool
Thanks :Naitlee contact with me i have some question? email or message
@ fahad


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
email or message

Anyone is fine. Or see my MSN messenger (that butterfly) mail address and contact me lively with Skype (If you have one) :D
MSN messenger no longer exists and got replaced by Skype.
Busy in school until late June, 2021.
Check out my template ;)


Offline fahad15090

  • Occasional poster
  • *
    • Posts: 18
  • Computer manage../repair,Network manage..,web des.
    • View Profile
    • My calculator webtool
Finally add music player... Perfect!
can you add .mkv support for video player and other audio extenion like .wav , .m4a etc
@ fahad


Offline NaitLee

  • Tireless poster
  • ****
    • Posts: 144
  • Computer brained boy
    • View Profile
can you add .mkv support for video player and other audio extenion like .wav , .m4a etc

I've updated the tpl to support mkv, m4a on-demand preview.

In the new template:
 At line 1608 you can define what kind of files to be stored to database.
 After line 1628 you can define what kind of files belong to a type. (As 4 digits of extension like '.doc' or 'docx', note that dot)
If you want more, you can add manually ;)
Busy in school until late June, 2021.
Check out my template ;)


Offline fahad15090

  • Occasional poster
  • *
    • Posts: 18
  • Computer manage../repair,Network manage..,web des.
    • View Profile
    • My calculator webtool
I've updated the tpl to support mkv, m4a on-demand preview.

In the new template:
 At line 1608 you can define what kind of files to be stored to database.
 After line 1628 you can define what kind of files belong to a type. (As 4 digits of extension like '.doc' or 'docx', note that dot)
If you want more, you can add manually ;)

I working on new Fuh 3.0 for this i add some other thing so LINE 1608,1628  u says different here
please send your contacts info (not mentioned in profile) i need some other things.
« Last Edit: October 25, 2020, 03:38:00 PM by fahad15090 »
@ fahad