BOUNTY: Web GUI reprogramming

charlie0440

@jmelett and anyone else who wants to help. I revisited the twitter bootstrap theme today. I nearly have it sussed. Menus are working properly and are responsive. The only issue is that some tables are spilling over the window width. If someone wants to sort it out and fix it fork my repo branch newTheme:

https://github.com/CharlieMarshall/pfsense/tree/newTheme

Otherwise when I get some time I will look into it some more

kelsen

Hi @charlie0440, I've done some changes on your theme, take a look http://forum.pfsense.org/index.php/topic,67167.0.html

iFloris

@kelsen:

Hi @charlie0440, I've done some changes on your theme, take a look http://forum.pfsense.org/index.php/topic,67167.0.html

Looks really interesting!

charlie0440

yeah that looks sweet. I haven't had time to visit the theme I started. Is it working ie being responsive? I believe mine had an issue with the "Edit File page" & the "command page". Are you seeing these?

c0urier

Looks really good - Will you share it with us?

kelsen

@charlie0440:

I believe mine had an issue with the "Edit File page" & the "command page". Are you seeing these?

I still had not seen, "File Edit page" really had an issue, but is resolved.
@charlie0440:

Is it working ie being responsive?

I didn't saw much difference, maybe my computer is too weak to feel the difference.
@c0urier:

Looks really good - Will you share it with us?

Sure I will, just making some repairs like the one that @charlie0440 pointed.

charlie0440

can you commit your work to github so we can see/add to it

kelsen

here it is https://github.com/kelsen/pfsense .. I don't know how to work well with github, if something is wrong or missing, forgive me.

iFloris

@kelsen:

here it is https://github.com/kelsen/pfsense .. I don't know how to work well with github, if something is wrong or missing, forgive me.

thanks!

kelsen

Hey guys, i'd like to know if someone tested this new interface, I've added the slide menu effect right now.

c0urier

I tested it shortly but reverted back to the widescreen theme.

Is it possible for you to add the possibility of using several boxes besides each other like in the widescreen package?

kelsen

@c0urier:

I tested it shortly but reverted back to the widescreen theme.

Is it possible for you to add the possibility of using several boxes besides each other like in the widescreen package?

I think @charlie0440 already did it, perhaps he can pull it to my github repository.

charlie0440

yes I could add that. But really you should sort out your github, its really hard to see what you've done. I know you said your new to it, so heres what you should do:

First Delete your existing pfsense repo from github.

Second you need to fork a repo. Either pfsense master or one of my branches if thats what you've based your work on.

Assuming your cloning pfsense master go to https://github.com/pfsense/pfsense and click "Fork" this will create a pfsense repo for you. If you use mine click fork from my github webpage. This creates a copy of the repo for you to amend.

Now clone this repo to your PC ie git clone https://github.com/kelsen/pfsense.git

cd into the pfsense folder

Switch to a branch you based your work on via 'git checkout BRANCHNAME'

make a new branch to commit your changes to (git checkout -b myTheme). You shouldn't use master, master should emulate the fork.

Now edit the files that you have made. git add those files, commit them & push the files you changed (git push origin myTheme). Ideally use informative commit messages when you make commits, I like to make small commits, but your free to do as you like.

If you get that done. I'll add multiple columns.

Good luck

kelsen

Thank you for your tips.
I'll do that tomorrow.

iFloris

@kelsen:

Hey guys, i'd like to know if someone tested this new interface, I've added the slide menu effect right now.

yesterday I tried to get it working but I found it hard to see what files needed to be replaced. Might give it a shot again next week because it sure looks great in your screenshots.

kelsen

I've made the changes to my repository https://github.com/kelsen/pfsense/tree/metrolabTheme it must be easier now.

Clear-Pixel

Anyone testing the Metrolab Theme?

If so, any bugs?

JeGr

I'd really like to test, but as with the GIT repository I'm not quite sure, how to install it right (and to only install the theme without any unnecessary parts). It would be a real blast, if that could be packaged and installed via the package manager…

iFloris

@JeGr you only have to look at the modified dates; everything modified yesterday (mostly in /usr/www) is related to the new theme.

JeGr

Yeah, the "mostly" is where it's going to blast. I really like git. But it's just not "practical" for me to go through your repository to cherry pick files i hope will be the right ones. I don't even know if the theme required changes to other templates or files outside of /usr/www, so sorry, that's just not usable for me while not developing on the project myself and having a GIT clone of my own I can check against. If you could provide an archive with the required files against a default 2.1-release installation base, I'll be happy to test them on my lab devices, as the theme(s) in this thread look really promising and awesome ;) but I don't have the time to copy and select single files, sorry :)

That's why I was hoping it could perhaps be done with a package installation routine.