Commit 6216ea96b331baf7730890965b22b5ab2c78ea9e
1 parent
d1e60eb9
Exists in
new-theme
adicionando top-search-bar e modificando fonte padrão
Showing
3 changed files
with
47 additions
and
1 deletions
Show diff stats
header.html.erb
| @@ -2,6 +2,41 @@ | @@ -2,6 +2,41 @@ | ||
| 2 | <%= theme_include "user_menu", :locals => {:person => user.person} if user %> | 2 | <%= theme_include "user_menu", :locals => {:person => user.person} if user %> |
| 3 | 3 | ||
| 4 | <!-- Nova Barra de usuário --> | 4 | <!-- Nova Barra de usuário --> |
| 5 | +<div id="top-search-bar" > | ||
| 6 | + | ||
| 7 | + <ul id="top-search-bar-content"> | ||
| 8 | + <li><a href='https://www.serpro.gov.br/'>Portal Serpro</a></li> | ||
| 9 | + <li><a href='http://www.suporteservico.serpro/spekxprod/psp_acionamento_intranet'>Central de Serviços Serpro (CSS)</a></li> | ||
| 10 | + <li><a href='https://prodsgp.serpro/prodsgp/home.jsp'>Sistema de Gestão de Pessoas (SGP)</a></li> | ||
| 11 | + <li><a href='https://sgi.portalcorporativo.serpro/'>Sistema de Gestão de Informações (SGI)</a></li> | ||
| 12 | + <li><a href='https://expresso.serpro.gov.br/'>Expresso</a></li> | ||
| 13 | + <li class='hide'><a href='https://expressodrive.serpro.gov.br/'>Expresso Drive</a></li> | ||
| 14 | + <li class='hide'><a href='https://mantis.serpro.gov.br/'>Mantis</a></li> | ||
| 15 | + <li class='hide'><a href='http://sisted.portalcorporativo.serpro/'>Sistema de Educação, Treinamento e Desenvolvimento (SISTED)</a></li> | ||
| 16 | + <li class='hide'><a href='http://www.suporteservico.serpro/'>Sistema para controle de chamados (SPEKX)</a></li> | ||
| 17 | + </ul> | ||
| 18 | + | ||
| 19 | + <div class='input-holder'> | ||
| 20 | + <label for="search">Outro: </label> | ||
| 21 | + <input placeholder="palavra chave" id="top-search-bar-input" type="text" /> | ||
| 22 | + </div> | ||
| 23 | + | ||
| 24 | + <script> | ||
| 25 | + (function ($, document, window) { | ||
| 26 | + var availableTags = [ ]; | ||
| 27 | + $('#top-search-bar-content li a').each(function(){ | ||
| 28 | + availableTags.push({ label: $(this).text(), value: $(this).attr('href')}); | ||
| 29 | + }); | ||
| 30 | + | ||
| 31 | + $( "#top-search-bar-input" ).autocomplete({ | ||
| 32 | + source: availableTags, | ||
| 33 | + select: function( event, ui ) { window.open(ui.item['value' ], '_blank'); } | ||
| 34 | + }); | ||
| 35 | + }(jQuery, document, this)); | ||
| 36 | + </script> | ||
| 37 | + | ||
| 38 | + <br/> | ||
| 39 | +</div> | ||
| 5 | 40 | ||
| 6 | <div id="top-bar" class="top" > | 41 | <div id="top-bar" class="top" > |
| 7 | <div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu"> | 42 | <div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu"> |
style.css
| 1 | @import url(../base/style.css); | 1 | @import url(../base/style.css); |
| 2 | /****************** ESTILO BASE ******************/ | 2 | /****************** ESTILO BASE ******************/ |
| 3 | @import url(cabecalho.css); | 3 | @import url(cabecalho.css); |
| 4 | +@import url(top-search-bar.css); | ||
| 4 | /****************** FIM cabecalho amarelo ******************/ | 5 | /****************** FIM cabecalho amarelo ******************/ |
| 5 | @import url(style-core.css); | 6 | @import url(style-core.css); |
| 6 | @import url(user-menu.css); | 7 | @import url(user-menu.css); |
| 7 | 8 | ||
| 8 | body, th, td, input { | 9 | body, th, td, input { |
| 9 | -font-family: Arial, sans-serif; | 10 | +font-family: Open Sans; |
| 10 | } | 11 | } |
| 11 | 12 | ||
| 12 | #wrap-2 {background-color:#ebeff2;} | 13 | #wrap-2 {background-color:#ebeff2;} |
| @@ -0,0 +1,10 @@ | @@ -0,0 +1,10 @@ | ||
| 1 | +#top-search-bar { | ||
| 2 | + height: 26px; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +#top-search-bar .hide{ display: none;} | ||
| 6 | +#top-search-bar ul { margin:0 0 0 20px; padding:0; list-style-type:none; list-style-position:outside; background:#ffffff; } | ||
| 7 | +#top-search-bar ul a:link, #top-search-bar ul a:active, #top-search-bar ul a:visited { display:block; padding:0; text-decoration:none; } | ||
| 8 | +#top-search-bar ul li { float:left; position:relative; background:none; padding:5px 12px; transition: all 300ms ease-in; } | ||
| 9 | +#top-search-bar ul li:hover { background:#257CAD; color: white; text-shadow: none; } | ||
| 10 | +#top-search-bar ul li a:hover { color: white; } |