mirror of
https://github.com/encode/django-rest-framework.git
synced 2024-11-24 18:44:00 +03:00
feat: add new navbar base HTML
This commit is contained in:
mostafaei2002
parent
db00ca7506
commit
ea66c941bb
|
|
@ -1,46 +1,176 @@
|
||||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
<!-- <div class="navbar navbar-inverse navbar-fixed-top">
|
||||||
<div class="navbar-inner">
|
<div class="navbar-inner">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="repo-link btn btn-primary btn-small" href="https://github.com/encode/django-rest-framework/tree/master">GitHub</a>
|
<a
|
||||||
<a class="repo-link btn btn-inverse btn-small {% if not page.next_page %}disabled{% endif %}" rel="next" {% if page.next_page %}href="{{ page.next_page.url|url }}"{% endif %}>
|
class="repo-link btn btn-primary btn-small"
|
||||||
Next <i class="icon-arrow-right icon-white"></i>
|
href="https://github.com/encode/django-rest-framework/tree/master"
|
||||||
</a>
|
>GitHub</a
|
||||||
<a class="repo-link btn btn-inverse btn-small {% if not page.previous_page %}disabled{% endif %}" rel="prev" {% if page.previous_page %}href="{{ page.previous_page.url|url }}"{% endif %}>
|
>
|
||||||
<i class="icon-arrow-left icon-white"></i> Previous
|
<a
|
||||||
</a>
|
class="repo-link btn btn-inverse btn-small {% if not page.next_page %}disabled{% endif %}"
|
||||||
<a id="search_modal_show" class="repo-link btn btn-inverse btn-small" href="#mkdocs_search_modal" data-toggle="modal" data-target="#mkdocs_search_modal"><i class="icon-search icon-white"></i> Search</a>
|
rel="next"
|
||||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
{%
|
||||||
<span class="icon-bar"></span>
|
if
|
||||||
<span class="icon-bar"></span>
|
page.next_page
|
||||||
<span class="icon-bar"></span>
|
%}href="{{ page.next_page.url|url }}"
|
||||||
</a>
|
{%
|
||||||
<a class="brand" href="https://www.django-rest-framework.org/">Django REST framework</a>
|
endif
|
||||||
<div class="nav-collapse collapse">
|
%}
|
||||||
{% if nav|length>1 %}
|
>
|
||||||
<!-- Main navigation -->
|
Next <i class="icon-arrow-right icon-white"></i>
|
||||||
<ul class="nav navbar-nav">
|
</a>
|
||||||
{% for nav_item in nav %} {% if nav_item.children %}
|
<a
|
||||||
<li class="dropdown{% if nav_item.active %} active{% endif %}">
|
class="repo-link btn btn-inverse btn-small {% if not page.previous_page %}disabled{% endif %}"
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a>
|
rel="prev"
|
||||||
<ul class="dropdown-menu">
|
{%
|
||||||
{% for nav_item in nav_item.children %}
|
if
|
||||||
<li {% if nav_item.active %}class="active" {% endif %}>
|
page.previous_page
|
||||||
<a href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
%}href="{{ page.previous_page.url|url }}"
|
||||||
</li>
|
{%
|
||||||
{% endfor %}
|
endif
|
||||||
</ul>
|
%}
|
||||||
</li>
|
>
|
||||||
{% else %}
|
<i class="icon-arrow-left icon-white"></i> Previous
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
id="search_modal_show"
|
||||||
|
class="repo-link btn btn-inverse btn-small"
|
||||||
|
href="#mkdocs_search_modal"
|
||||||
|
data-toggle="modal"
|
||||||
|
data-target="#mkdocs_search_modal"
|
||||||
|
><i class="icon-search icon-white"></i> Search</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="btn btn-navbar"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target=".nav-collapse"
|
||||||
|
>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="brand" href="https://www.django-rest-framework.org/"
|
||||||
|
>Django REST framework</a
|
||||||
|
>
|
||||||
|
|
||||||
|
<div class="nav-collapse collapse">
|
||||||
|
{% if nav|length>1 %}
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
|
{% for nav_item in nav %} {% if nav_item.children %}
|
||||||
|
<li class="dropdown{% if nav_item.active %} active{% endif %}">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"
|
||||||
|
>{{ nav_item.title }} <b class="caret"></b
|
||||||
|
></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
{% for nav_item in nav_item.children %}
|
||||||
<li {% if nav_item.active %}class="active" {% endif %}>
|
<li {% if nav_item.active %}class="active" {% endif %}>
|
||||||
<a href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
<a href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %} {% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
{% endif %}
|
</li>
|
||||||
</div>
|
{% else %}
|
||||||
<!--/.nav-collapse -->
|
<li {% if nav_item.active %}class="active" {% endif %}>
|
||||||
|
<a href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
||||||
</div>
|
</li>
|
||||||
|
{% endif %} {% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<!-- New Navbar -->
|
||||||
|
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand" href="https://www.django-rest-framework.org/"
|
||||||
|
>Django REST framework</a
|
||||||
|
>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="navbar-toggler"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#navbarSupportedContent"
|
||||||
|
aria-controls="navbarSupportedContent"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-label="Toggle navigation"
|
||||||
|
>
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Main navigation -->
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
{% if nav|length>1 %}
|
||||||
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
|
{% for nav_item in nav %} {% if nav_item.children %}
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a
|
||||||
|
class="nav-link dropdown-toggle"
|
||||||
|
href="#"
|
||||||
|
role="button"
|
||||||
|
data-bs-toggle="dropdown"
|
||||||
|
aria-expanded="false"
|
||||||
|
>
|
||||||
|
{{ nav_item.title }}
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
{% for nav_item in nav_item.children %}
|
||||||
|
<li>
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<a {% if nav_item.active %} class="dropdown-item active" {% else %} class="dropdown-item" {% endif %}
|
||||||
|
|
||||||
|
href="#">{{ nav_item.title }}</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<li class="nav-item">
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<a {% if nav_item.active %} class="nav-link active" {% else %} class="nav-link" {% endif %}
|
||||||
|
aria-current="page" href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
|
||||||
|
</li>
|
||||||
|
{% endif %} {% endfor %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form class="d-flex mx-auto" role="search">
|
||||||
|
<input
|
||||||
|
class="form-control me-2"
|
||||||
|
type="search"
|
||||||
|
placeholder="Search"
|
||||||
|
aria-label="Search"
|
||||||
|
/>
|
||||||
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<a
|
||||||
|
{% if page.previous_page %}href="{{ page.previous_page.url|url }}"{% endif %}
|
||||||
|
{% if not page.previous_page %}disabled{% endif %}
|
||||||
|
class="btn btn-sm btn-secondary"
|
||||||
|
>Previous</a>
|
||||||
|
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<a
|
||||||
|
{% if page.next_page %}href="{{ page.next_page.url|url }}"{% endif %}
|
||||||
|
{% if not page.next_page %}disabled{% endif %}
|
||||||
|
class="btn btn-sm btn-secondary"
|
||||||
|
>Next</a>
|
||||||
|
|
||||||
|
<!-- prettier-ignore -->
|
||||||
|
<a
|
||||||
|
class="btn btn-primary btn-sm"
|
||||||
|
href="https://github.com/encode/django-rest-framework/tree/master"
|
||||||
|
>Github</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user