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   <%= stylesheet_link_tag    "application", :media => "all" %>
  18   <%= javascript_include_tag "application" %>
  19   <%= csrf_meta_tags %>
  20   <%= yield :head %>
  21   <%= javascript_tag do %>
  22   <%= yield :js %>
  23   <% end %>
  24   <style>
  25     <%= yield :css %>
  26     body {
  27     min-height: 100%;
  28     height: 100%;
  29     }
  30
  31     body > div.container-fluid {
  32     padding-top: 70px; /* 70px to make the container go all the way to the bottom of the navbar */
  33     }
  34
  35     @media (max-width: 979px) { body { padding-top: 0; } }
  36
  37     .navbar .nav li.nav-separator > span.glyphicon.glyphicon-arrow-right {
  38     padding-top: 1.25em;
  39     }
  40
  41     @media (max-width: 767px) {
  42     .breadcrumbs {
  43     display: none;
  44     }
  45     }
  46   </style>
  47   <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  48 </head>
  49 <body>
  50   <div id="wrapper">
  51     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  52       <div class="navbar-header">
  53         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  54           <span class="sr-only">Toggle navigation</span>
  55           <span class="icon-bar"></span>
  56           <span class="icon-bar"></span>
  57           <span class="icon-bar"></span>
  58         </button>
  59         <a class="navbar-brand" href="/"><%= Rails.configuration.site_name rescue Rails.application.class.parent_name %></a>
  60       </div>
  61
  62       <div class="collapse navbar-collapse">
  63           <ul class="nav navbar-nav side-nav">
  64             <% if current_user.andand.is_active %>
  65
  66             <li class="<%= 'arvados-nav-active' if params[:action] == 'home' %>">
  67               <a href="/"><i class="fa fa-lg fa-dashboard fa-fw"></i> Dashboard</a>
  68             </li>
  69
  70             <li class="dropdown">
  71               <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lg fa-hand-o-up fa-fw"></i> Help <b class="caret"></b></a>
  72               <ul class="dropdown-menu">
  73                 <li><%= link_to raw('<i class="fa fa-lg fa-book fa-fw"></i> Tutorials and User guide'), "#{Rails.configuration.arvados_docsite}/user", target: "_blank" %></li>
  74                 <li><%= link_to raw('<i class="fa fa-lg fa-book fa-fw"></i> API Reference'), "#{Rails.configuration.arvados_docsite}/api", target: "_blank" %></li>
  75                 <li><%= link_to raw('<i class="fa fa-lg fa-book fa-fw"></i> SDK Reference'), "#{Rails.configuration.arvados_docsite}/sdk", target: "_blank" %></li>
  76               </ul>
  77             </li>
  78
  79             <li><a href="/collections">
  80                 <i class="fa fa-lg fa-briefcase fa-fw"></i> Collections (data files)
  81             </a></li>
  82             <li><a href="/pipeline_instances">
  83                 <i class="fa fa-lg fa-tasks fa-fw"></i> Pipeline instances
  84             </a></li>
  85             <li><a href="/pipeline_templates">
  86                 <i class="fa fa-lg fa-gears fa-fw"></i> Pipeline templates
  87             </a></li>
  88             <li><a href="/folders">
  89                 <i class="fa fa-lg fa-folder-o fa-fw"></i> Folders
  90             </a></li>
  91             <li class="dropdown">
  92               <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-lg fa-ellipsis-h fa-fw"></i> More <b class="caret"></b></a>
  93               <ul class="dropdown-menu">
  94                 <li><a href="/humans">
  95                     <i class="fa fa-lg fa-male fa-fw"></i> Humans
  96                 </a></li>
  97                 <li><a href="/specimens">
  98                     <i class="fa fa-lg fa-flask fa-fw"></i> Specimens
  99                 </a></li>
 100                 <li><a href="/traits">
 101                     <i class="fa fa-lg fa-clipboard fa-fw"></i> Traits
 102                 </a></li>
 103                 <li><a href="/links">
 104                     <i class="fa fa-lg fa-arrows-h fa-fw"></i> Links
 105                 </a></li>
 106                 <li><a href="/repositories">
 107                     <i class="fa fa-lg fa-code-fork fa-fw"></i> Repositories
 108                 </a></li>
 109                 <li><a href="/virtual_machines">
 110                     <i class="fa fa-lg fa-ellipsis-h fa-fw"></i> Virtual machines
 111                 </a></li>
 112                 <% if current_user.andand.is_admin %>
 113                   <li><a href="/users">
 114                       <i class="fa fa-lg fa-user fa-fw"></i> Users
 115                   </a></li>
 116                 <% end %>
 117                 <li><a href="/groups">
 118                     <i class="fa fa-lg fa-users fa-fw"></i> Groups
 119                 </a></li>
 120                 <li><a href="/nodes">
 121                     <i class="fa fa-lg fa-cogs fa-fw"></i> Compute nodes
 122                 </a></li>
 123                 <li><a href="/keep_disks">
 124                     <i class="fa fa-lg fa-hdd-o fa-fw"></i> Keep disks
 125                 </a></li>
 126               </ul>
 127             </li>
 128             <% end %>
 129           </ul>
 130
 131
 132
 133         <ul class="nav navbar-nav navbar-left breadcrumbs">
 134           <% if current_user %>
 135             <% if content_for?(:breadcrumbs) %>
 136               <%= yield(:breadcrumbs) %>
 137             <% else %>
 138               <li class="nav-separator"><span class="glyphicon glyphicon-arrow-right"></span></li>
 139               <li>
 140                 <%= link_to(
 141                             controller.controller_name.humanize.downcase,
 142                             url_for({controller: params[:controller]})) %>
 143               </li>
 144               <% if params[:action] != 'index' %>
 145                 <li class="nav-separator">
 146                   <span class="glyphicon glyphicon-arrow-right"></span>
 147                 </li>
 148                 <li>
 149                   <%= link_to_if_arvados_object @object %>
 150                 </li>
 151                 <li style="padding: 14px 0 14px">
 152                   <%= form_tag do |f| %>
 153                     <%= render :partial => "selection_checkbox", :locals => {:object => @object} %>
 154                   <% end %>
 155                 </li>
 156               <% end %>
 157             <% end %>
 158           <% end %>
 159         </ul>
 160
 161         <ul class="nav navbar-nav navbar-right">
 162
 163           <li>
 164             <a><i class="rotating loading glyphicon glyphicon-refresh"></i></a>
 165           </li>
 166
 167           <% if current_user %>
 168           <!-- XXX placeholder for this when search is implemented
 169           <li>
 170             <form class="navbar-form" role="search">
 171               <div class="input-group" style="width: 220px">
 172                 <input type="text" class="form-control" placeholder="search">
 173                 <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
 174               </div>
 175             </form>
 176           </li>
 177           -->
 178
 179           <li class="dropdown notification-menu">
 180             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="collections-menu">
 181               <span class="glyphicon glyphicon-paperclip"></span>
 182               <span class="badge" id="persistent-selection-count"></span>
 183               <span class="caret"></span>
 184             </a>
 185               <ul class="dropdown-menu" role="menu" id="persistent-selection-list">
 186                 <%= form_tag '/actions' do %>
 187                 <div id="selection-form-content"></div>
 188                 <% end %>
 189             </ul>
 190           </li>
 191
 192           <% if current_user.is_active %>
 193           <li class="dropdown notification-menu">
 194             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="notifications-menu">
 195               <span class="glyphicon glyphicon-envelope"></span>
 196               <span class="badge badge-alert notification-count"><%= @notification_count %></span>
 197               <span class="caret"></span>
 198             </a>
 199             <ul class="dropdown-menu" role="menu">
 200               <% if (@notifications || []).length > 0 %>
 201                 <% @notifications.each_with_index do |n, i| %>
 202                   <% if i > 0 %><li class="divider"></li><% end %>
 203                   <li class="notification"><%= n.call(self) %></li>
 204                 <% end %>
 205               <% else %>
 206                 <li class="notification empty">No notifications.</li>
 207               <% end %>
 208             </ul>
 209           </li>
 210           <% end %>
 211
 212           <li class="dropdown">
 213             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="user-menu">
 214               <span class="glyphicon glyphicon-user"></span><span class="caret"></span>
 215             </a>
 216             <ul class="dropdown-menu" role="menu">
 217               <li role="presentation" class="dropdown-header"><%= current_user.email %></li>
 218               <% if current_user.is_active %>
 219               <li role="presentation" class="divider"></li>
 220               <li role="presentation"><a href="/authorized_keys" role="menuitem"><i class="fa fa-key fa-fw"></i> Manage ssh keys</a></li>
 221               <li role="presentation"><a href="/api_client_authorizations" role="menuitem"><i class="fa fa-ticket fa-fw"></i> Manage API tokens</a></li>
 222               <li role="presentation" class="divider"></li>
 223               <% end %>
 224               <li role="presentation"><a href="<%= logout_path %>" role="menuitem"><i class="fa fa-sign-out fa-fw"></i> Log out</a></li>
 225             </ul>
 226           </li>
 227           <% else %>
 228             <li><a href="<%= $arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
 229           <% end %>
 230         </ul>
 231       </div><!-- /.navbar-collapse -->
 232     </nav>
 233
 234     <div id="page-wrapper">
 235       <%= yield %>
 236     </div>
 237   </div>
 238
 239 </div>
 240
 241   <%= yield :footer_html %>
 242   <%= piwik_tracking_tag %>
 243   <%= javascript_tag do %>
 244   <%= yield :footer_js %>
 245   <% end %>
 246
 247 </body>
 248 </html>