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