BOUNTY: Web GUI reprogramming

[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.

[Clear-Pixel]

I have to say also its not efficient at all for everyone that wishes to test, have to pick through the files on Git and hope everything is in order.

What the creator could do for the time being is simply place the files which have been modified in a zip file and upload it to a drop box somewhere …... the tester than can upload and overwrite the files in pfsense in the appropriate directory's.

If a zip is prepared I will do some testing before I do a fresh reinstall of Pfsense in a few weeks.

I would also like to give a wise suggestion to charlie0440 and Kelsen ...... You two need to work together and merge your creations together even on Git ...... If your looking for recognition you have it ......  but merge the branches ....... A Team can achieve so much more working together.

Linux is a good example of similar problems ....... If Linux had not branched out into so many distributions, Linux distributions would be much further ahead today than what they are now.

[charlie0440]

@Clear-Pixel

I agree a zip is best for testing but we also need github to see what has been changed.

In regards to working together, I believe we are after 2 different things. I was not working on a nice looking fancy theme (that was the original goal). I moved my goal to trying to figure out a way to integrate bootstrap into pfsense existing GUI without breaking the existing themes. Which is where I believe I have hit a brick wall. It works fine (my version) but to make it better would mean editing a lot of the existing code which would probably effect the other themes, I hope to revisit it soon, been really busy recently.

I haven't tested or properly looked at Kelsen code but I'm pretty sure it breaks the other themes. Perhaps Kelsen or someone who has tried it can confirm? Also I suggested a few posts back that he forked one of my branches from my repo as it would make the most sense as he was working off of my theme, but he choose pfsense master.

[kelsen]

Here is the files needed https://www.dropbox.com/s/24c2wv45mdk769w/metrolab.tar.gz and a script to automate the process https://www.dropbox.com/s/7448ymuughld7f9/theme.sh …
Uncompress and run the script.
As it is unproductive, please note the repository for updates.

I haven't tested or properly looked at Kelsen code but I'm pretty sure it breaks the other themes. Perhaps Kelsen or someone who has tried it can confirm?

Completely!

Also I suggested a few posts back that he forked one of my branches from my repo as it would make the most sense as he was working off of my theme, but he choose pfsense master.

This implies something? Maybe I can do it again and fork your branch, if it's needed.

[JeGr]

Thanks, I'll gladly try it on a lab-installation

[Clear-Pixel]

@kelsen & charlie0440
Forget about the issue that it breaks the other themes for now ….. Make Metro the new Modern Standard.

---

@charlie0440
Your script adding and subtracting column rows

&

@kelsen
Tweeter boot strap with vertical expandable menu

With both combined why would you want any other theme? The tweeter boot strap kelsen setup you can change the color theme.

In the majority of all cases the most productive menus are the expanding vertical side menu ...... you cant defeat hard facts.

If this can be accomplished set it up as a package. If the user wishes to convert back to the standard Pfsense themes ....... have the package upon installing to backup the original Pfsense files and a restore button to remove the custom Metro theme and reinstall the original Pfsense files if the user has issues.