istio.io/_includes/header.html

152 lines
8.1 KiB
HTML

{% include latest_blog_post.html %}
{% assign current = page.url | downcase | split: '/' %}
<header role="banner">
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
{% if page.url == "/index.html" or page.url == "/" %}
{% assign visibility = "hidden" %}
{% else %}
{% assign visibility = "visible" %}
{% endif %}
<a class="navbar-brand" href="{{home}}/" style="visibility: {{visibility}}">
<img class="logo" src="{{home}}/img/istio-logo.svg" alt="Istio Logo"/>
{% if site.data.istio.archive %}
<span class="brand-name">Istioldie {{site.data.istio.version}}</span>
{% elsif site.data.istio.preliminary %}
<span class="brand-name">Istio Prelim {{site.data.istio.version}}</span>
{% else %}
<span class="brand-name">Istio {{site.data.istio.version}}</span>
{% endif %}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link {% if current[1] == 'about' %}active{% endif %}" href="{{home}}/about/intro.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link {% if current[1] == 'blog' %}active{% endif %}" href="{{latest_blog_post}}">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link {% if current[1] == 'docs' %}active{% endif %}" href="{{home}}/docs/">Docs</a>
</li>
<li class="nav-item">
<a class="nav-link {% if current[1] == 'help' %}active{% endif %}" href="{{home}}/help/">Help</a>
</li>
<li class="nav-item">
<a class="nav-link {% if current[1] == 'community.html' %}active{% endif %}" href="{{home}}/community.html">Community</a>
</li>
<li class="nav-item dropdown" id="gearDropdown" style="white-space: nowrap">
<a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i style="width: 1em" class='fa fa-lg fa-cog'></i>
</a>
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="gearDropdown">
{% assign future_release = true %}
{% for rel in site.data.releases %}
{% if future_release %}
{% assign target = page.url | remove_first: "/" %}
{% else %}
{% assign target = "" %}
{% if current[1] == 'about' %}
{% assign target = "about/" %}
{% elsif current[1] == 'blog' %}
{% assign target = "blog/" %}
{% elsif current[1] == 'help' %}
{% assign target = "help/" %}
{% elsif current[1] == 'community.html' %}
{% assign target = "community.html" %}
{% elsif current[1] == 'docs' %}
{% assign target = "docs/" %}
{% if current[2] == 'reference' %}
{% assign target = "docs/reference/" %}
{% elsif current[2] == 'guides' %}
{% assign target = "docs/guides/" %}
{% elsif current[2] == 'tasks' %}
{% assign target = "docs/tasks/" %}
{% elsif current[2] == 'concepts' %}
{% assign target = "docs/concepts/" %}
{% elsif current[2] == 'setup' %}
{% assign target = "docs/setup/" %}
{% endif %}
{% endif %}
{% endif %}
{% assign name = rel.name | strip %}
{% if name == "0.1" %}
{% if target == "docs/setup/" %}
{% assign target = "docs/tasks/installing-istio" %}
{% elsif target == "docs/guides/" %}
{% assign target = "docs/samples/" %}
{% elsif target == "help/" %}
{% assign target = "faq" %}
{% elsif target == "community.html" %}
{% assign target = "community/" %}
{% endif %}
{% elsif name == "0.2" %}
{% if target == "help/" %}
{% assign target = "faq" %}
{% elsif target == "community.html" %}
{% assign target = "community/" %}
{% endif %}
{% elsif name == "0.3" %}
{% if target == "about/" %}
{% assign target = "about.html" %}
{% elsif target == "help/" %}
{% assign target = "help.html" %}
{% endif %}
{% elsif name == "0.4" %}
{% if target == "about/" %}
{% assign target = "about.html" %}
{% elsif target == "help/" %}
{% assign target = "help.html" %}
{% endif %}
{% endif %}
<li>
{% if site.data.istio.version == rel.name %}
<i class='fa fa-check'></i>
{{rel.name}}
{% assign future_release = false %}
{% else %}
<i style="visibility: hidden;" class='fa fa-check'></i>
<a href="{{rel.url}}/{{target}}">{{rel.name}}</a>
{% endif %}
</li>
{% endfor %}
<li class="dropdown-divider"></li>
<li>
<i class='fa fa-check light'></i>
<a href="" onclick="setActiveStyleSheet('light');return false;">Light Theme</a>
</li>
<li>
<i class='fa fa-check dark'></i>
<a href="" onclick="setActiveStyleSheet('dark');return false;">Dark Theme</a>
</li>
</ul>
</li>
</ul>
<form name="cse" id="searchbox" class="form-inline justify-content-end" role="search">
<input type="hidden" name="cx" value="{{site.data.istio.search_engine_id}}" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="hl" value="en" />
<div class="input-group">
<input name="q" class="form-control search-box" type="text" size="30" />
<button class="btn btn-search input-group-addon my-2 my-sm-0 fa fa-search" type="submit"></button>
</div>
</form>
</div>
</nav>
</header>