azure-sdk/_includes/topnav.html

73 строки
3.9 KiB
HTML

<!-- Navigation -->
<nav class="navbar navbar-fixed-top navbar-inverse">
<div class="container topnavlinks">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ "/index.html" | relative_url }}"/>
<span class="projectTitle"><img style="margin-top: -8px;" class="d-inline-block align-top" src="{{ "/images/azure-icon.png" | relative_url }}" width="42" height="42" alt=""/> {{site.topnav_title}}</span>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- toggle sidebar button -->
<!-- <li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li> -->
<!-- entries without drop-downs appear here -->
{% assign topnav = site.data[page.topnav] %}
{% assign topnav_dropdowns = site.data[page.topnav].topnav_dropdowns %}
{% for entry in topnav.topnav %}
{% for item in entry.items %}
{% if item.external_url %}
<li><a href="{{item.external_url}}" rel="noopener">{{item.title}}</a></li>
{% elsif page.url contains item.url %}
<li class="active"><a href="{{ item.url | relative_url }}">{{item.title}}</a></li>
{% else %}
<li><a href="{{item.url | relative_url }}">{{item.title}}</a></li>
{% endif %}
{% endfor %}
{% endfor %}
<!-- entries with drop-downs appear here -->
<!-- conditional logic to control which topnav appears for the audience defined in the configuration file.-->
{% for entry in topnav_dropdowns %}
{% for folder in entry.folders %}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ folder.title }}<b class="caret"></b></a>
<ul class="dropdown-menu">
{% for folderitem in folder.folderitems %}
{% if folderitem.external_url %}
<li><a href="{{folderitem.external_url}}" rel="noopener">{{folderitem.title}}</a></li>
{% elsif page.url contains folderitem.url %}
<li class="dropdownActive"><a href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% else %}
<li><a href="{{folderitem.url | relative_url }}">{{folderitem.title}}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endfor %}
{% endfor %}
{% if site.feedback_disable == null or site.feedback_disable == false %}
{% include feedback.html %}
{% endif %}
<li>
{% if page.repository %}
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" href="https://github.com/{{ page.repository }}"></a>
{% elsif site.repository %}
<a style="font-size: 1.666em !important" class="fa fa-github fa-2x" href="https://github.com/{{ site.repository }}"></a>
{% endif %}
</li>
<li>
<a style="font-size: 1.666em !important" class="fa fa-twitter fa-2x" href="https://twitter.com/AzureSDK"></a>
</li>
</ul>
</div>
</div>
<!-- /.container -->
</nav>