Merge branch 'master' into 3296-user-profile
[arvados.git] / apps / workbench / app / views / layouts / application.html.erb
index b5bf677581d4d9ee32be5975c7476078972ed21b..0a309db5b559bc6da69b5a30c75e76432ed131ca 100644 (file)
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
   <meta name="description" content="">
   <meta name="author" content="">
+  <% if current_user and $arvados_api_client.discovery[:websocketUrl] %>
+  <meta name="arv-websocket-url" content="<%=$arvados_api_client.discovery[:websocketUrl]%>?api_token=<%=Thread.current[:arvados_api_token]%>">
+  <% end %>
+  <meta name="robots" content="NOINDEX, NOFOLLOW">
   <%= stylesheet_link_tag    "application", :media => "all" %>
   <%= javascript_include_tag "application" %>
   <%= csrf_meta_tags %>
   <% end %>
   <style>
     <%= yield :css %>
-    body > div.container-fluid {
-    padding-top: 70px; /* 70px to make the container go all the way to the bottom of the navbar */
+    body {
+    min-height: 100%;
+    height: 100%;
     }
-    @media (max-width: 979px) { body { padding-top: 0; } }
 
-    .navbar .nav li.nav-separator > span.glyphicon.glyphicon-arrow-right {
-    padding-top: 1.25em;
-    }
+    @media (max-width: 979px) { body { padding-top: 0; } }
 
-    /* Setting the height needs to be fixed with javascript. */
-    .dropdown-menu {
-    padding-right: 20px;
-    max-height: 440px;
-    width: 400px;
-    overflow-y: auto;
+    @media (max-width: 767px) {
+    .breadcrumbs {
+    display: none;
     }
-    
-    .arvados-nav-active {
-    background: rgb(66, 139, 202);
-    }
-    .arvados-nav-active a {
-    color: white;
     }
   </style>
+  <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet">
+<%= piwik_tracking_tag %>
 </head>
 <body>
-
-  <div class="navbar navbar-default navbar-fixed-top">
-    <div class="container-fluid">
-      <ul class="nav navbar-nav navbar-left">
-        <li><a class="navbar-brand" href="/"><%= Rails.configuration.site_name rescue Rails.application.class.parent_name %></a></li>
-        <% if current_user %>
-        <li class="nav-separator"><span class="glyphicon glyphicon-arrow-right"></span></li>
-        <% if content_for?(:breadcrumbs) %>
-          <%= yield(:breadcrumbs) %>
-        <% else %>
-          <li>
-            <%= link_to(
-                        controller.model_class.to_s.pluralize.underscore.gsub('_', ' '),
-                        url_for({controller: params[:controller]})) %>
-          </li>
-          <% if params[:action] != 'index' %>
-            <li class="nav-separator">
-              <span class="glyphicon glyphicon-arrow-right"></span>
-            </li>
-            <li>
-<%= link_to controller.breadcrumb_page_name, request.fullpath %>
-            </li>
-          <% end %>
-        <% end %>
-        <% end %>
-      </ul>
-  
-      <ul class="nav navbar-nav navbar-right">
-
-        <% if current_user %>
-        <li>
-          <div class="loading" style="transform: translate(-20px,20px) scale(0.1,0.1); -ms-transform: translate(-20px,20px) scale(0.1,0.1); -webkit-transform: translate(-20px,20px) scale(0.1,0.1); display: none">
-            <%= render partial: 'loading' %>
-          </div>
-        </li>
-
-        <li>
-          <form class="navbar-form" role="search">
-            <div class="input-group" style="width: 300px">
-              <input type="text" class="form-control" placeholder="search">
-              <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span>
-            </div>
-        </li>
-
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-            <span class="glyphicon glyphicon-envelope"></span>
-            <span class="badge"><%= @notification_count %></span>
-            <span class="caret"></span>
-          </a>
-          <ul class="dropdown-menu" role="menu">
-            <% if @notifications.length > 0 %>
-              <% @notifications.each do |n| %>
-                <li style="padding: 10px"><%= n.call(self) %></li>
-                <li class="divider"></li>
-              <% end %>
-            <% else %>
-              <li style="padding: 10px">No notifications.</li>
-            <% end %>
-          </ul>
-        </li>        
-
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-            <span class="glyphicon glyphicon-user"></span><span class="caret"></span>
-          </a>
-          <ul class="dropdown-menu" role="menu">
-            <li role="presentation" class="dropdown-header"><%= current_user.email %></li>
-            <li role="presentation" class="divider"></li>
-            <li role="presentation"><a href="/authorized_keys" role="menuitem">Manage ssh keys</a></li>
-            <li role="presentation"><a href="/api_client_authorizations" role="menuitem">Manage API tokens</a></li>
-            <li role="presentation" class="divider"></li>
-            <li role="presentation"><a href="<%= logout_path %>" role="menuitem">Log out</a></li>
-          </ul>
-        </li>
-       <% else -%>
-          <li><a href="<%= $arvados_api_client.arvados_login_url(return_to: root_url) %>">Log in</a></li>
-       <% end -%>
-      </ul>
-    </div>
-  </div>
-
-  <div style="padding: 70px 15px 0px">
-    <div class="row">
-      <div class="col-sm-3">
-        <% if current_user %>
-        <div class="well">
-        <ul class="arvados-nav">
-          <li><a href="/">Dashboard</a></li>
-          <li>Data
-            <ul>
-              <li class="arvados-nav-active"><a href="/humans">Humans</a></li>
-              <li><a href="/traits">Traits</a></li>
-              <li><a href="/specimens">Specimens</a></li>
-              <li><a href="/collections">Files</a></li>
-            </ul>
-          </li>
-          <li>Compute
-            <ul>
-              <li><a href="/pipeline_templates">Pipelines</a></li>
-              <li><a href="/repositories">Script repositories</a></li>
-              <li><a href="/virtual_machines">Virtual machines</a></li>
-            </ul>
-          </li>
-          <li>History
-            <ul>
-              <li><a href="/pipeline_instances">Pipeline history</a></li>
-              <li><a href="/jobs">Job history</a></li>
-            </ul>
-          </li>
-          <li>Help
-            <ul>
-              <li><%= link_to 'Tutorials and User guide', "#{Rails.configuration.arvados_docsite}/user", target: "_blank" %></li>
-              <li><%= link_to 'API Reference', "#{Rails.configuration.arvados_docsite}/api", target: "_blank" %></li>
-              <li><%= link_to 'SDK Reference', "#{Rails.configuration.arvados_docsite}/sdk", target: "_blank" %></li>
-              <li><%= link_to 'Admin guide', "#{Rails.configuration.arvados_docsite}/admin", target: "_blank" %></li>
-            </ul>
-          </li>
-          <% if current_user.andand.is_admin %>
-          <li>Admin
-            <ul>
-              <li><a href="/users">Users</a></li>
-              <li><a href="/groups">Groups</a></li>
-              <li><a href="/compute_nodes">Compute nodes</a></li>
-              <li><a href="/keep_disks">Keep disks</a></li>
-            </ul>
-          </li>
-          <% end %>
-        </ul>
-        </div>
-        <% end %>
-      </div>
-      <div class="col-sm-9">
-        <%= yield %>
-      </div>
-    </div>
-  </div>
-
-  <%= piwik_tracking_tag %>
-  <%= javascript_tag do %>
-  <%= yield :footer_js %>
-  <% end %>
+<%= render template: 'layouts/body' %>
+<%= javascript_tag do %>
+<%= yield :footer_js %>
+<% end %>
 </body>
 </html>