The "Takeback" template - A different & modern taste

[danny]

. . . Thanks for advice! I'll try them later!. . .

Was some of my notes, although you did much better on the GUI and preview. 

I'm just so very impressed to see a modernization that can:
Stream the file list in any conditions for any connection speed.
List any size folder.
Do photo-thumbnails ondemand.

I wish it did not load extra font nor extra jquery. 

But, mainly, I'm really impressed: 
Rather than reliance on ideal conditions,your Takeback template always works. 
Most modernized things can't do that.

I can hardly wait to see what the next update will bring.

[NaitLee]

I wish it did not load extra font nor extra jquery. 
...
I can hardly wait to see what the next update will bring.

Yes, here you are! See the first post to check it out!
Choose whether to use font and jQuery or not on your own! Fallbacks for them are also perfect enough.

... and, the FaikQuery is not jQuery:

Code: [Select]

// FaikQuery: WIP
function _$(querier) {
var elements = document.querySelectorAll(querier);
this.hide = this.fadeOut = this.slideUp = function () {
    elements.forEach(function(element, index) {
        element.style.display = 'none';
    });
}
this.show = this.fadeIn = this.slideDown = function () {
    elements.forEach(function(element, index) {
        element.style.display = 'block';
    });
}
}
function $(element) { return new _$(element); }It's easy & short, enjoy!

[NaitLee]

5). You could consider updating to the new login form for the [unauthorized] section so it can be used in cases where basic auth is unavailable (some phones and tablets).

Just have done that perfectly. A new update is uploaded. See the first post.

And... I tried many times to make animations in FaikQuery, but always fails. I only need something can do live show/hide animations to an element. Is there anything can do (just) this? Better with CSS3, or anyone please help me about that...

My holiday seems going to be end... Updates may not be as frequent as now...

[dj]

a little mistake in 0.12c:

Code: [Select]

<!-- Jquery is included in this HFS link -->
<script src="/js/jquery1.11.js"></script>

I only need something can do live show/hide animations to an element.

you can't animate display, but you can animate height
for fadeIn this can help

[NaitLee]

a little mistake in 0.12c:

Code: [Select]

<!-- Jquery is included in this HFS link -->
<script src="/js/jquery1.11.js"></script>you can't animate display, but you can animate height
for fadeIn this can help

Ahh, really sorry for that, but I'm doing my work really late at that "day" (4am, you may noticed that),
at that time I'm finding why my jQuery stopped working, replaced it as my local one, then ignored this problem...

I didn't even sleep yesterday, forgive my fault...

And thank you for this link , no tiring mimic to jQuery anymore!

[NaitLee]

you can't animate display, but you can animate height
for fadeIn this can help

I have successfully done the work! No jQuery anymore! See the new version!

[NaitLee]

Life comes busier and busier, and I may not here for at least half one month... As the last post before I go, I'd publish some of my plans and questions:

Going to do:

• Multi-file selection & edition of filelist page. Many templates support this.
• Reduce the data cost of loading a filelist page.
• Code structure sort. I want it be better for everyone to read, learn, and take away any function they want to their own template/webpage.

Questions:

• Which license should I use for this template? Better a free (as in freedom) one without too many limitations. Mostly the result is based on @danny 's throwback template, because my template is based on this.
• Should I make this template available on GitHub or anywhere similar?
• There are several ways for reducing data cost: Put scripts/css in file sections (as [auth.js|no log] rather than [sym-auth]), or make them as files, for caching and used by other ones. Which one should I use?
• Do I need make several skins for this template? Like which one turning this takeback to throwback again?
• Is this template compatible to HFS 2.4? I simply checked a few features on 2.4 rc4, and seems file controlling is not as stable... Maybe it's just because of my anti-virus software...

Just leave message anywhere, including mails. I'm sure I'll check them, but working hard with template seems impossible these days...

Loves,
NaitLee

[LeoNeeson]

Going to do:

• Code structure sort. I want it be better for everyone to read, learn, and take away any function they want to their own template/webpage.

Your to-do list is very good! About this last point (about giving the code a modular structure), I have one idea: make a configuration or preferences page, where users can enable or disable functions (with a checklist for each option, and where settings are saved on a cookie). For example, if some user want to disable file previewing or any other option, it could do it without touching the code. Well, it's only an idea.

• There are several ways for reducing data cost: Put scripts/css in file sections (as [auth.js|no log] rather than [sym-auth]), or make them as files, for caching and used by other ones. Which one should I use?

File sections are better, since they reduces unnecessary loading of parts that can be cached, thus making it faster.

• Do I need make several skins for this template?

If you add a settings panel, you could add the option to customize the style of your template (doing conditional loading of CSS files). Making several files only to change the skin, would lead to more confusion, since some users would download a template and not test another. But if you include all the skins on the same template, it would make things easier for the users (one template, one download, with several skins inside). Well, at least is my point of view, you have the final decision.

• Is this template compatible to HFS 2.4? I simply checked a few features on 2.4 rc4, and seems file controlling is not as stable...

Rejetto has recently labeled his 2.4 builds as 'alpha' on GitHub. Alpha software means that is still in the early testing phase. I don't know if he is following this software release life cycle or not, but alpha usually means a software could contain errors and is not mature enough (not thoroughly tested) as a stable release (like v2.3m). But I'm sure it will get better then the transition to Delphi 10 is completed.

Though it's hard in China to have an account here due to the recaptcha...

