Netgate Discussion Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    • Register
    • Login

    BOUNTY: Web GUI reprogramming

    Scheduled Pinned Locked Moved Bounties
    256 Posts 31 Posters 173.2k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Supermule Banned
      last edited by

      Best so far!

      Could end up beeing very nice!

      @Clear-Pixel:

      Another nice example

      Login and password
      admin

      http://photonui.orangehilldev.com/dashboard.php

      1 Reply Last reply Reply Quote 0
      • E
        eri--
        last edited by

        Should this be moved to general topics?

        1 Reply Last reply Reply Quote 0
        • C
          Clear-Pixel
          last edited by

          Last Example

          http://mosaicpro.biz/adminplus/php/

          HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
          Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
          Single Ethernet Port - VLAN
          Cisco SG300 10-port Gigabit Managed Switch
          Cisco DPC3008 Cable Modem  30/4 Mbps
          Pfsense 2.1-RELEASE (amd64)
          –------------------------------------------------------------
          Total Network Power Consumption - 29 Watts

          1 Reply Last reply Reply Quote 0
          • D
            ddggttff3
            last edited by

            @Clear-Pixel:

            Last Example

            http://mosaicpro.biz/adminplus/php/

            Im sorry, but that is just beautiful… id kill for a nice GUI like that.

            1 Reply Last reply Reply Quote 0
            • S
              Supermule Banned
              last edited by

              Imagine how nice it would be at a 100% width…!

              1 Reply Last reply Reply Quote 0
              • K
                kindle
                last edited by

                @Supermule:

                Inspired by this thread http://forum.pfsense.org/index.php/topic,48107.msg253688.html#msg253688

                I will start with contributing with 50$.

                This is partly aimed at Craymore….:) Now we will see if he wants to.

                I would donate to this wonderful cause  ;D

                @ermal:

                Should this be moved to general topics?

                I would think so, since it would definitely get more attention. Probably removing BOUNTY from the subject line would also be appropriate.

                @Supermule:

                Imagine how nice it would be at a 100% width…!

                If you select fluid layout at the bottom of that page it will show a full screen layout.

                Can't really complain about the pfsense webui since it's better than most I've seen. Although something like what is being suggested would be mind blowing.

                1 Reply Last reply Reply Quote 0
                • C
                  Clear-Pixel
                  last edited by

                  I have to say I like the last example best http://mosaicpro.biz/adminplus/php/ it's based on tweeter boot strap … and fully responsive ... if the cash would flow it could be reality.

                  HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                  Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                  Single Ethernet Port - VLAN
                  Cisco SG300 10-port Gigabit Managed Switch
                  Cisco DPC3008 Cable Modem  30/4 Mbps
                  Pfsense 2.1-RELEASE (amd64)
                  –------------------------------------------------------------
                  Total Network Power Consumption - 29 Watts

                  1 Reply Last reply Reply Quote 0
                  • C
                    Clear-Pixel
                    last edited by

                    @jimp, cmb, ermal
                    Is it possible based on the way pfsense is coded/structured that GUI modifications could be distributed as a plugin?

                    If so, I would consider looking a bit deeper into the existing GUI structure to get a better idea of what would be required.

                    HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                    Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                    Single Ethernet Port - VLAN
                    Cisco SG300 10-port Gigabit Managed Switch
                    Cisco DPC3008 Cable Modem  30/4 Mbps
                    Pfsense 2.1-RELEASE (amd64)
                    –------------------------------------------------------------
                    Total Network Power Consumption - 29 Watts

                    1 Reply Last reply Reply Quote 0
                    • X
                      xbipin
                      last edited by

                      this is too good, would love to donate $$ to see such a interface

                      earlier i said $10 but increase it to $50 if this can be done

                      1 Reply Last reply Reply Quote 0
                      • C
                        Clear-Pixel
                        last edited by

                        Looking at the code structure last night for about 20 min. I'm afraid it would be to daunting of a task for just one person on the short term. There are at less a hundred files that would have to be HEAVILY modified. I'm thinking some if not all of the java/php/html code would have to be rewritten. Just a quick guess, there may be 100,000 to 150,000 lines of java/php/html code to review and rewrite.

                        Real world cost would be somewhere in the range of $3 to $6 per line of code…. $50 bucks for a rewrite at min would get ya 16 lines :D
                        Its not impossible to get this done.....There could be a model setup to help fund or a pay model to reward the programmers for there Huge contribution.

                        I will look at the code more at a later date... :-\

                        HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                        Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                        Single Ethernet Port - VLAN
                        Cisco SG300 10-port Gigabit Managed Switch
                        Cisco DPC3008 Cable Modem  30/4 Mbps
                        Pfsense 2.1-RELEASE (amd64)
                        –------------------------------------------------------------
                        Total Network Power Consumption - 29 Watts

                        1 Reply Last reply Reply Quote 0
                        • stephenw10S
                          stephenw10 Netgate Administrator
                          last edited by

                          @Clear-Pixel:

                          100,000 to 150,000 lines …. somewhere in the range of $3 to $6 per line

                          Ouch!

                          As pretty as those pages are I'm sure they would actually help me get anything done faster or more accurately. I am also concerned about introducing extra load to ether the client or server simply to add some animated buttons.  ;)

                          Steve

                          1 Reply Last reply Reply Quote 0
                          • C
                            Clear-Pixel
                            last edited by

                            Its not about animation … it is formatting and presenting data in a informative efficient manner.

                            Take this sight for example .... this is animation :D
                            http://www.bombshellmanual.com/bombshell.swf
                            Site looks like my gf bedroom floor.... :D

                            This design is rather disturbing :o
                            http://bierzto.pl/administrator/teacup-pigs-full-grown&page=3

                            HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                            Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                            Single Ethernet Port - VLAN
                            Cisco SG300 10-port Gigabit Managed Switch
                            Cisco DPC3008 Cable Modem  30/4 Mbps
                            Pfsense 2.1-RELEASE (amd64)
                            –------------------------------------------------------------
                            Total Network Power Consumption - 29 Watts

                            1 Reply Last reply Reply Quote 0
                            • stephenw10S
                              stephenw10 Netgate Administrator
                              last edited by

                              Probably best to avoid anything like that!  ::)

                              Steve

                              1 Reply Last reply Reply Quote 0
                              • X
                                xbipin
                                last edited by

                                u could take the current skin system and simply create a new skin for a start and then later on we could add the reprogramming for adding more functionality, this way u dont need to do 150k lines

                                1 Reply Last reply Reply Quote 0
                                • S
                                  Supermule Banned
                                  last edited by

                                  It would be a page who will integrate the current items, no more.

                                  But made in a modern design that allows for adaptation to different resolutions and widths.

                                  1 Reply Last reply Reply Quote 0
                                  • X
                                    xbipin
                                    last edited by

                                    @Supermule:

                                    It would be a page who will integrate the current items, no more.

                                    But made in a modern design that allows for adaptation to different resolutions and widths.

                                    +1, all resolutions and widths is what every1 needs and a better looking design with not so much red color  ;D

                                    1 Reply Last reply Reply Quote 0
                                    • stephenw10S
                                      stephenw10 Netgate Administrator
                                      last edited by

                                      If you wanted to do something like this as a package I would imagine it running along side the existing interface rather than replacing it. In the OpenWRT project a similar thing happened some years ago when a small group of developers wanted more GUI control. They created the WebIF² package. It no longer exists because the main webgui caught up with them (it was merged?  :-).
                                      http://www.x-wrt.org/

                                      Steve

                                      1 Reply Last reply Reply Quote 0
                                      • C
                                        charlie0440
                                        last edited by

                                        I read this thread today and learnt about stuff I had never heard of ie Twitter bootstrap. This intrigued me…

                                        I am NOT a web developer but after 10 mins on the simplest looking pfsense page I managed to make a responsive arp page. Its not much to look at but I was able to pretty much copy and paste the existing php code into the bootstrap copy template I had made to make it work ie no amendments were made to the code (just removed the menus, themes etc).

                                        Screenshots > http://imgur.com/a/s8jKs#1

                                        So the page title is being pulled from pfsense, as is the arp table but I haven't looked at importing the menu yet!

                                        I'm gonna have a play tomorrow night and see what I can do.

                                        Edit: figured out the menus they are imported and working fine

                                        1 Reply Last reply Reply Quote 0
                                        • C
                                          Clear-Pixel
                                          last edited by

                                          Not to bad charlie0440

                                          Menu would be a great starting point but would require some jquery modifications for the menu controls. Most likely it would run into much more work than it seems to make everything work in harmony.

                                          Take a look at the http://mosaicpro.biz/adminplus/php/ template if you haven't already ….. very sweet side menu layout. Be sure to check out the layout options in left bottom corner.

                                          The standard Pfsense Theme option under System: General Setup might be the best one suited since it's already setup as a side menu.

                                          Need some help give me a ring...

                                          Here is one example method of a truly responsive table. There are other ways of doing it, but this is just a popular way of handling tables.

                                          ![responsive table.jpg](/public/imported_attachments/1/responsive table.jpg)
                                          ![responsive table.jpg_thumb](/public/imported_attachments/1/responsive table.jpg_thumb)

                                          HP EliteBook 2530p Laptop - Core2 Duo SL9600 @ 2.13Ghz - 4 GB Ram -128GB SSD
                                          Atheros Mini PCI-E as Access Point (AR5BXB63H/AR5007EG/AR2425)
                                          Single Ethernet Port - VLAN
                                          Cisco SG300 10-port Gigabit Managed Switch
                                          Cisco DPC3008 Cable Modem  30/4 Mbps
                                          Pfsense 2.1-RELEASE (amd64)
                                          –------------------------------------------------------------
                                          Total Network Power Consumption - 29 Watts

                                          1 Reply Last reply Reply Quote 0
                                          • C
                                            charlie0440
                                            last edited by

                                            Maybe I missed something but the menu works with minimal changes made (sorted it after my screenshots).

                                            Im gonna start afresh tonight and make a decent attempt.

                                            Do you have some links to good examples (source code) not images. I'm more of a hack some code together then write from scratch.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.