ClickHouse/website/templates/docs/nav.html
2020-03-30 11:25:29 +03:00

65 lines
3.8 KiB
HTML

<nav id="top-nav" class="navbar navbar-dark navbar-expand-md bg-dark-alt text-white sticky-top">
<div class="container-fluid justify-content-between">
<a class="d-block navbar-brand mr-3" href="/">
<img id="docs-logo-icon" src="/images/logo.svg" alt="ClickHouse logo" title="ClickHouse logo"/>
</a>
<div class="w-100 navbar-text text-left d-none d-md-block">
<h1 class="h3 m-0 p-0 d-inline">
<a href="#" class="text-white text-decoration-none">
{{ page.title or config.site_name }}
</a>
</h1>
</div>
<div class="d-none d-md-block">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0 justify-content-end">
{% if config.extra.single_page %}
{% set edit_url = config.repo_url + 'tree/master/docs' %}
{% else %}
{% set edit_url = page.edit_url %}
{% endif %}
{% if edit_url %}
<li class="nav-item">
<a href="{{ edit_url }}" title="Edit this article" class="nav-link" rel="external nofollow noreferrer" target="_blank"><img src="/images/mkdocs/edit.svg" alt="Edit this article" class="mt-1" height="22" /></a>
</li>
{% endif %}
<li class="nav-item">
<a class="nav-link" href="https://github.com/ClickHouse/ClickHouse" rel="external nofollow noreferrer">
<img src="/images/index/github.svg" alt="GitHub repository" title="Go to GitHub" height="32" />
</a>
</li>
<li id="languages-wrapper" class="nav-item dropdown">
<div id="languages-dropdown">
<a class="nav-link dropdown-toggle d-inline-block mt-1 text-muted" href="#" id="lang-dropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="/images/flags/{{ language }}.svg" alt="{{ config.extra.languages[language] }}" title="{{ config.extra.languages[language] }}" width="32" class="d-inline-block mt-n1" />
</a>
<div class="dropdown-menu bg-dark" aria-labelledby="lang-dropdown">
{% for code, name in config.extra.languages.items() %}
<a class="dropdown-item{% if language == code %} disabled{% endif %}"
href="/docs/{% if config.extra.version_prefix %}{{ config.extra.version_prefix }}/{% endif %}{{ code }}/{{ page.url }}">
<img src="/images/flags/{{ code }}.svg" alt="" title="" width="32" class="d-inline-block mr-2" />{{ name }}
</a>
{% endfor %}
</div>
</div>
</li>
</ul>
</div>
<form id="search-form" class="form-inline m-0">
<div class="input-group">
<div class="input-group-prepend w-100">
<span class="input-group-text bg-secondary-alt text-muted border-0 mr-n1" id="search-icon">
<img src="/images/mkdocs/search.svg" />
</span>
<input id="docsearch-input" class="form-control bg-secondary-alt text-muted border-0 pl-1" type="search" placeholder="Search" aria-label="Search">
</div>
</div>
</form>
<button id="navbar-toggler" class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#sidebar" aria-controls="sidebar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>