mirror of
https://github.com/encode/django-rest-framework.git
synced 2025-08-05 13:00:12 +03:00
Language Switcher
This commit is contained in:
Emmanouil Konstantinidis
parent
f65b80849a
commit
275eb05a6b
|
|
@ -61,11 +61,20 @@
|
||||||
text-indent: 10px;
|
text-indent: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sidebar-nav > li > .nav > li {
|
||||||
|
text-indent: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.sidebar-nav li a {
|
.sidebar-nav li a {
|
||||||
display: block;
|
display: block;
|
||||||
text-decoration: none;
|
|
||||||
color: #999999;
|
|
||||||
border: 0;
|
border: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #999999;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: none;
|
||||||
|
padding: 8px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-nav li a:hover {
|
.sidebar-nav li a:hover {
|
||||||
|
|
@ -85,6 +94,15 @@
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sidebar-wrapper .language-switcher {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-wrapper .language-switcher .dropdown-menu {
|
||||||
|
min-width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
@media(min-width:768px) {
|
@media(min-width:768px) {
|
||||||
#wrapper {
|
#wrapper {
|
||||||
padding-left: 250px;
|
padding-left: 250px;
|
||||||
|
|
@ -118,7 +136,6 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// body {
|
// body {
|
||||||
// // padding-top: 70px;
|
// // padding-top: 70px;
|
||||||
// background-color: #f8f8f8;
|
// background-color: #f8f8f8;
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,6 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
|
|
||||||
{% include "rest_framework/docs/sidebar.html" %}
|
{% include "rest_framework/docs/sidebar.html" %}
|
||||||
|
|
||||||
<!-- Page Content -->
|
<!-- Page Content -->
|
||||||
|
|
@ -45,12 +44,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- /#page-content-wrapper -->
|
<!-- /#page-content-wrapper -->
|
||||||
|
|
||||||
<!-- <div class="container-fluid">
|
|
||||||
<div class="col-md-2">include "rest_framework/docs/toc.html" </div>
|
|
||||||
<div class="col-md-10" role="main">include "rest_framework/docs/document.html</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="{% static 'rest_framework/docs/js/jquery-1.10.2.min.js' %}"></script>
|
<script src="{% static 'rest_framework/docs/js/jquery-1.10.2.min.js' %}"></script>
|
||||||
|
|
@ -96,7 +89,11 @@
|
||||||
languageControls.not('[data-language="' + language +'"]').parent().removeClass("active")
|
languageControls.not('[data-language="' + language +'"]').parent().removeClass("active")
|
||||||
languageControls.filter('[data-language="' + language +'"]').parent().addClass("active")
|
languageControls.filter('[data-language="' + language +'"]').parent().addClass("active")
|
||||||
|
|
||||||
button.closest("li.dropdown").find('.dropdown-toggle span').text(language)
|
console.log('-----');
|
||||||
|
console.log(button);
|
||||||
|
console.log('-----');
|
||||||
|
|
||||||
|
button.closest(".btn-group").find('.dropdown-toggle span').first().text(language)
|
||||||
|
|
||||||
var codeBlocks = $('pre.highlight')
|
var codeBlocks = $('pre.highlight')
|
||||||
codeBlocks.not('[data-language="' + language +'"]').addClass("hide")
|
codeBlocks.not('[data-language="' + language +'"]').addClass("hide")
|
||||||
|
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
||||||
<div class="container-fluid">
|
|
||||||
|
|
||||||
<!-- Collapsed navigation -->
|
|
||||||
<div class="navbar-header">
|
|
||||||
<!-- Expander button -->
|
|
||||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
||||||
<span class="sr-only">Toggle navigation</span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<!-- Main title -->
|
|
||||||
<a class="navbar-brand" href="{{ homepage_url }}">{{ document.title }}</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="navbar-collapse">
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li class="dropdown">
|
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>shell</span> <b class="caret"></b></a>
|
|
||||||
<ul class="dropdown-menu language-control">
|
|
||||||
<li class="active"><a href="#" data-language="shell">shell</a></li>
|
|
||||||
<li><a href="#" data-language="javascript">javascript</a></li>
|
|
||||||
<li><a href="#" data-language="python">python</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
@ -2,7 +2,33 @@
|
||||||
<div id="sidebar-wrapper" class="sidebar-wrapper">
|
<div id="sidebar-wrapper" class="sidebar-wrapper">
|
||||||
<h3 class="sidebar-brand"><a href="#document-title">{{ document.title }}</a></h3>
|
<h3 class="sidebar-brand"><a href="#document-title">{{ document.title }}</a></h3>
|
||||||
|
|
||||||
|
<div class="language-switcher">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
<span>shell</span> <span class="caret"></span>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu language-control">
|
||||||
|
<li class="active"><a href="#" data-language="shell">shell</a></li>
|
||||||
|
<li><a href="#" data-language="javascript">javascript</a></li>
|
||||||
|
<li><a href="#" data-language="python">python</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <ul class="nav navbar-nav navbar-right">
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>shell</span> <b class="caret"></b></a>
|
||||||
|
<ul class="dropdown-menu language-control">
|
||||||
|
<li class="active"><a href="#" data-language="shell">shell</a></li>
|
||||||
|
<li><a href="#" data-language="javascript">javascript</a></li>
|
||||||
|
<li><a href="#" data-language="python">python</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul> -->
|
||||||
|
|
||||||
|
|
||||||
<ul class="nav nav-pills nav-stacked sidebar-nav">
|
<ul class="nav nav-pills nav-stacked sidebar-nav">
|
||||||
|
|
||||||
{% for section_key, section in document.data.items %}
|
{% for section_key, section in document.data.items %}
|
||||||
<li>
|
<li>
|
||||||
<a href="#{{ section_key }}">{{ section_key }}</a>
|
<a href="#{{ section_key }}">{{ section_key }}</a>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user