3235: Do not bring up search dialog until enter/click in top nav
[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 %>
44             </a>
45             <ul class="dropdown-menu" role="menu">
46               <% if current_user.is_active %>
47               <li role="presentation"><a href="/authorized_keys" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage ssh keys</a></li>
48               <li role="presentation"><a href="/api_client_authorizations" role="menuitem"><i class="fa fa-ticket fa-fw"></i> Manage API tokens</a></li>
49               <li role="presentation" class="divider"></li>
50               <% end %>
51               <li role="presentation"><a href="<%= logout_path %>" role="menuitem"><i class="fa fa-sign-out fa-fw"></i> Log out</a></li>
52               <% if current_user.is_active and
53                     (@notifications || []).length > 0 %>
54                 <li role="presentation" class="divider"></li>
55                 <% @notifications.each_with_index do |n, i| %>
56                   <% if i > 0 %><li class="divider"></li><% end %>
57                   <li class="notification"><%= n.call(self) %></li>
58                 <% end %>
59               <% end %>
60             </ul>
61           </li>
62
63           <li class="dropdown selection-menu">
64             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
65               <span class="fa fa-lg fa-paperclip"></span>
66               <span class="badge" id="persistent-selection-count"></span>
67             </a>
68             <ul class="dropdown-menu" role="menu" id="persistent-selection-list">
69               <%= form_tag '/actions' do %>
70                 <%= hidden_field_tag 'uuid', @object.andand.uuid %>
71                 <div id="selection-form-content"></div>
72               <% end %>
73             </ul>
74           </li>
75
76           <% if current_user.is_active %>
77             <li class="dropdown">
78               <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="system-menu">
79                 <span class="fa fa-lg fa-gear"></span>
80               </a>
81               <ul class="dropdown-menu" role="menu">
82                 <li role="presentation" class="dropdown-header">
83                   Settings
84                 </li>
85                 <li role="presentation"><a href="/repositories">
86                     <i class="fa fa-lg fa-code-fork fa-fw"></i> Repositories
87                 </a></li>
88                 <li role="presentation"><a href="/virtual_machines">
89                     <i class="fa fa-lg fa-terminal fa-fw"></i> Virtual machines
90                 </a></li>
91                 <li role="presentation"><a href="/links">
92                     <i class="fa fa-lg fa-arrows-h fa-fw"></i> Links
93                 </a></li>
94                 <% if current_user.andand.is_admin %>
95                   <li role="presentation"><a href="/users">
96                       <i class="fa fa-lg fa-user fa-fw"></i> Users
97                   </a></li>
98                 <% end %>
99                 <li role="presentation"><a href="/groups">
100                     <i class="fa fa-lg fa-users fa-fw"></i> Groups
101                 </a></li>
102                 <li role="presentation"><a href="/nodes">
103                     <i class="fa fa-lg fa-cloud fa-fw"></i> Compute nodes
104                 </a></li>
105                 <li role="presentation"><a href="/keep_services">
106                     <i class="fa fa-lg fa-exchange fa-fw"></i> Keep services
107                 </a></li>
108                 <li role="presentation"><a href="/keep_disks">
109                     <i class="fa fa-lg fa-hdd-o fa-fw"></i> Keep disks
110                 </a></li>
111               </ul>
112             </li>
113           <% end %>
114           <% else %>
115             <li><a href="<%= arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
116           <% end %>
117
118           <li class="dropdown help-menu">
119             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="arv-help">
120               <span class="fa fa-lg fa-question-circle"></span>
121             </a>
122             <ul class="dropdown-menu">
123               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> Tutorials and User guide'), "#{Rails.configuration.arvados_docsite}/user", target: "_blank" %></li>
124               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> API Reference'), "#{Rails.configuration.arvados_docsite}/api", target: "_blank" %></li>
125               <li><%= link_to raw('<i class="fa fa-book fa-fw"></i> SDK Reference'), "#{Rails.configuration.arvados_docsite}/sdk", target: "_blank" %></li>
126             </ul>
127           </li>
128         </ul>
129       </div><!-- /.navbar-collapse -->
130     </nav>
131
132     <% if current_user.andand.is_active %>
133       <nav class="navbar navbar-default breadcrumbs" role="navigation">
134         <ul class="nav navbar-nav navbar-left">
135           <li>
136             <a href="/">
137               <i class="fa fa-lg fa-fw fa-home"></i>
138               Home
139             </a>
140           </li>
141           <li class="nav-separator">
142             <i class="fa fa-lg fa-angle-double-right"></i>
143           </li>
144           <li class="dropdown">
145             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="projects-menu">
146               Projects
147               <span class="caret"></span>
148             </a>
149             <ul class="dropdown-menu" role="menu">
150             <%= render partial: "projects_tree_menu", locals: {
151                   :project_link_to => Proc.new do |pnode, &block|
152                     link_to(project_path(pnode[:object].uuid),
153                       data: { 'object-uuid' => pnode[:object].uuid,
154                               'name' => 'name' },
155                       &block)
156                   end,
157                   :top_button => Proc.new do %>
158                     <% link_to projects_path, method: 'post', class: 'btn btn-xs btn-default pull-right' do %>
159                       <i class="fa fa-plus"></i> New project
160                     <% end %>
161                   <% end %>
162             <% } %>
163             </ul>
164           </li>
165           <% project_breadcrumbs.each do |p| %>
166             <li class="nav-separator">
167               <i class="fa fa-lg fa-angle-double-right"></i>
168             </li>
169             <li>
170               <%= link_to(p.name, project_path(p.uuid), data: {object_uuid: p.uuid, name: 'name'}) %>
171             </li>
172           <% end %>
173         </ul>
174       </nav>
175     <% end %>
176
177     <div id="page-wrapper">
178       <%= yield %>
179     </div>
180   </div>
181
182   <%= yield :footer_html %>
183
184 <div class="modal-container"></div>