From 4355384ac94783773622fbf1a923c9579faf4bca Mon Sep 17 00:00:00 2001
From: Marcela Ribeiro de Oliveira <mro15@inf.ufpr.br>
Date: Fri, 26 Feb 2016 11:50:07 -0300
Subject: [PATCH] Add about

---
 app/assets/javascripts/about.coffee           |  3 +
 app/assets/stylesheets/about.scss             | 40 ++++++++
 app/controllers/about_controller.rb           |  4 +
 app/helpers/about_helper.rb                   |  2 +
 app/views/about/index.html.erb                | 96 +++++++++++++++++++
 app/views/shared/application/_about.html.erb  | 50 ----------
 .../shared/application/_collections.html.erb  |  6 +-
 .../shared/application/_contact.html.erb      | 34 -------
 app/views/shared/application/_faq.html.erb    | 25 -----
 app/views/shared/application/_header.html.erb |  9 +-
 app/views/shared/application/_home.html.erb   | 20 +++-
 config/routes.rb                              |  2 +
 12 files changed, 171 insertions(+), 120 deletions(-)
 create mode 100644 app/assets/javascripts/about.coffee
 create mode 100644 app/assets/stylesheets/about.scss
 create mode 100644 app/controllers/about_controller.rb
 create mode 100644 app/helpers/about_helper.rb
 create mode 100644 app/views/about/index.html.erb
 delete mode 100644 app/views/shared/application/_about.html.erb
 delete mode 100644 app/views/shared/application/_contact.html.erb
 delete mode 100644 app/views/shared/application/_faq.html.erb

