94fe580ec70fcdd6654898bebcc2b9501c2377a7
[arvados.git] / apps / workbench / app / views / layouts / application.html.erb
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta charset="utf-8">
5   <title>
6     <% if content_for? :page_title %>
7     <%= yield :page_title %> / <%= Rails.configuration.site_name %>
8     <% else %>
9     <%= Rails.configuration.site_name %>
10     <% end %>
11   </title>
12   <meta name="viewport" content="width=device-width, initial-scale=1.0">
13   <link rel="icon" href="/favicon.ico" type="image/x-icon">
14   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
15   <meta name="description" content="">
16   <meta name="author" content="">
17   <% if current_user and $arvados_api_client.discovery[:websocketUrl] %>
18   <meta name="arv-websocket-url" content="<%=$arvados_api_client.discovery[:websocketUrl]%>?api_token=<%=Thread.current[:arvados_api_token]%>">
19   <% end %>
20   <meta name="robots" content="NOINDEX, NOFOLLOW">
21   <%= stylesheet_link_tag    "application", :media => "all" %>
22   <%= javascript_include_tag "application" %>
23   <%= csrf_meta_tags %>
24   <%= yield :head %>
25   <%= javascript_tag do %>
26   <%= yield :js %>
27   <% end %>
28   <style>
29     <%= yield :css %>
30     body {
31     min-height: 100%;
32     height: 100%;
33     }
34
35     @media (max-width: 979px) { body { padding-top: 0; } }
36
37     @media (max-width: 767px) {
38     .breadcrumbs {
39     display: none;
40     }
41     }
42   </style>
43   <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet">
44 </head>
45 <body>
46   <div id="wrapper" class="container-fluid">
47     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
48       <div class="navbar-header">
49         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
50           <span class="sr-only">Toggle navigation</span>
51           <span class="icon-bar"></span>
52           <span class="icon-bar"></span>
53           <span class="icon-bar"></span>
54         </button>
55         <a class="navbar-brand" href="/"><%= Rails.configuration.site_name.downcase rescue Rails.application.class.parent_name %></a>
56       </div>
57
58       <div class="collapse navbar-collapse">
59         <ul class="nav navbar-nav navbar-right">
60
61           <li>
62             <a><i class="rotating loading glyphicon glyphicon-refresh"></i></a>
63           </li>
64
65           <% if current_user %>
66           <!-- XXX placeholder for this when search is implemented
67           <li>
68             <form class="navbar-form" role="search">
69               <div class="input-group" style="width: 220px">
70                 <input type="text" class="form-control" placeholder="search">
71                 <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
72               </div>
73             </form>
74           </li>
75           -->
76
77           <li>
78             <%= link_to(choose_collections_path(
79                        title: 'Search',
80                        action_name: 'Show',
81                        action_href: url_for(controller: :actions, action: :show),
82                        action_method: 'get',
83                        action_data: {selection_param: 'uuid', success: 'redirect-to-created-object'}.to_json),
84                       { class: "", remote: true, method: 'get' }) do %>
85               <i class="fa fa-fw fa-search"></i> Search
86             <% end %>
87           </li>
88
89           <li class="dropdown notification-menu">
90             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="notifications-menu">
91               <span class="badge badge-alert notification-count"><%= @notification_count %></span>
92               <%= current_user.email %>
93             </a>
94             <ul class="dropdown-menu" role="menu">
95               <% if current_user.is_active %>
96               <li role="presentation"><a href="/authorized_keys" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage ssh keys</a></li>
97               <li role="presentation"><a href="/api_client_authorizations" role="menuitem"><i class="fa fa-ticket fa-fw"></i> Manage API tokens</a></li>
98               <li role="presentation" class="divider"></li>
99               <% end %>
100               <li role="presentation"><a href="<%= logout_path %>" role="menuitem"><i class="fa fa-sign-out fa-fw"></i> Log out</a></li>
101               <% if current_user.is_active and
102                     (@notifications || []).length > 0 %>
103                 <li role="presentation" class="divider"></li>
104                 <% @notifications.each_with_index do |n, i| %>
105                   <% if i > 0 %><li class="divider"></li><% end %>
106                   <li class="notification"><%= n.call(self) %></li>
107                 <% end %>
108               <% end %>
109             </ul>
110           </li>
111
112           <li class="dropdown selection-menu">
113             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
114               <span class="fa fa-lg fa-paperclip"></span>
115               <span class="badge" id="persistent-selection-count"></span>
116             </a>
117             <ul class="dropdown-menu" role="menu" id="persistent-selection-list">
118               <%= form_tag '/actions' do %>
119                 <%= hidden_field_tag 'uuid', @object.andand.uuid %>
120                 <div id="selection-form-content"></div>
121               <% end %>
122             </ul>
123           </li>
124
125           <% if current_user.is_active %>
126             <li class="dropdown">
127               <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="system-menu">
128                 <span class="fa fa-lg fa-gear"></span>
129               </a>
130               <ul class="dropdown-menu" role="menu">
131                 <li role="presentation" class="dropdown-header">
132                   Settings
133                 </li>
134                 <li role="presentation"><a href="/repositories">
135                     <i class="fa fa-lg fa-code-fork fa-fw"></i> Repositories
136                 </a></li>
137                 <li role="presentation"><a href="/virtual_machines">
138                     <i class="fa fa-lg fa-terminal fa-fw"></i> Virtual machines
139                 </a></li>
140                 <li role="presentation"><a href="/links">
141                     <i class="fa fa-lg fa-arrows-h fa-fw"></i> Links
142                 </a></li>
143                 <% if current_user.andand.is_admin %>
144                   <li role="presentation"><a href="/users">
145                       <i class="fa fa-lg fa-user fa-fw"></i> Users
146                   </a></li>
147                 <% end %>
148                 <li role="presentation"><a href="/groups">
149                     <i class="fa fa-lg fa-users fa-fw"></i> Groups
150                 </a></li>
151                 <li role="presentation"><a href="/nodes">
152                     <i class="fa fa-lg fa-cloud fa-fw"></i> Compute nodes
153                 </a></li>
154                 <li role="presentation"><a href="/keep_services">
155                     <i class="fa fa-lg fa-exchange fa-fw"></i> Keep services
156                 </a></li>
157                 <li role="presentation"><a href="/keep_disks">
158                     <i class="fa fa-lg fa-hdd-o fa-fw"></i> Keep disks
159                 </a></li>
160               </ul>
161             </li>
162           <% end %>
163           <% else %>
164             <li><a href="<%= arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
165           <% end %>
166
167           <li class="dropdown help-menu">
168             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="arv-help">
169               <span class="fa fa-lg fa-question-circle"></span>
170             </a>
171             <ul class="dropdown-menu">
172               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> Tutorials and User guide'), "#{Rails.configuration.arvados_docsite}/user", target: "_blank" %></li>
173               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> API Reference'), "#{Rails.configuration.arvados_docsite}/api", target: "_blank" %></li>
174               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> SDK Reference'), "#{Rails.configuration.arvados_docsite}/sdk", target: "_blank" %></li>
175             </ul>
176           </li>
177         </ul>
178       </div><!-- /.navbar-collapse -->
179     </nav>
180
181     <% if current_user.andand.is_active %>
182       <nav class="navbar navbar-default breadcrumbs" role="navigation">
183         <ul class="nav navbar-nav navbar-left">
184           <li class="dropdown">
185             <%= render partial: "projects_tree_menu", locals: {
186                   :project_link_to => Proc.new do |pnode, &block|
187                     link_to(project_path(pnode[:object].uuid), data: {object_uuid: pnode[:object].uuid, name: 'name'}, &block)
188                   end,
189                   :top_button => Proc.new do %>
190                     <% link_to projects_path, method: 'post', class: 'btn btn-xs btn-default pull-right' do %>
191                       <i class="fa fa-plus"></i> New project
192                     <% end %>
193                   <% end %>
194             <% } %>
195           </li>
196           <% project_breadcrumbs.each do |p| %>
197             <li class="nav-separator">
198               <i class="fa fa-lg fa-angle-double-right"></i>
199             </li>
200             <li>
201               <%= link_to(p.name, project_path(p.uuid), data: {object_uuid: p.uuid, name: 'name'}) %>
202             </li>
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   <%= piwik_tracking_tag %>
215   <%= javascript_tag do %>
216   <%= yield :footer_js %>
217   <% end %>
218
219 <div class="modal-container"></div>
220 </body>
221 </html>