New theme [FLight]

Want to share your OpenWrt / Gargoyle knowledge? Implemented a new feature? Let us know here.

Moderator: Moderators

fifonik
Posts: 124
Joined: Fri Dec 02, 2016 3:52 am
Location: Brisbane, AU

New theme [FLight]

Post by fifonik »

While I'm trying to find a way to put gui_overhaul on my test router I've created a new FLight theme.
It is based on Light theme but heavily modified internally, uses slightly different layout (header above the left menu so a bit move vertical space available for content) and uses form elements styles similar to bootstrap css.
It is for modern browsers only (should work in modern Firefox/Chrome and IE11. I've checked it in chromium based Vivaldi, Firefox 50.02, Firefox based Palemoon 27 and IE11).

Here are a few screenshots:
https://www.dropbox.com/s/l9hca2dn6aqgc ... n.png?dl=1
https://www.dropbox.com/s/hrg0x62jfqv3d ... s.png?dl=1
https://www.dropbox.com/s/camp07ggyh5kk ... e.png?dl=1
https://www.dropbox.com/s/3xpbxef2bb0wl ... d.png?dl=1
https://www.dropbox.com/s/16fwq2tehgncz ... s.png?dl=1

Would you like I make the theme available for others? (may be you do not care about old gus as you are forking on gui_overhaul atm)

If you'd like I publish the theme, could you advice what is the "right way" to make the theme available? Should I upload zip archive somewhere? Should I create a new project on github? Should I make PR on github for gargoyle project?

Thanks.

P.S.
Archive with css files + images you can download here:
https://www.dropbox.com/s/tm5pnuk2q5z1w ... t.zip?dl=1
Last edited by fifonik on Sun Dec 11, 2016 3:38 am, edited 2 times in total.

Lantis
Moderator
Posts: 6753
Joined: Mon Jan 05, 2015 5:33 am
Location: Australia

Re: New theme [FLight]

Post by Lantis »

If you'd like to port the theme onto the new GUI layout then by all means I'd love to pull it into the code repository.
However, I don't see a large benefit in creating new themes under the old layout at this time.
http://lantisproject.com/downloads/gargoyle_ispyisail.php for the latest releases
Please be respectful when posting. I do this in my free time on a volunteer basis.

fifonik
Posts: 124
Joined: Fri Dec 02, 2016 3:52 am
Location: Brisbane, AU

Re: New theme [FLight]

Post by fifonik »

I understant that support of old code is kind of wasting of time.

I will definitely port it to the new gui, however at this stage I just cannot add the new gui to my router (I could not find information how to do this).

So for now I just uploaded the zip archive with the theme to dropbox.
Here you are:
https://www.dropbox.com/s/tm5pnuk2q5z1w ... t.zip?dl=1

P.S. I modified your gargoyle image in my theme. Let me know if I should not do that.

Lantis
Moderator
Posts: 6753
Joined: Mon Jan 05, 2015 5:33 am
Location: Australia

Re: New theme [FLight]

Post by Lantis »

The quickest way is to rebuild the firmware with the new GUI code
http://lantisproject.com/downloads/gargoyle_ispyisail.php for the latest releases
Please be respectful when posting. I do this in my free time on a volunteer basis.

fifonik
Posts: 124
Joined: Fri Dec 02, 2016 3:52 am
Location: Brisbane, AU

Re: New theme [FLight]

Post by fifonik »

Thanks.
Unfortunately, building it is a bit too hard for me so I have the only choice to wait when it will be released.

However, I've checked the sources of your new gui_overhaul branch and found that you started to use bootstrap styles in it. This is exactly what I tried to achieve in my theme (as a web developer I'm using use bootstrap styles on everyday basis and I like it).
So most probably my theme will not be needed at all.

fifonik
Posts: 124
Joined: Fri Dec 02, 2016 3:52 am
Location: Brisbane, AU

Re: New theme [FLight]