What kind of captcha is most used in China?. Could you make a list of the most popular captchas available there, that work fine in China? Perhaps (if Rejetto is interested), he could then modify the forum for use Google's reCaptcha for all the world (except China), and use another captcha for China users (detecting the country by the IP of the user). That way, he doesn't disable the captcha security, but use another captcha for China. Doing this, the chinese forum section could have more life/activity, and it could speed up the developing and testing of the Unicode thing.

• So what is the next step?

About your translation of HFS to chinese. I forgot to say that (if you have some spare time) you could also translate the default template, by simply translating the following words to chinese (you have to write the chinese translation after the "=" simbol):

Code: [Select]

[+special:strings]
HFS=HFS
Uptime=
Login=
Search=
Enable multi-selection=
Selection=
New folder=
Display timestamps=
Toggle timestamp=
Archive=
Upload=
User=
Anonymous=
Change password=
Mask=
Invert=
Delete=
Move=
Go=
Download counter:=
NEW=
Not found=
Server Too Busy=
Download limit=
Unauthorized=
Forbidden=
Time left=
Uploading=
Downloading=
Ok=
Error=
No access=
Bytes=
Password changed, you'll have to login again.=
Sorry, you lack permissions for this action=
Download these files as a single archive?=
selected=
title=HTTP File Server
folders=
files=
File=
Folder=
this folder and sub-folders=
this folder only=
entire server=
item folder=
go to root=
The server is too busy to handle your request at this time. Retry later=
max s dl msg=
Either your user name and password do not match, or you are not permitted to access this resource.=
This resource is not accessible.=
You are banned=
No file exchange in progress.=
Moving items to=
already exists=
not moved=
confirm=
Enter the destination folder=
We met the following problems:=
files were moved.=
No file was moved.=
Please enter the file mask to select=
Sort by=
Name=
Extension=
Size=
Timestamp=
Hits=
Default=
Rename=
Comment=
Sort=
uploaded by=
Uploaded=
Failed=
Queued=
created folder=
renamed=
no files=
no results=
Reload page=
More options=
Speed=
to=
Some strings may look repeated, but since they are case-sensitive, they must be written that way. You can see an example here (it's my translation to spanish). If you have any doubts, for example, for "max s dl msg" you have to translate this text "There is a limit on the number of <b>simultaneous</b> downloads on this server.<br>". You will find this (along with other examples) on the default v2.3's template, on the [+special:strings] section. That would complete 100% your translation.

Cheers,
Leo.-

[NaitLee]

I just got a good new that I can still be here for 2 days, then back here to have a look... Really thanks Leo

If you add a settings panel, you could add the option to customize the style of your template (doing conditional loading of CSS files).
...
What kind of captcha is most used in China?.
...
I forgot to say that (if you have some spare time) you could also translate the default template,
...

I would like to insert a thing to my to-do list: Ajax file searching. This will break the encode problem currently HFS have, but unable to show date & size of the search results(files).

For a settings panel, this is a great idea. Since I have done several VB6.0 applications before I know HFS, I can make such a thing outside the template easily, and it will be useful for both people here and my friends, as well as my another project...

For the captcha here, the mostly used one is dragging-a-puzzle. This is rather easier than Google's one. And there are also other ways,
more can be found at Netease YiDun, this is a captha service from China, with global ranged.
It also comes with a free trial, and seems needs money... More for it can tap on Contact Us in its page and chat directly to the service.

The strings in default template is rather few, too. I'll consider that 

[SilentPliz]

NaitLee

I've sticked your topic, and also that of the Chinese board.

[NaitLee]

About your translation of HFS to chinese. I forgot to say that (if you have some spare time) you could also translate the default template

I have just done that, and modified (added) that in my post in Chinese Board

NaitLee

I've sticked your topic, and also that of the Chinese board.

Ah, thank you!

[danny]

...Which license should I use for this template? Better a free (as in freedom) one without too many limitations. Mostly the result is based on @danny 's throwback template, because my template is based on this...

It is partially DJ's code which has BSD 2-Clause open source license.  That is compatible.  It is de-facto BSD 2-clause open source.

[danny]

When I used Takeback_Beta_0.13b, I thought that the speed is impressive. 
It is faster than Throwback13.  So, clearly, the speed is good. 
I like it! 

But, I was wondering, howabout changing the X for a model with delete, move, rename? 

[NaitLee]

I'm back! For one day!

But, I was wondering, howabout changing the X for a model with delete, move, rename?

I think I have done file action models days ago:
 Once you have permissions to these actions in your folder, you can see orange colored text menu below the "X", above the preview.
 Besides, "X" is not removed since we need hide preview frame sometimes.
Have fun!

[rejetto]

I just noticed that this template is making a lot of settings at install-time, many unnecessary and possibly unwanted by the user, and even more important it seems the user is not warned about them, while he is probably not expecting them.
I'm reporting the list here just as a reference to the reader

Code: [Select]

{.set ini|use-system-icons=no.}
{.set ini|log-progress=no.}
{.set ini|log-dump-request=no.}
{.set ini|log-only-served=yes.}
{.set ini|tray-icon-for-each-download=no.}
{.set ini|enable-fingerprints=no.}
{.set ini|send-hfs-identifier=no.}
{.set ini|support-descript.ion=no.}
{.set ini|load-single-comment-files=no.}
{.set ini|hints4newcomers=no.}
{.set ini|save-totals=no.}
{.set ini|tray-shows=ips.}
{.set ini|flash-on= .}
{.set ini|browse-localhost=no.}