19201: add warning when users are viewing documentation for old Arvados
[arvados.git] / doc / _includes / _navbar_top.liquid
1 {% comment %}
2 Copyright (C) The Arvados Authors. All rights reserved.
3
4 SPDX-License-Identifier: CC-BY-SA-3.0
5 {% endcomment %}
6
7 <div class="navbar navbar-default navbar-fixed-top">
8   <div class="container-fluid">
9     <div class="navbar-header">
10       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse">
11         <span class="sr-only">Toggle navigation</span>
12         <span class="icon-bar"></span>
13         <span class="icon-bar"></span>
14         <span class="icon-bar"></span>
15       </button>
16       <a class="navbar-brand" href="{{ site.baseurl }}/">Arvados<sup>&trade;</sup> Docs</a>
17     </div>
18     <div class="collapse navbar-collapse" id="bs-navbar-collapse">
19       <ul class="nav navbar-nav">
20         <!--<li {% if page.navsection == 'start' %} class="active" {% endif %}><a href="{{ site.baseurl }}/start/index.html">Getting&nbsp;Started</a></li>-->
21         <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/index.html">User&nbsp;Guide</a></li>
22         <li {% if page.navsection == 'sdk' %} class="active" {% endif %}><a href="{{ site.baseurl }}/sdk/index.html">SDKs</a></li>
23         <li {% if page.navsection == 'architecture' %} class="active" {% endif %}><a href="{{ site.baseurl }}/architecture/index.html">Architecture</a></li>
24         <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/index.html">API</a></li>
25         <li {% if page.navsection == 'admin' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/index.html">Admin</a></li>
26         <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/index.html">Install</a></li>
27         <li><a href="#" class="dropdown-toggle" role="button" id="versionMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ site.current_version }}{% if site.all_versions != [] %}&nbsp;&#9662;{% endif %}</a>
28           {% if site.all_versions != [] %}
29             <div class="dropdown-menu" aria-labelledby="versionMenuLink">
30             {% for version in site.all_versions %}
31               &nbsp;<a href="/{{ version }}{{ page.url }}" class="dropdown-item">{{ version }}</a><br/>
32             {% endfor %}
33             </div>
34           {% endif %}
35         </li>
36         <li><a href="https://arvados.org" style="padding-left: 2em">arvados.org&nbsp;&raquo;</a></li>
37       </ul>
38
39       <div class="pull-right" style="padding-top: 6px; padding-right: 25px">
40         <form method="get" action="https://www.google.com/search">
41           <div class="input-group" style="width: 220px">
42             <input type="text" class="form-control" name="q" placeholder="search">
43             <div class="input-group-addon">
44               <button class="glyphicon glyphicon-search" style="border: 0px" type="submit"></button>
45             </div>
46             <input type="hidden" name="sitesearch" value="doc.arvados.org"/>
47           </div>
48         </form>
49       </div>
50     </div>
51
52    <div class="alert alert-block alert-info" style="display: none;" id="old-version-warning">
53      WARNING - you are viewing the documentation for an old version of Arvados. For the latest version, click <a href="/">here</a>.
54    </div>
55    <div class="alert alert-block alert-info" style="display: none;" id="annotate-notify">
56      <div style="margin-top: -26px; font-size: 12pt">Hey!  You can use the annotation sidebar from <a href="https://hypothes.is">hypothes.is</a> to make public comments and private notes
57        <span style="font-size: 32pt">&rarr;</span></div>
58       <button type="button" class="close" onclick="dismissAnnotateNotify()">Got it</button>
59    </div>
60
61    <script>
62      function dismissAnnotateNotify() {
63          window.localStorage.setItem("dismiss-annotate-notify", "true");
64          $('#annotate-notify').attr('style', "display: none;");
65      }
66      if (window.localStorage.getItem("dismiss-annotate-notify") === "true") {
67          dismissAnnotateNotify();
68      } else {
69          $('#annotate-notify').attr('style', "display: inline-block;");
70      }
71    </script>
72
73   </div>
74 </div>