Post by fifonik »

Finally, I was able to build gui_overhaul, installed it onto my test WRT610 router and played with the new UI.

I think, at this stage the new UI is not ready for release yet (too many glitches and unpolished things imho).
I'd like to modify my theme for the new UI, however I do not know where to start as there is no 'Themes' page there. Old themes available on 'Plugins' page but when installed the 'Themes' page is not appeared.

My another concern: as I see quite a few unpolished things looks like the new UI's html can be modified quite a lot in the nearest future so it will be a bit tricky to build theme in such situation.

P.S. As I installed 1.9.x on my new Archer C7 and started to use it I fixed a few things in my theme and updated zip-archive on dropbox (the link in my first post).

tapper
Moderator
Posts: 1076
Joined: Sun Oct 13, 2013 5:49 pm
Location: Stoke-on-trent UK

Re: New theme [FLight]

Post by tapper »

Hi there mate :)

Just encase you don't get an answer off the guys. I just wanted to let you know some work is being dun now on updating the forum to stop all the spam, but i am sure that work on the gui update will resume shortly.

Thanks for playing around with the code. Have you tried making a PR on github?
https://github.com/ericpaulbishop/gargoyle
Linksys WRT3200ACM
NETGEAR Nighthawk R7800
NETGEAR R6260

Lantis
Moderator
Posts: 6753
Joined: Mon Jan 05, 2015 5:33 am
Location: Australia

Re: New theme [FLight]

Post by Lantis »

What version of the code did you base your build off?
I did the final major change yesterday.

I'd be happy to take a list of any bugs/concerns you might find.

All themes haven't been converted yet. The criteria for a theme to show up in the menu is it must have a theme.css file.
If you manually navigate to http://192.168.1.1/themes.sh you can still see themes that aren't compatible but installed.
http://lantisproject.com/downloads/gargoyle_ispyisail.php for the latest releases
Please be respectful when posting. I do this in my free time on a volunteer basis.

fifonik
Posts: 124
Joined: Fri Dec 02, 2016 3:52 am
Location: Brisbane, AU

Re: New theme [FLight]

Post by fifonik »

Lantis wrote:What version of the code did you base your build off?
1.9.X (Built 20161229-0007 git@99389a9)
Lantis wrote:I'd be happy to take a list of any bugs/concerns you might find.
I'll let you know on when I found anything major.
Lantis wrote:If you manually navigate to http://192.168.1.1/themes.sh you can still see themes that aren't compatible but installed.
Silly me. I could try it myself.
Thanks. I'll start to migrate the theme to the new UI.

d3fz
Posts: 277
Joined: Sun Aug 28, 2016 7:34 pm

Re: New theme [FLight]

Post by d3fz »

Is there a "quick way" to give the new GUI a try ?

I mess a lot with WinSCP in my router, so i'm pretty comfortable with the files/system structure. I'd rather manually try the new gui, by moving/replacing all the necessary files, than flash the whole thing and lose all my settings. Is that possible ?

I'm following the lastest GUI changes on GitHub, so i could easily download the latest *.sh pages/files, and test them on my router.

Although, since "gargoyle_header_footer.c" was also heavily modified and needs to be compiled, i think it's the only necessary/remaining file that is keeping me from get it working. I have no idea on how to make a build and my laptop is pretty slow.

My question is, is that file compiled according to the router model, or can i get it from you guys, for example ?

I'm more than willing to help with the new GUI (bug reports & suggestions), since i'm also working on a theme that i would like to eventually convert to Bootstrap.

Here are some random screenshots:
Image
Image
Image
Image
Image

Hope you guys can help me,

Thank you.
TP-Link Archer C7 v2 - Gargoyle 1.12.X
TP-Link WR842ND v2 - Gargoyle 1.10.X
TP-Link RE450 AC v2 - Stock FW 1.0.4
TP-Link WA850RE v1.2 - LEDE 17.01.1

Post Reply