diff --git a/app/assets/javascripts/about.coffee b/app/assets/javascripts/about.coffee
new file mode 100644
index 00000000..24f83d18
--- /dev/null
+++ b/app/assets/javascripts/about.coffee
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/stylesheets/about.scss b/app/assets/stylesheets/about.scss
new file mode 100644
index 00000000..7c3a12d5
--- /dev/null
+++ b/app/assets/stylesheets/about.scss
@@ -0,0 +1,40 @@
+// Place all the styles related to the about controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import "select2";
+@import "select2-bootstrap";
+@import "bootstrap-tagsinput";
+@import "spinners";
+
+//// FAQ
+.faq-row {
+  .question {
+    font-weight: 400;
+  }
+  .answer {
+    padding-left: 25px;
+    text-align: justify;
+    text-justify: inter-word;
+  }
+}
+//// CONTACT
+.about-contact {
+  .contact-row {
+    margin-bottom: 10px;
+
+    h4 {
+      font-weight: 400;
+      margin-bottom: 5px;
+    }
+  }
+  .contact-item {
+    background-color: #2E3192;
+    width: 30px;
+    height: 30px;
+    border-radius: 5px;
+    margin-right: 5px;
+  }
+}
diff --git a/app/controllers/about_controller.rb b/app/controllers/about_controller.rb
new file mode 100644
index 00000000..a14c5285
--- /dev/null
+++ b/app/controllers/about_controller.rb
@@ -0,0 +1,4 @@
+class AboutController < ApplicationController
+  def index
+  end
+end
diff --git a/app/helpers/about_helper.rb b/app/helpers/about_helper.rb
new file mode 100644
index 00000000..68e69aee
--- /dev/null
+++ b/app/helpers/about_helper.rb
@@ -0,0 +1,2 @@
+module AboutHelper
+end
diff --git a/app/views/about/index.html.erb b/app/views/about/index.html.erb
new file mode 100644
index 00000000..9f6cbc42
--- /dev/null
+++ b/app/views/about/index.html.erb
@@ -0,0 +1,96 @@
+
+  <!-- Tab panes -->
+  <div class="tab-content">
+    <div role="tabpanel" class="tab-pane active" id="about">
+      <h3>Sobre este Portal</h3>
+      <ul class="col-md-12" style="list-style-type:none">
+        <li>
+          Este portal de conteúdos educacionais provê serviços relacionados com o
+          armazenamento e distribuição de conteúdos educacionais, com propriedades
+          como busca simples e avançada, ranqueamento de resultados levando
+          em consideração métricas como similaridade de palavras chave,
+          pontuação de autores, quantidade de downloads e
+          recomendações de outros usuários. Além de objetos
+          inseridos diretamente na base própria, integra conteúdos
+          disponíveis nas bases:
+          <ul>
+            <li><a target="_blank" href="http://objetoseducacionais2.mec.gov.br/">Banco Internacional de Objetos Educacionais</a></li>
+            <li><a target="_blank" href="http://portaldoprofessor.mec.gov.br/index.html">Portal do Professor</a></li>
+          </ul>
+        </li>
+        <li>
+          Este portal pretende ser uma importante ferramenta para uso de professores
+          na preparação de aulas e de alunos no estudo dos conteúdos.
+        </li>
+        <li>
+          Está sendo desenvolvido pelo
+          Centro de Computação Científica e Software Livre (C3SL)
+          da Universidade Federal do Paraná (UFPR) em
+          parceria com o Fundo Nacional de Desenvolvimento da Educação (FNDE),
+          responsável pela execução de políticas educacionais do Ministério da Educação (MEC).
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col-md-12">
+    <h3>Perguntas Frequentes</h3>
+    <div class="faq-row">
+      <h4 class="question">Preciso me registrar para participar?</h4>
+      <p class="answer">Você pode consultar e usufruir conteúdos do Portal MEC sem ter cadastro.
+      Mas para colocar novos materiais é necessário se registrar.</p>
+    </div>
+    <div class="faq-row">
+      <h4 class="question">Posso alterar meus dados cadastrais?</h4>
+      <p class="answer">Sim, para isso é preciso clicar na sua foto ou no
+      seu nome e depois em “Editar Perfil”.</p>
+    </div>
+    <div class="faq-row">
+      <h4 class="question">Esqueci minha senha. E agora?</h4>
+      <p class="answer">Você pode clicar na página inicial, em “entre” e no formulário de entrada
+      existe um link “Esqueceu sua senha”, ou ainda você pode clicar na sua foto ou no seu nome e
+      depois em “Editar Perfil”, existe um outro link no início da página “Esqueci a senha”.</p>
+    </div>
+    <div class="faq-row">
+      <h4 class="question">Posso salvar um objeto educacional do portal em meu computador?</h4>
+      <p class="answer">Sim, existe a opção “salvar no computador” na página que mostra os detalhes
+      do objeto educacional.</p>
+    </div>
+  </div>
+</div>
+<div class="col-md-12 about-contact">
+  <h3>Contatos</h3>
+  <div class="contact-row row">
+    <div class="col-md-6">
+      <h4>Email: <a target="_blank" href="mailto:contato@c3sl.ufpr.br">contato@c3sl.ufpr.br</a></h4>
+    </div>
+    <div class="col-md-6">
+      <h4>Telefone: (41)3361-3567</h4>
+    </div>
+  </div>
+  <div class="contact-row">
+    <h4>Redes Sociais</h4>
+    <div class="row">
+      <div class='col-md-1 col-sm-offset-1 contact-item'></div>
+      <div class='col-md-1 contact-item'></div>
+      <div class='col-md-1 contact-item'></div>
+      <div class='col-md-1 contact-item'></div>
+    </div>
+  </div>
+  <div class="contact-row">
+    <h4>Outros sites do ministério da educação</h4>
+    <div class="row">
+      <div class='contact-item col-md-1 col-sm-offset-1'></div>
+      <div class='contact-item col-md-1'></div>
+      <div class='contact-item col-md-1'></div>
+      <div class='contact-item col-md-1'></div>
+    </div>
+  </div>
+  <div class="contact-row">
+    <h4>Portal desenvolvido por</h4>
+    <div class="row">
+      <div class='contact-item col-md-1 col-sm-offset-1'></div>
+    </div>
+  </div>
+</div>
diff --git a/app/views/shared/application/_about.html.erb b/app/views/shared/application/_about.html.erb
deleted file mode 100644
index e9ccca62..00000000
--- a/app/views/shared/application/_about.html.erb
+++ /dev/null
@@ -1,50 +0,0 @@
-<div>
-  <!-- Nav tabs -->
-  <div class="nav nav-tabs" role="tablist">
-    <div class="col-md-4" role="presentation" class="active">
-      <h4><a href="#about" aria-controls="about" role="tab" data-toggle="tab">Sobre este portal</a></h4>
-    </div>
-    <div class="col-md-4" role="presentation">
-      <h4><a href="#faq" aria-controls="faq" role="tab" data-toggle="tab">Perguntas Frequentes</a></h4>
-    </div>
-    <div class="col-md-4" role="presentation">
-      <h4><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">Contato</a></h4>
-    </div>
-  </div>
-
-  <!-- Tab panes -->
-  <br/>
-  <div class="tab-content">
-    <div role="tabpanel" class="tab-pane active" id="about">
-      <ul class="col-md-12" style="list-style-type:none">
-        <li>
-          Este portal de conteúdos educacionais provê serviços relacionados com o
-          armazenamento e distribuição de conteúdos educacionais, com propriedades
-          como busca simples e avançada, ranqueamento de resultados levando
-          em consideração métricas como similaridade de palavras chave,
-          pontuação de autores, quantidade de downloads e
-          recomendações de outros usuários. Além de objetos
-          inseridos diretamente na base própria, integra conteúdos
-          disponíveis nas bases:
-          <ul>
-            <li><a target="_blank" href="http://objetoseducacionais2.mec.gov.br/">Banco Internacional de Objetos Educacionais</a></li>
-            <li><a target="_blank" href="http://portaldoprofessor.mec.gov.br/index.html">Portal do Professor</a></li>
-          </ul>
-        </li>
-        <li>
-          Este portal pretende ser uma importante ferramenta para uso de professores
-          na preparação de aulas e de alunos no estudo dos conteúdos.
-        </li>
-        <li>
-          Está sendo desenvolvido pelo
-          Centro de Computação Científica e Software Livre (C3SL)
-          da Universidade Federal do Paraná (UFPR) em
-          parceria com o Fundo Nacional de Desenvolvimento da Educação (FNDE),
-          responsável pela execução de políticas educacionais do Ministério da Educação (MEC).
-        </li>
-      </ul>
-    </div>
-    <div role="tabpanel" class="tab-pane" id="faq"><%= render 'shared/application/faq' %></div>
-    <div role="tabpanel" class="tab-pane" id="contact"><%= render 'shared/application/contact' %></div>
-  </div>
-</div>
diff --git a/app/views/shared/application/_collections.html.erb b/app/views/shared/application/_collections.html.erb
index f0394eb1..fab347de 100644
--- a/app/views/shared/application/_collections.html.erb
+++ b/app/views/shared/application/_collections.html.erb
@@ -1,6 +1,8 @@
 <div class="row">
   <div class="col-md-12">
