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

    Reprogramação Interface Gráfica

    Scheduled Pinned Locked Moved Portuguese
    49 Posts 11 Posters 11.6k 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.
    • D
      diegogyn
      last edited by

      @LFCavalcanti:

      @diegogyn:

      Mas seria interessante uma tela de login onde você pudesse colocar o logotipo da empresa, por exemplo, vem na tela o logo da empresa embaixo o login e senha e depois em baixo um logo assim powerd by pfsense  ::)

      Nós não vamos entrar nesse debate novamente, certo?

      Porque trocar o logotipo do PFSense por outro? Ainda mais em uma tela que só os "SysAdmins" usam?

      A não ser que você queira chamar o PFSense de "meu", colocar outro nome e vender como se você tivesse criado. Como já debatido milhões de vezes, legalmente é permitido, éticamente é outra história.

      Eu não sugeri trocar o logotipo do pfSense só dei a ideia de colocar o logotipo da empresa, como ocorre com nosso ERP aqui o logotipo da empresa vem nele mas tem o logo do software embaixo. Mas como você disse vamos evitar o debate.

      Mudando de assunto, existe algum tema do pfSense para dispositivos mobile? Tentei usar aqui em um smartphone e percebi que ele muda o tema para um onde os menus ficam como a barra lateral esquerda isso e normal certo?

      []´s

      1 Reply Last reply Reply Quote 0
      • marcellocM
        marcelloc
        last edited by

        Sim, normal e certo.

        Este tema não depende de javascript para mostrar os menus e também da acesso direto a qualquer tela.

        Treinamentos de Elite: http://sys-squad.com

        Help a community developer! ;D

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

          E aí pessoal,
              O trabalho continua, agora tem a função de adicionar colunas como mostra as imagens abaixo, ainda algumas coisas a serem ajustadas!

          1 Reply Last reply Reply Quote 0
          • L
            LFCavalcanti
            last edited by

            @kelsen:

            E aí pessoal,
                O trabalho continua, agora tem a função de adicionar colunas como mostra as imagens abaixo, ainda algumas coisas a serem ajustadas!

            Finalmente posso aproveitar o monitor Wide corretamente. kk

            –

            Luiz Fernando Cavalcanti
            IT Manager
            Arriviera Technology Group

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

              Segue abaixo o link para baixar o tema:
              http://www.4shared.com/archive/NtOiCneC/metrolabtar.html

              • mv themes/twitter_bootstrap_fs /usr/local/www/themes/

              • mude o tema na interface gráfica

              • cp * /usr/local/www/

              Importante: sempre faça backup dos arquivos originais antes, obedeça a ordem acima para não quebrar a interface gráfica.

              1 Reply Last reply Reply Quote 0
              • marcellocM
                marcelloc
                last edited by

                Consegue transformar isso em um pacote ou publicar para o pfsense 2.2 como tema nativo?

                Precisa de ajuda?

                Treinamentos de Elite: http://sys-squad.com

                Help a community developer! ;D

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

                  Então @marcelloc, iria procurar a sua ajuda mesmo pra tentar construir um pacote, como eu fiz um fork do 2.1 e não do master, talvez eu tenha que refazer o trabalho e com tantas alterações que fiz, os outros temas não funcionam, provavelmente não vai ser aceito como um tema nativo mesmo.

                  1 Reply Last reply Reply Quote 0
                  • marcellocM
                    marcelloc
                    last edited by

                    Entendi. Estou passando isso com uma atualização para o  dhcp.

                    Fiz na 2.1, tive que refazer para a 2.2 e ainda incluí uma função que já existia… :(

                    Treinamentos de Elite: http://sys-squad.com

                    Help a community developer! ;D

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

                      Cansera né, mas então, acho que a melhor alternativa por agora pra quem quiser utilizar essa interface é fazendo um pacote mesmo.
                      Basicamente só precisa fazer backup dos arquivos originais, copiar o tema pro diretório /usr/local/www/themes/, porém o tema tem que ser aplicado antes de copiar os outros arquivos pro /usr/local/www/ do contrário a interface vai ficar toda desconfigurada.
                      O processo de desinstalação deve voltar os arquivos originais e depois aplicar o tema padrão pfsense_ng.
                      Não tenho experiência nenhuma em fazer pacotes, se você (marcelloc) quiser dar uma força, do contrário vai demorar um tempo até lá.
                      Abraço!

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

                        @kelsen:

                        Segue a página de login customizada, contêm atalhos para o fórum, página do suporte premium, página principal do pfsense e uma referência a sua empresa.

                        Fantastic Kelsen trabalho …... o melhor trabalho que eu já vi até agora!

                        Eu vou ter algum tempo em algumas semanas a partir de agora e vai te dar uma mão em fazer alguma codificação.

                        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
                        • K
                          kelsen
                          last edited by

                          Olha só, alguém gostou da pagina de login windows 7 8 like, rsrsrs
                          @Clear-Pixel, toda contribuição é bem vinda, obrigado!
                          @marcelloc, por acaso já teve tempo de olhar sobre fazer um pacote?

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

                            Alguns vão te odiar por usar o tema Metro Microsoft ….. Eu não gosto da idéia, mas hey , ele funciona e sua muito mais interessante que os temas padrão chatas que vêm com pfsense ..... Do ponto de vista de design é um design moderno bastante simples que exige o mínimo de esforço para unir.

                            Então, eu sou tudo para ela como sendo uma nova base de ponto de partida para um tema pfSense . Tenha em mente que ao modificar e criar um novo código certifique-se a estrutura do código pode ser facilmente modificado para criar diferentes estilos de tema mais tarde.

                            Como eu já disse não estar preocupado com explodir os atuais temas padrão que vêm com o pfSense . Em algum momento o tema vai estar em um pacote que pode voltar a velha escola , se o usuário deseja .

                            P.S.
                            O que sempre você faz ...... por favor, mantenha o menu expansível vertical. Há muitas razões técnicas e de produtividade para mantê-lo verticais ...... não vai conseguir as razões mas terá retorno em melhorar a usabilidade móvel e, claro, a produtividade desktop.

                            Google fez um péssimo trabalho de traduzir de forma que há problemas com palavras e sturcture.

                            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
                            • K
                              kelsen
                              last edited by

                              Na verdade essa tela de login foi somente uma experiência, apesar de estar no github, ela não está incluída no link acima onde disponibilizei o tema.
                              Abaixo segue screenshot da modificação que fiz para mostrar alertas no ícone do sino.

                              1 Reply Last reply Reply Quote 0
                              • L
                                LFCavalcanti
                                last edited by

                                @kelsen:

                                Na verdade essa tela de login foi somente uma experiência, apesar de estar no github, ela não está incluída no link acima onde disponibilizei o tema.
                                Abaixo segue screenshot da modificação que fiz para mostrar alertas no ícone do sino.

                                Então Kelsen, os alertas aparecem nessa caixa translucida sozinhos ao serem gerados pelo PFSense ou é preciso clicar no "sino"?

                                –

                                Luiz Fernando Cavalcanti
                                IT Manager
                                Arriviera Technology Group

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

                                  Sempre que houver um alerta, ao recarregar a página um numero encima do "sino" indicará o número de alertas; estive pensando, talvez ao invés de aparecer a caixa de texto, clicando no ícone poderia já retornar os alertas, seria um clique a menos.
                                  Aproveitando o post, segue screenshot de uma modificação sugerida pelo @Clear-Pixel, dessa forma é possível reduzir um pouco do espaço tomado.

                                  1 Reply Last reply Reply Quote 0
                                  • marcellocM
                                    marcelloc
                                    last edited by

                                    Como os pacotes estão se comportando com este tema? Algum quebrou?

                                    Treinamentos de Elite: http://sys-squad.com

                                    Help a community developer! ;D

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

                                      @marcelloc:

                                      Como os pacotes estão se comportando com este tema? Algum quebrou?

                                      Pra falar a verdade até agora só o seu, rsrssr a aba Realtime do squid3 está conflitando com o jquery-1.8.3, não tenho muito experiência em programação, não consegui ver oque é ainda.

                                      1 Reply Last reply Reply Quote 0
                                      • T
                                        thiagomespb
                                        last edited by

                                        Kelsen,

                                        tem alguma novidade para poder usar esse tema ? e como aplicar..

                                        Thiago

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

                                          Nenhuma novidade, basta baixar o tema e aplicar seguindo os passos que eu descrevi num post anterior.
                                          Amanha eu irei disponibilizar as ultimas alterações.

                                          1 Reply Last reply Reply Quote 0
                                          • G
                                            guitarcleiton
                                            last edited by

                                            Kelsen, poderia disponibilizar o arquivo novamente.

                                            Esta dando arquivo não encontrado.

                                            obrigado

                                            Analista de Sistemas
                                            Bacharel em Sistemas de Informação

                                            https://cleiton.tech.blog/

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