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           <% if current_user %>
  78           <li class="dropdown notification-menu">
  79             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="notifications-menu">
  80               <span class="badge badge-alert notification-count"><%= @notification_count %></span>
  81               <%= current_user.email %>
  82             </a>
  83             <ul class="dropdown-menu" role="menu">
  84               <% if current_user.is_active %>
  85               <li role="presentation"><a href="/authorized_keys" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage ssh keys</a></li>
  86               <li role="presentation"><a href="/api_client_authorizations" role="menuitem"><i class="fa fa-ticket fa-fw"></i> Manage API tokens</a></li>
  87               <li role="presentation" class="divider"></li>
  88               <% end %>
  89               <li role="presentation"><a href="<%= logout_path %>" role="menuitem"><i class="fa fa-sign-out fa-fw"></i> Log out</a></li>
  90               <% if current_user.is_active and
  91                     (@notifications || []).length > 0 %>
  92                 <li role="presentation" class="divider"></li>
  93                 <% @notifications.each_with_index do |n, i| %>
  94                   <% if i > 0 %><li class="divider"></li><% end %>
  95                   <li class="notification"><%= n.call(self) %></li>
  96                 <% end %>
  97               <% end %>
  98             </ul>
  99           </li>
 100           <% end %>
 101
 102           <li class="dropdown notification-menu">
 103             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="collections-menu">
 104               <span class="fa fa-lg fa-paperclip"></span>
 105               <span class="badge" id="persistent-selection-count"></span>
 106             </a>
 107             <ul class="dropdown-menu" role="menu" id="persistent-selection-list">
 108               <%= form_tag '/actions' do %>
 109                 <%= hidden_field_tag 'uuid', @object.andand.uuid %>
 110                 <div id="selection-form-content"></div>
 111               <% end %>
 112             </ul>
 113           </li>
 114
 115           <% if current_user.is_active %>
 116             <li class="dropdown">
 117               <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="system-menu">
 118                 <span class="fa fa-lg fa-gear"></span>
 119               </a>
 120               <ul class="dropdown-menu" role="menu">
 121                 <li role="presentation" class="dropdown-header">
 122                   System tools
 123                 </li>
 124                 <li role="presentation"><a href="/repositories">
 125                     <i class="fa fa-lg fa-code-fork fa-fw"></i> Repositories
 126                 </a></li>
 127                 <li role="presentation"><a href="/virtual_machines">
 128                     <i class="fa fa-lg fa-terminal fa-fw"></i> Virtual machines
 129                 </a></li>
 130                 <li role="presentation"><a href="/links">
 131                     <i class="fa fa-lg fa-arrows-h fa-fw"></i> Links
 132                 </a></li>
 133                 <% if current_user.andand.is_admin %>
 134                   <li role="presentation"><a href="/users">
 135                       <i class="fa fa-lg fa-user fa-fw"></i> Users
 136                   </a></li>
 137                 <% end %>
 138                 <li role="presentation"><a href="/groups">
 139                     <i class="fa fa-lg fa-users fa-fw"></i> Groups
 140                 </a></li>
 141                 <li role="presentation"><a href="/nodes">
 142                     <i class="fa fa-lg fa-cloud fa-fw"></i> Compute nodes
 143                 </a></li>
 144                 <li role="presentation"><a href="/keep_services">
 145                     <i class="fa fa-lg fa-exchange fa-fw"></i> Keep services
 146                 </a></li>
 147                 <li role="presentation"><a href="/keep_disks">
 148                     <i class="fa fa-lg fa-hdd-o fa-fw"></i> Keep disks
 149                 </a></li>
 150               </ul>
 151             </li>
 152           <% end %>
 153           <% else %>
 154             <li><a href="<%= arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
 155           <% end %>
 156         </ul>
 157       </div><!-- /.navbar-collapse -->
 158     </nav>
 159
 160     <% if current_user.andand.is_active %>
 161       <nav class="navbar navbar-default breadcrumbs" role="navigation">
 162         <ul class="nav navbar-nav navbar-left">
 163           <li class="dropdown">
 164             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="projects-menu">
 165               <i class="fa fa-lg fa-fw fa-home"></i>
 166               Projects
 167               <span class="caret"></span>
 168             </a>
 169             <ul class="dropdown-menu" role="menu">
 170               <li role="presentation" class="dropdown-header">
 171                 <%= link_to projects_path('project[owner_uuid]' => current_project_uuid), method: 'post', class: 'btn btn-xs btn-default pull-right' do %>
 172                   <i class="fa fa-plus"></i> New project
 173                 <% end %>
 174                 My projects
 175               </li>
 176               <% my_projects.each do |p| %>
 177                 <li>
 178                   <%= link_to(p.name, project_path(p.uuid)) %>
 179                 </li>
 180               <% end %>
 181               <li class="divider">
 182               <li role="presentation" class="dropdown-header">
 183                 Projects shared with me
 184               </li>
 185               <% projects_shared_with_me.each do |p| %>
 186                 <li>
 187                   <%= link_to project_path(p.uuid) do %>
 188                     <i class="fa fa-fw fa-share-alt"></i> <%= p.name %>
 189                   <% end %>
 190                 </li>
 191               <% end %>
 192             </ul>
 193           </li>
 194           <% project_breadcrumbs.each do |p| %>
 195             <li class="nav-separator">
 196               <i class="fa fa-lg fa-angle-double-right"></i>
 197             </li>
 198             <li>
 199               <%= link_to(p.name, project_path(p.uuid), data: {object_uuid: p.uuid, name: 'name'}) %>
 200             </li>
 201           <% end %>
 202           <% if current_project_uuid.andand != @object.andand.uuid %>
 203             <li class="nav-separator">
 204               <i class="fa fa-lg fa-angle-double-right"></i>
 205             </li>
 206           <% end %>
 207         </ul>
 208       </nav>
 209     <% end %>
 210
 211     <div id="page-wrapper">
 212       <%= yield %>
 213     </div>
 214   </div>
 215
 216   <%= yield :footer_html %>
 217   <%= piwik_tracking_tag %>
 218   <%= javascript_tag do %>
 219   <%= yield :footer_js %>
 220   <% end %>
 221
 222 <div class="modal-container"></div>
 223 </body>
 224 </html>