-    <h4><b><%= link_to 'Institucionais', collections_path %></b></h4><br>
-    <% if user_signed_in? %> <h4><b><%= link_to 'Minhas coleções', collections_me_path %></b></h4> <% end %>
+    <% if user_signed_in? %>
+      <h4><b><%= link_to 'Institucionais', collections_path %></b></h4><br>
+      <h4><b><%= link_to 'Minhas coleções', collections_me_path %></b></h4>
+    <% end %>
   </div>
 </div>
diff --git a/app/views/shared/application/_contact.html.erb b/app/views/shared/application/_contact.html.erb
deleted file mode 100644
index e2390b1f..00000000
--- a/app/views/shared/application/_contact.html.erb
+++ /dev/null
@@ -1,34 +0,0 @@
-<div class="col-md-12 about-contact">
-  <div class="contact-row row">
-    <div class="col-md-6">
-      <h4>Email: <a target="_blank" href="mailto:contato@c3sl.ufpr.br">contato@c3sl.ufpr.br</a></h4>
-    </div>
-    <div class="col-md-6">
-      <h4>Telefone: (41)3361-3567</h4>
-    </div>
-  </div>
-  <div class="contact-row">
-    <h4>Redes Sociais</h4>
-    <div class="row">
-      <div class='col-md-1 col-sm-offset-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-      <div class='col-md-1 contact-item'></div>
-    </div>
-  </div>
-  <div class="contact-row">
-    <h4>Outros sites do ministério da educação</h4>
-    <div class="row">
-      <div class='contact-item col-md-1 col-sm-offset-1'></div>
-      <div class='contact-item col-md-1'></div>
-      <div class='contact-item col-md-1'></div>
-      <div class='contact-item col-md-1'></div>
-    </div>
-  </div>
-  <div class="contact-row">
-    <h4>Portal desenvolvido por</h4>
-    <div class="row">
-      <div class='contact-item col-md-1 col-sm-offset-1'></div>
-    </div>
-  </div>
-</div>
diff --git a/app/views/shared/application/_faq.html.erb b/app/views/shared/application/_faq.html.erb
deleted file mode 100644
index c2379e78..00000000
--- a/app/views/shared/application/_faq.html.erb
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="row">
-  <div class="col-md-12">
-    <div class="faq-row">
-      <h4 class="question">Preciso me registrar para participar?</h4>
-      <p class="answer">Você pode consultar e usufruir conteúdos do Portal MEC sem ter cadastro.
-      Mas para colocar novos materiais é necessário se registrar.</p>
-    </div>
-    <div class="faq-row">
-      <h4 class="question">Posso alterar meus dados cadastrais?</h4>
-      <p class="answer">Sim, para isso é preciso clicar na sua foto ou no
-      seu nome e depois em “Editar Perfil”.</p>
-    </div>
-    <div class="faq-row">
-      <h4 class="question">Esqueci minha senha. E agora?</h4>
-      <p class="answer">Você pode clicar na página inicial, em “entre” e no formulário de entrada
-      existe um link “Esqueceu sua senha”, ou ainda você pode clicar na sua foto ou no seu nome e
-      depois em “Editar Perfil”, existe um outro link no início da página “Esqueci a senha”.</p>
-    </div>
-    <div class="faq-row">
-      <h4 class="question">Posso salvar um objeto educacional do portal em meu computador?</h4>
-      <p class="answer">Sim, existe a opção “salvar no computador” na página que mostra os detalhes
-      do objeto educacional.</p>
-    </div>
-  </div>
-</div>
diff --git a/app/views/shared/application/_header.html.erb b/app/views/shared/application/_header.html.erb
index de962990..d88e27a9 100644
--- a/app/views/shared/application/_header.html.erb
+++ b/app/views/shared/application/_header.html.erb
@@ -83,13 +83,17 @@
       <div class="row">
         <ul class="nav navbar-nav">
           <li role="separator" class="divider"></li>
