scinote-web/app/views/shared/_navigation.html.erb
2017-04-07 11:31:09 +02:00

252 lines
9 KiB
Plaintext

<nav class="navbar navbar-default navbar-fixed-top" id="main-nav">
<div class="container">
<!-- header -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<%= link_to(root_path, class: 'navbar-brand') do %>
<%
show_version = !Rails.env.production?
if ENV['NAVBAR_SHOW_VERSION'].present?
show_version = YAML.load(ENV['NAVBAR_SHOW_VERSION'])
end
%>
<% if show_version %>
<%= image_tag('/images/logo.png', class: 'with-version', id: 'logo') %>
<span class="version">
<%= Constants::APP_VERSION %>
</span>
<% else %>
<%= image_tag('/images/logo.png', id: 'logo') %>
<% end %>
<% end %>
</div>
<% if user_signed_in? %>
<div class="collapse navbar-collapse" id="main-menu">
<!-- links -->
<ul class="nav navbar-nav">
<li>
<a href="<%= projects_path %>">
<span class="glyphicon glyphicon-home"></span>
<span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.projects') %></span>
</a>
</li>
<% if current_team %>
<li>
<a id="protocol-link" href="<%= protocols_path %>">
<span class="glyphicon glyphicon-list-alt"></span>
<span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.protocols') %></span>
</a>
</li>
<% else %>
<li class="disabled">
<a id="protocol-link" href="#">
<span class="glyphicon glyphicon-list-alt"></span>
<span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.protocols') %></span>
</a>
</li>
<% end %>
<% if false %>
<li>
<a href="#">
<span class="glyphicon glyphicon-calendar"></span>
<span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.calendar') %></span>
</a>
</li>
<% end %>
<li>
<a class="btn-activity" href="<%= activities_path(format: :json) %>" role="button" data-remote="true">
<span class="glyphicon glyphicon-equalizer"></span>
<span class="visible-xs-inline visible-sm-inline"><%= t('nav.label.activities') %></span>
</a>
</li>
</ul>
<!-- profile info -->
<ul class="nav navbar-nav navbar-right">
<!-- Global team switch -->
<% if current_user.teams.length > 0 %>
<li class="dropdown" id="team-switch">
<a href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false">
<%= fa_icon 'users' %>
<span>
<%= truncate_team_name(current_team.name) %>
</span>
</a>
<ul class="dropdown-menu ">
<%= form_for(current_user,
url: user_current_team_path,
method: :post) do |f| %>
<%= hidden_field(:user, :current_team_id) %>
<% current_user.teams.each do |team| %>
<% next unless team != current_team %>
<li>
<a href="#"
data-id="<%= team.id %>"
class="text-center change-team">
<%= team.name %>
</a>
</li>
<% end %>
<% end %>
<% if current_user.teams.length > 1 %>
<li role="separator" class="divider"></li>
<% end %>
<li>
<%= link_to new_team_path do %>
<span class="glyphicon glyphicon-plus"></span>
<%= t('users.settings.teams.index.new_team') %>
<% end %>
</li>
</ul>
</li>
<% end %>
<!-- search -->
<li class="dropdown"
id="search-ico">
<a href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false">
<span class="glyphicon glyphicon-search"></span>
</a>
<ul class="dropdown-menu search-dropdown">
<li>
<!-- search form -->
<%= form_tag search_path,
method: :get,
id: 'search-bar',
class: 'navbar-form navbar-right',
role: 'search' do %>
<div class="form-group">
<div class="input-group">
<input class="form-control"
type="text"
name="q"
placeholder="<%= t('nav.search') %>">
<span class="input-group-btn visible-xs visible-sm">
<button id="search-button"
class="btn btn-default"
type="submit">
<span class="glyphicon glyphicon-menu-right"></span>
</button>
</span>
</div>
</div>
<% end %>
</li>
</ul>
</li>
<!-- notifications -->
<li class="dropdown">
<a href="#"
id="notifications-dropdown"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
data-href="<%= recent_notifications_url(current_user) %>">
<%= fa_icon 'bell'%>
<span id="count-notifications"
data-href="<%= unseen_notification_url(current_user) %>">
</span>
</a>
<ul class="dropdown-menu dropdown-notifications">
<li class="notifications-dropdown-header">
<span><%= t('notifications.title') %></span>
<span class="pull-right">
<%= link_to t('nav.user.settings'), preferences_path %>
</span>
</li>
<li class="notifications-no-recent">
<em><%= t('notifications.no_recent') %></em>
</li>
<li class="notifications-dropdown-footer">
<%= link_to t('notifications.show_all'), notifications_path %>
</li>
</ul>
</li>
<!-- help -->
<li class="dropdown">
<a href="#"
id="help-link"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false">
<span class="glyphicon glyphicon-info-sign"></span>
</a>
<ul class="dropdown-menu" data-hook="navigation-help-menu">
<li><%= link_to t('nav.help.support'),
Constants::SUPPORT_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.tutorials'),
Constants::TUTORIALS_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.release_notes'),
Constants::RELEASE_NOTES_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.premium'),
Constants::PREMIUM_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.contact'),
Constants::CONTACT_URL,
target: "_blank" %></li>
</ul>
</li>
<!-- greetings -->
<li class="dropdown">
<a href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false">
<span>
<%= t('nav.user_greeting', full_name: current_user.full_name) %>
</span>
<%= image_tag avatar_path(current_user, :icon_small),
class: "avatar" %>
</a>
<ul class="dropdown-menu" data-hook="navigation-user-menu">
<li>
<%= link_to t('nav.user.settings'), edit_user_registration_path %>
</li>
<li role="separator" class="divider"></li>
<li>
<%= link_to t('nav.user.logout'),
destroy_user_session_path,
method: :delete %>
</li>
</ul>
</li>
</ul>
</div>
<% end %>
</div>
</nav>
<div id="loading-animation"></div>
<%= javascript_include_tag("navigation") %>