closes #3112
[arvados.git] / apps / workbench / app / views / layouts / body.html.erb
1   <div id="wrapper" class="container-fluid">
2     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
3       <div class="navbar-header">
4         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
5           <span class="sr-only">Toggle navigation</span>
6           <span class="icon-bar"></span>
7           <span class="icon-bar"></span>
8           <span class="icon-bar"></span>
9         </button>
10         <a class="navbar-brand" href="/" data-push=true><%= Rails.configuration.site_name.downcase rescue Rails.application.class.parent_name %></a>
11       </div>
12
13       <div class="collapse navbar-collapse">
14         <ul class="nav navbar-nav navbar-right">
15
16           <li>
17             <a><i class="rotating loading glyphicon glyphicon-refresh"></i></a>
18           </li>
19
20           <% if current_user %>
21           <li>
22             <form class="navbar-form" role="search"
23                        data-search-modal=
24                        "<%= url_for(
25                         action: 'choose',
26                         controller: 'search',
27                         title: 'Search',
28                         action_name: 'Show',
29                         action_href: url_for(controller: :actions, action: :show),
30                         action_method: 'get',
31                         action_data: {selection_param: 'uuid', success: 'redirect-to-created-object', copy_from_search_box: true}.to_json)
32                        %>">
33               <div class="input-group" style="width: 220px">
34                 <input type="text" class="form-control" placeholder="search">
35                 <a class="input-group-addon"><span class="glyphicon glyphicon-search"></span></a>
36               </div>
37             </form>
38           </li>
39
40           <li class="dropdown notification-menu">
41             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="notifications-menu">
42               <span class="badge badge-alert notification-count"><%= @notification_count %></span>
43               <%= current_user.email %> <span class="caret"></span>
44             </a>
45             <ul class="dropdown-menu" role="menu">
46               <li role="presentation" class="dropdown-header">
47                 My account
48               </li>
49               <% if current_user.is_active %>
50               <li role="presentation"><a href="/manage_account" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage account</a></li>
51               <% if Rails.configuration.user_profile_form_fields %>
52                 <li role="presentation"><a href="/users/<%=current_user.uuid%>/profile" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage profile</a></li>
53               <% end %>
54               <li role="presentation" class="divider"></li>
55               <% end %>
56               <li role="presentation"><a href="<%= logout_path %>" role="menuitem"><i class="fa fa-sign-out fa-fw"></i> Log out</a></li>
57               <% if current_user.is_active and
58                     (@notifications || []).length > 0 %>
59                 <li role="presentation" class="divider"></li>
60                 <% @notifications.each_with_index do |n, i| %>
61                   <% if i > 0 %><li class="divider"></li><% end %>
62                   <li class="notification"><%= n.call(self) %></li>
63                 <% end %>
64               <% end %>
65             </ul>
66           </li>
67
68           <li class="dropdown selection-menu">
69             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
70               <span class="fa fa-lg fa-paperclip"></span>
71               <span class="badge" id="persistent-selection-count"></span>
72             </a>
73             <ul class="dropdown-menu" role="menu" id="persistent-selection-list">
74               <%= form_tag '/actions' do %>
75                 <%= hidden_field_tag 'uuid', @object.andand.uuid %>
76                 <div id="selection-form-content"></div>
77               <% end %>
78             </ul>
79           </li>
80
81           <% if current_user.is_active %>
82             <li class="dropdown">
83               <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="system-menu">
84                 <span class="fa fa-lg fa-gear"></span>
85               </a>
86               <ul class="dropdown-menu" role="menu">
87                 <li role="presentation" class="dropdown-header">
88                   Settings
89                 </li>
90                 <% if current_user.andand.is_admin %>
91                   <li role="presentation"><a href="/repositories">
92                       <i class="fa fa-lg fa-code-fork fa-fw"></i> Repositories
93                   </a></li>
94                   <li role="presentation"><a href="/virtual_machines">
95                       <i class="fa fa-lg fa-terminal fa-fw"></i> Virtual machines
96                   </a></li>
97                   <li role="presentation"><a href="/authorized_keys">
98                       <i class="fa fa-lg fa-key fa-fw"></i> SSH keys
99                   </a></li>
100                   <li role="presentation"><a href="/api_client_authorizations">
101                       <i class="fa fa-lg fa-ticket fa-fw"></i> API tokens
102                   </a></li>
103                 <% end %>
104                 <li role="presentation"><a href="/links">
105                     <i class="fa fa-lg fa-arrows-h fa-fw"></i> Links
106                 </a></li>
107                 <% if current_user.andand.is_admin %>
108                   <li role="presentation"><a href="/users">
109                       <i class="fa fa-lg fa-user fa-fw"></i> Users
110                   </a></li>
111                 <% end %>
112                 <li role="presentation"><a href="/groups">
113                     <i class="fa fa-lg fa-users fa-fw"></i> Groups
114                 </a></li>
115                 <li role="presentation"><a href="/nodes">
116                     <i class="fa fa-lg fa-cloud fa-fw"></i> Compute nodes
117                 </a></li>
118                 <li role="presentation"><a href="/keep_services">
119                     <i class="fa fa-lg fa-exchange fa-fw"></i> Keep services
120                 </a></li>
121                 <li role="presentation"><a href="/keep_disks">
122                     <i class="fa fa-lg fa-hdd-o fa-fw"></i> Keep disks
123                 </a></li>
124               </ul>
125             </li>
126           <% end %>
127           <% else %>
128             <li><a href="<%= arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
129           <% end %>
130
131           <li class="dropdown help-menu">
132             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="arv-help">
133               <span class="fa fa-lg fa-question-circle"></span>
134             </a>
135             <ul class="dropdown-menu">
136               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> Tutorials and User guide'), "#{Rails.configuration.arvados_docsite}/user", target: "_blank" %></li>
137               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> API Reference'), "#{Rails.configuration.arvados_docsite}/api", target: "_blank" %></li>
138               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> SDK Reference'), "#{Rails.configuration.arvados_docsite}/sdk", target: "_blank" %></li>
139               <li role="presentation" class="divider"></li>
140               <li> <%= link_to report_issue_popup_path(popup_type: 'version', current_location: request.url, current_path: request.fullpath, action_method: 'post'),
141                       {class: 'report-issue-modal-window',  :remote => true, return_to: request.url} do %>
142                        <i class="fa fa-fw fa-support"></i> Show version / debugging info ...
143                       <% end %>
144               </li>
145               <li> <%= link_to report_issue_popup_path(popup_type: 'report', current_location: request.url, current_path: request.fullpath, action_method: 'post'),
146                       {class: 'report-issue-modal-window', :remote => true, return_to: request.url} do %>
147                        <i class="fa fa-fw fa-support"></i> Report a problem ...
148                       <% end %>
149               </li>
150             </ul>
151           </li>
152         </ul>
153       </div><!-- /.navbar-collapse -->
154     </nav>
155
156     <% if current_user.andand.is_active %>
157       <nav class="navbar navbar-default breadcrumbs" role="navigation">
158         <ul class="nav navbar-nav navbar-left">
159           <li>
160             <a href="/">
161               <i class="fa fa-lg fa-fw fa-dashboard"></i>
162               Dashboard
163             </a>
164           </li>
165           <li class="dropdown">
166             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="projects-menu">
167               Projects
168               <span class="caret"></span>
169             </a>
170             <ul class="dropdown-menu" role="menu">
171             <%= render partial: "projects_tree_menu", locals: {
172                   :project_link_to => Proc.new do |pnode, &block|
173                     link_to(project_path(pnode[:object].uuid),
174                       data: { 'object-uuid' => pnode[:object].uuid,
175                               'name' => 'name' },
176                       &block)
177                   end,
178                   :top_button => Proc.new do %>
179                     <% link_to projects_path, method: 'post', class: 'btn btn-xs btn-default pull-right' do %>
180                       <i class="fa fa-plus"></i> New project
181                     <% end %>
182                   <% end %>
183             <% } %>
184             </ul>
185           </li>
186           <% if @name_link or @object %>
187             <li class="nav-separator">
188               <i class="fa fa-lg fa-angle-double-right"></i>
189             </li>
190             <li>
191               <%= link_to project_path(current_user.uuid) do %>
192                 Home
193               <% end %>
194             </li>
195             <% project_breadcrumbs.each do |p| %>
196               <li class="nav-separator">
197                 <i class="fa fa-lg fa-angle-double-right"></i>
198               </li>
199               <li>
200                 <%= link_to(p.name, project_path(p.uuid), data: {object_uuid: p.uuid, name: 'name'}) %>
201               </li>
202             <% end %>
203           <% end %>
204         </ul>
205       </nav>
206     <% end %>
207
208     <div id="page-wrapper">
209       <%= yield %>
210     </div>
211   </div>
212
213   <%= yield :footer_html %>
214
215 <div class="modal-container"></div>
216 <div id="report-issue-modal-window"></div>