Configurando o Rails Admin + Customizando a aparência

O que vamos Aprender nessa aula?
    1. Como customizar a aparência do nosso sistema administrativo
Ingredientes
    1. Ruby on Rails
    2. Sqlite3 (Mas você pode usar outro Database :))
    3. Gem: Rails Admin
    4. Gem: Rails Admin Rollincode
    5. Gem: Devise
    6. Gem: CanCanCan
    7. Gem: Carrierwave
Comandos
    1. Customizando o menu do Admin e traduzindo ele para Português (Acompanhe o vídeo para entender o contextos dos códigos mostrados a baixo)

      Adicionar no arquivo: “/config/initializers/rails_admin.rb”


      Adicionar no arquivo: “/config/initializers/rails_admin.rb”


      Adicionar no arquivo: “/config/environments/development.rb”


      Adicionar no arquivo: “/config/environments/production.rb”


      Crie um arquivo nesse path “/config/locales/pt-BR.yml” e coloque o seguinte conteúdo dentro dele (Aqui já está inserida também o exemplo da mudança dos nomes dos models):


      Crie um arquivo nesse path “/config/locales/devise.pt-BR.yml” e coloque o seguinte conteúdo dentro dele:



      Adicionar no arquivo: “/config/initializers/rails_admin.rb”

      Adicionar no arquivo: “/config/initializers/rails_admin.rb”
    2. Customizando a aparência do nosso Admin usando uma Gem:Inclua no seu Gemfile:

      Rodar no console:


      Adicionar ao arquivo “/config/application.rb”


      Rodar no console:


      Crie o arquivo nesse path “/app/assets/javascripts/rails_admin/custom/ui.js” e coloque o seguinte conteúdo nele:

    3. Agora para customizar a Gem que usamos para dar a aparência do nosso Admin, siga os passos:Fora do seu projeto no console, rode:

      Dentro da pasta do projeto que você baixou substitua o conteúdo do arquivo desse path “vendor/assets/stylesheets/rails_admin/themes/rollincode/variables.scss” pelo conteúdo a báixo:

      Crie um repositório vazio no Github ou Bitbucket para receber a nossa Gem, depois rode os seguintes comandos para subir nosso projeto para lá:

      Agora de volta ao seu Projeto Admin, no seu Gemfile altere a gem “rails_admin_rollincode” normal, pela versão que aponta para nosso repositório do Git como no exemplo a baixo:

      *Lembrando novamente que vocẽ deve realizar esses comandos acompanhando o vídeo para não perder o contexto e entender o que está acontecendo 🙂


Conclusão

Nesta parte nós customizamos completamente nosso sistema e demos a ele uma aparência mais moderna e elegante. Primeiro nós customizamos o menu e também realizamos a tradução do nosso Admin para Português e depois nós alteramos a aparência do admin usando uma Gem externa e para finalizar nós baixamos o código dessa Gem, alteramos algumas coisas, subimos ela para um repositório nosso no Github e fizemos o nosso Admin usar a Gem de customização que alteramos.

Aprendemos muitos conceitos sobre Rails Admin mas também aprendemos muitos conceitos sobre o Rails em si, então assista essa aula com calma e siga o passo a passo 🙂

Você pode ver o código completo acessando o projeto no Github clicando aqui e escolhendo a branch “Part4”, aproveita e me segue lá também 🙂

 

Muito Obrigado por acompanhar este Blog!
Sua presença aqui é uma honra para mim,

Abraço,
Leonardo Scorza.

VER TUDO Add a note
Você
Adicionar comentário
 
Feito com s2 por OneBitCode