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

    BOUNTY: Web GUI reprogramming

    Scheduled Pinned Locked Moved Bounties
    256 Posts 31 Posters 192.8k 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.
    • C
      Clear-Pixel
      last edited by

      A collapsible sidebar menu would be the best direction for Pfsense …. if you test drive the custom website admin side bar menu, you can get a feel of how it would improve the user experience in navigation.

      If it gets reworked a full width responsive GUI is the only direction to head in. It would give the necessary screen real estate to display a ABC design philosophy as iFloris defined. The feedback from the dash board could evolve into a very productive sophisticated visual tool.

      There are many admin template examples on themeforest.com this is just one I selected as a example.

      http://keenthemes.com/preview/metronic/index.html

      P.S.
      I would be willing to contribute some of my free time to a GUI development project. But only if the team was allowed the freedom to develop and create sophisticated visual GUI tools that Steve Jobs would be proud of.

      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
      • S
        Supermule Banned
        last edited by

        I agree!

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

          As long as it doesn't end up like Watchguard's more recent web gui, constructed entirely in flash!, then I'm all for it.
          Honestly I don't have a problem with the current gui though. I'm probably not the right person to ask.  ;)

          Steve

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

            Its about how you present the data. Its about assembling bits and piece of a puzzle to form the best visual representation of the data.

            There is obviously more data that could be displayed to the user to get a better picture of the status of whats going on. Some things would be a feature request, but the GUI would be designed to adapt to known future improvements to expand the visual representation and organization of the data.

            I'm not a security expert by no means, but I'm sure you can think of many data points which would be very helpful in completing the puzzle, or at less attempting to.

            A full width responsive GUI would give Pfsense the screen real estate to display more data to the user but in a creative way as a attempt to simplify the assembling of the puzzle.

            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

              Another nice example

              Login and password
              admin

              http://photonui.orangehilldev.com/dashboard.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
              • 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
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.