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

    BOUNTY: Web GUI reprogramming

    Scheduled Pinned Locked Moved Bounties
    256 Posts 31 Posters 195.3k 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

      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
                                      • 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
                                            • First post
                                              Last post
                                            Copyright 2025 Rubicon Communications LLC (Netgate). All rights reserved.