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

    BOUNTY: Web GUI reprogramming

    Scheduled Pinned Locked Moved Bounties
    256 Posts 31 Posters 194.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.
    • S
      Supermule Banned
      last edited by

      Looks good but more columns are needed, they dont have to be wider…

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

        @Supermule:

        Looks good but more columns are needed, they dont have to be wider…

        Easier said then done.

        I pretty much have accomplished this in my testing. I have a version which has 3 columns which are droppable but I haven't figured out how to save their state (Ajax code).

        Problem is this can't be implemented as a theme. It requires changes to the HTML & javascript. Which I guess as most of the existing themes are fixed width would require all the existing themes to be edited :(

        Edit: Does anyone know where the source code for the widescreen package is?

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

          Rich did some rewrite of the widescreenpackage and got it working quite well.

          Maybe you should talk to him about it since the 2 column code id hardcoded into pfsense.

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

            @Supermule:

            Looks good but more columns are needed, they dont have to be wider…

            Something like this ;) http://youtu.be/dYNSF3zIHlM

            That is achieved using jQuery no changes have been made to pfsense's core, it is added as part of the theme (so far so good). The problem is, as I said before, I can't work out how the Ajax code is working with saving the states. So as soon as you navigate away from the dash we are back to 2 columns  >:(

            @Supermule:

            Rich did some rewrite of the widescreenpackage and got it working quite well.

            Maybe you should talk to him about it since the 2 column code id hardcoded into pfsense.

            How do I contact rich? Is that his forum username? or are there any devs reading this who can help. I think we all agree this would be cool for pfsense!

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

              This is his profile.

              http://forum.pfsense.org/index.php?action=profile;u=236308

              This is a further discussion about the widescreen package.

              http://forum.pfsense.org/index.php/topic,62410.0.html

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

                @Supermule:

                This is a further discussion about the widescreen package.

                http://forum.pfsense.org/index.php/topic,62410.0.html

                Damn if I had seen this thread before I would of finished this ages ago. It enabled me to understand how the save states were being loaded!

                So I think I have this solved (spend far too long on it today).
                new vid (sound seems screwed up so you might want to turn it down/mute): http://youtu.be/irglXyn41Ys?t=3s
                new theme pull requests sent to master. Fingers crossed

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

                  Exactly why I posted it ;)

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

                    In the video it looks like it reverts back to 2 columns in the end??

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

                      it becuase I change back to the pfsense_ng theme.

                      This is a new theme called full_screen. Its a theme so it doesn't touch much core code ie break anything else.

                      the widescreen package is quite hacky changing lots of files etc. this only changes the index.php slightly all the rest is part of the theme files (its still a hack tho)

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

                        if anyone wants to test it. Download it here: https://dl.dropboxusercontent.com/u/12367642/full_screen_theme.zip

                        extract the zip to a folder ie tmp

                        you need to place the files onto pfsense.

                        In linux from a terminal:
                        cd /location/of/folder/tmp
                        scp -r * root@192.168.0.50:/usr/local/www/

                        Remeber to change the ip address  ;)

                        Then on the webgui select the theme full_screen

                        Edit for 2.1 only (not sure if it'll work with 2.0.x)

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

                          @charlie0440:

                          Something like this ;) http://youtu.be/dYNSF3zIHlM

                          That is achieved using jQuery no changes have been made to pfsense's core, it is added as part of the theme (so far so good). The problem is, as I said before, I can't work out how the Ajax code is working with saving the states. So as soon as you navigate away from the dash we are back to 2 columns  >:(

                          Not sure what type of database pfsense is utilizing, but a record would need to be created for this task, so the column count state can be stored and be retrieved when a page loads or a refresh occurs.

                          OR

                          Look for a jquery cookie plugin and store the column value there.

                          OR

                          Haven't had a need to arise yet to try this, but you might be able to rewrite the default variable value of the column count in the jquery file itself. File of course would have to be set to read & write which I don't really like but the security might not be a concern depending on the deployment.

                          Note:
                          There is a need for a enhanced Menu. It should be in a side bar and capable of expanding and collapsing! There is a template already with a side bar menu that can be modified! The problem with the exsiting it its not collapsible!

                          See my previous reply's

                          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

                            @clear-pixel Don't think you read the last few posts before posting. I solved that problem of storing the column number a few posts back.

                            I hear what your saying about the GUI. I think the way to go is to get all the css and as much js as we can out of the HTML/PHP pages and into .css & .js files. Then we can work on stuff like collapsible menus and fancy stuff. But until that is done, it would be a nightmare.

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

                              I would personally not want collapsible menus unless there was a very good reason for it. I can't think of one, but I'm open to suggestions.  ;)

                              Steve

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

                                I think the one we have now is fine like in the pfsense_ng theme.

                                Its just the number of columns, drag and drop and especially the save issue that bothers me.

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

                                  @stephenw10:

                                  I would personally not want collapsible menus unless there was a very good reason for it. I can't think of one, but I'm open to suggestions.  ;)

                                  Steve

                                  The majority want and understand the purpose of collapsible menus.

                                  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

                                    @supermule have you tried my theme?

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

                                      Perhaps I've misunderstood. Like I said I'm open to suggestions.

                                      Steve

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

                                        Not yet Charlie.

                                        Been busy as fook!

                                        @charlie0440:

                                        @supermule have you tried my theme?

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

                                          @charlie0440:

                                          if anyone wants to test it. Download it here: https://dl.dropboxusercontent.com/u/12367642/full_screen_theme.zip

                                          extract the zip to a folder ie tmp

                                          you need to place the files onto pfsense.

                                          In linux from a terminal:
                                          cd /location/of/folder/tmp
                                          scp -r * root@192.168.0.50:/usr/local/www/

                                          Remeber to change the ip address  ;)

                                          Then on the webgui select the theme full_screen

                                          Edit for 2.1 only (not sure if it'll work with 2.0.x)

                                          I tried the following and am able to create extra coloums, but I am not able to save them. As soon as I hit "Save Settings" it jumps back to default two coloums.
                                          I have cleared cache/cookies etc. does not chance anything, any advice would be greatly appreciated.

                                          pfsense: 2.1.5-RELEASE, AMD64
                                          Running on: MB/CPU: ASUS P8H77-I / Core i3-2120T | MEM: 8GB DDR3 | HDD: WD Blue 120GB 2.5" SATA | WAN/LAN: Fujitsu D2735-2 – Intel® chip 82576NS | WLAN: Realtek® 8111F PCIe | Connection: 1000/1000Mbit (Bredband2.com)
                                          [/U

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

                                            The columns are hard coded into PFSense. Unfortunately….

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