+          <% if user_signed_in? %>
           <li class="nav-button"><h3><a class="nav-dropdown" data-content="collections" href="javascript:void(0);">Coleções&nbsp;<span class="caret"/></a></h3></li>
+          <% else %>
+          <li class="nav-button"><h3><a class="nav-dropdown" data-content="collections" href="javascript:void(0);"><%= link_to 'Coleções Institucionais', collections_path %>&nbsp;<span class="caret"/></a></h3></li>
+          <% end %>
           <li role="separator" class="divider"></li>
           <li class="dropdown nav-button"><h3><a class="nav-dropdown" data-content="links" href="javascript:void(0);">Links
             úteis&nbsp;<span class="caret"/></a></h3></li>
           <li role="separator" class="divider"></li>
           <li class="nav-button"><h3>
-            <a class="nav-dropdown" data-content="about" href="javascript:void(0);">Sobre&nbsp;<span class="caret"/></a>
+            <a class="nav-dropdown" data-content="about" href="javascript:void(0);"><%= link_to 'Sobre', about_path %><span class="caret"/></a>
           </h3></li>
           <li role="separator" class="divider"></li>
           <li class="nav-button"><h3>
@@ -112,9 +116,6 @@
       <div class="navigation-content-links">
         <%= render 'shared/application/links' %>
       </div>
-      <div class="navigation-content-about">
-        <%= render 'shared/application/about' %>
-      </div>
     </div>
   </div>
   </div>
diff --git a/app/views/shared/application/_home.html.erb b/app/views/shared/application/_home.html.erb
index bbe70e64..6e913a96 100644
--- a/app/views/shared/application/_home.html.erb
+++ b/app/views/shared/application/_home.html.erb
@@ -4,8 +4,7 @@
           <div class="container">
             <div id="barra-brasil">
               <ul>
-      <li>
-                  <a href="http://brasil.gov.br">Portal do Governo Brasileiro</a></li>
+                <li><a href="http://brasil.gov.br">Portal do Governo Brasileiro</a></li>
                 <li>
                   <a style="font-family:sans,sans-serif; text-decoration:none; color:white;" href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize
                     sua Barra de Governo</a></li>
@@ -22,14 +21,25 @@
             <div class="col-md-5">
               <nav class="navigation" id="menu-bar">
                 <ul class="nav navbar-nav">
-                  <li class="nav-button"><h3><a class="nav-dropdown" data-content="collections" href="javascript:void(0);">Coleções&nbsp;</a></h3></li>
+                  <li class="nav-button"><h3><a class="nav-dropdown" data-content="collections"><%= link_to 'Coleções Institucionais', collections_path %>&nbsp;</a></h3></li>
                   <li class="dropdown nav-button"><h3><a class="nav-dropdown" data-content="links" href="javascript:void(0);">Links
-                    úteis&nbsp;</a></h3></li>
-                  <li class="nav-button"><h3><a class="nav-dropdown" data-content="about" href="javascript:void(0);">Sobre&nbsp;</a></h3></li>
+                    úteis&nbsp;</a></h3>
+                  <li class="nav-button"><h3><a class="nav-dropdown" data-content="about" href="javascript:void(0);"><%= link_to 'Sobre', about_path %></a></h3></li>&nbsp;</a></h3></li>
                   <li class="nav-button"><h3>
                     <%= link_to "Enviar Novo Item", new_learning_object_path, style: "color: #FFFFFF" %></h3></li>
                 </ul>
               </nav>
+              <div class="navigation-content">
+                <div class="container">
+                  <div class="row">
+                    <a class="navigation-content-close pull-right" aria-label="Close" href="javascript:void(0);">
+                      <h3><span aria-hidden="true">&times;</span></h3></a>
+                  </div>
+                  <div class="navigation-content-links">
+                    <%= render 'shared/application/links' %>
+                  </div>
+                </div>
+              </div>
             </div>
             <div class="col-md-4">
               <div class="search-accessibility">
diff --git a/config/routes.rb b/config/routes.rb
index 66838964..2e9c1277 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -114,6 +114,8 @@ Rails.application.routes.draw do
     end
   end
 
+  get '/about' => 'about#index', as: 'about'
+
   get '/search' => 'search#index', as: 'search'
   get '/search/fetch' => 'search#fetch', as: 'search_fetch'
   get '/autocomplete' => 'search#autocomplete'
-- 
GitLab