Consider replacing custom styles with bootstrap

[ghost]

Hello @maraf,

Do you require assistance with this? I can add a basic bootstrap 4 vanilla theme to FileUpload.

[maraf]

@nicotravassos What do mean by vanilla theme? If it's some additional theme to bootstrap, can you provide a link with preview?

[ghost]

🙈 😆 Ignore the vanilla part, all I meant was plain or basic clean theme.

[maraf]

Ok them, if your are interested in another PR, I would like it.

It may be a bit of work here, because there is the need to rewrite current UI to be compatible with the bootstrap.

[ghost]

Thanks @maraf, this should not take me long.

[maraf]

Are you familiar with the LibMan? I would like you to use it for installation of bootstrap.

[ghost]

Yap @maraf, will be using LibMan.

[ghost]

Hello @maraf,

Work in progress simple and clean.

[maraf]

Looks good @nicotravassos! Just few thoughts,

• I would like profiles to remain horizontal, right of File Manager header.
• I like the svg image with file icons.
• What is the right-bottom box?
• And how it looks on mobile?

[maraf]

@nicotravassos The modified at column has really sorting buttons?

[ghost]

Thanks @maraf,

• I would like profiles to remain horizontal, right of File Manager header.

I will change this to remain horizontal, right of File Manager header just thought if a user was going to add 20 profiles its going to start looking horrible.

• I like the svg image with file icons.

SVG is back where it was 👍 .

• What is the right-bottom box?

The right bottom box is filter where one can filter between modified dates and search file by name would you like me to remove it.

• And how it looks on mobile?

No issues with mobile will show you screen shot when implementation is done.

The modified at column has really sorting buttons?

Yes it does, would you like me to remove it?

[maraf]

I will change this to remain horizontal, right of File Manager header just thought if a user was going to add 20 profiles its going to start looking horrible.

There could be some breakpoint in the future "count(profiles) < 20 than 'horizontal' else 'vertical on the left'", but I would not bother with it right now.

The right bottom box is filter where one can filter between modified dates and search file by name would you like me to remove it.

I'm not sure. Filter is useful, but I would like a bit more minimalistic. I saw some table-header integrated filtering plugins for bootstrap. Something like than would be cool.

Yes it does, would you like me to remove it?

It's awesome! I wanted to implement it in #25. Is there a way to persist it in a cookie? So that after page reload, the ordering will remain. When we store it in a cookie, server-side rendering could also read it. If it's not so easy, leave it for separate issue #25.

Thanks a lot for the job you have already done!

[ghost]

When we store it in a cookie, server-side rendering could also read it. If it's not so easy, leave it for separate issue

Will look into this tomorrow sounds simple.

[ghost]

Hello @maraf,

I will commit my code on Sunday need to focus on another project this week.

[maraf]

@nicotravassos no problem.

[maraf]

Hi @nicotravassos. It's been a while. Are you coming back to this or do you have another work to be done? Let me know, please.

[maraf]

I'm going to postpone this one...

[ghost]

Hi @maraf,

I do apologize for the delay on this. I have been working on another clients website and have been focused on my studies so this project has slipped my mind. Please allow me to commit something during next week latest Wednesday, 13th of March.

[maraf]

No problem @nicotravassos. When you have something ready, feel free to submit a PR.

[ghost]

👍 Cool

[ghost]

Hi @maraf,

I am writing a similar project to this but more of an archiving mechanism but its written in php. The design is similar to this one and in bootstrap when I am done Il make you template to integrate please dont hold back on updates on this project continue with backend.

[maraf]

Ok