dan/api_docs
1
0
Fork 0
mirror of https://github.com/danbulant/api_docs synced 2026-05-24 12:27:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Simplifies layout language selection and js init logic

Browse source 
Signed-off-by: Christopher Rogers <chrissrogers@gmail.com>
This commit is contained in:
Christopher Rogers 2014-04-09 14:45:41 -07:00
parent 68807cd485
commit adf94ffbf6
2 changed files with 46 additions and 52 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
source/javascripts/init.js Normal file
View file

@ -0,0 +1,24 @@
$(function() {
var toc = $("#toc").tocify({
selectors: "h1,h2",
extendPage: false,
theme: "none",
smoothScroll: false,
showEffectSpeed: 0,
hideEffectSpeed: 180,
ignoreSelector: ".toc-ignore",
hashGenerator: 'pretty',
highlightOffset: 60,
scrollTo: -2,
scrollHistory: true,
hashGenerator: function(text, element) {
return element[0].getAttribute('id');
}
}).data("toc-tocify");
// Hack to make already open sections to start opened,
// instead of displaying an ugly animation
setTimeout(function() {
toc.setOption("showEffectSpeed", 180);
},50);
});

48
source/layouts/layout.erb
View file

@ -13,6 +13,7 @@ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations License for the specific language governing permissions and limitations
under the License. under the License.
%> %>
<% language_tabs = current_page.data.language_tabs %>
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
@ -26,45 +27,16 @@ under the License.
<%= stylesheet_link_tag "screen", media: 'screen' %> <%= stylesheet_link_tag "screen", media: 'screen' %>
<%= stylesheet_link_tag "print", media: 'print' %> <%= stylesheet_link_tag "print", media: 'print' %>
<script src="//code.jquery.com/jquery-1.10.1.min.js"></script> <script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<%= javascript_include_tag "all" %> <%= javascript_include_tag "all" %>
<% if language_tabs %>
<script> <script>
$(function() { $(function() {
var toc = $("#toc").tocify({ setupLanguages(<%= language_tabs.map{ |lang| lang.is_a?(Hash) ? lang.keys.first : lang }.to_json %>);
selectors: "h1,h2",
extendPage: false,
theme: "none",
smoothScroll: false,
showEffectSpeed: 0,
hideEffectSpeed: 180,
ignoreSelector: ".toc-ignore",
hashGenerator: 'pretty',
highlightOffset: 60,
scrollTo: -2,
scrollHistory: true,
hashGenerator: function(text, element) {
return element[0].getAttribute('id');
}
}).data("toc-tocify");
// Hack to make already open sections to start opened,
// instead of displaying an ugly animation
setTimeout(function() {
toc.setOption("showEffectSpeed", 180);
},50);
setupLanguages([
<% if current_page.data.language_tabs %>
<% current_page.data.language_tabs.each do |lang| %>
<% if lang.is_a? Hash %>
'<%= lang.keys[0] %>',
<% else %>
'<%= lang %>',
<% end %>
<% end %>
<% end %>
]);
}); });
</script> </script>
<% end %>
</head> </head>
<body class="<%= page_classes %>"> <body class="<%= page_classes %>">
@ -83,24 +55,22 @@ under the License.
<div class="page-wrapper"> <div class="page-wrapper">
<div class="content"> <div class="content">
<%= yield %> <%= yield %>
<% if current_page.data.includes %> <% current_page.data.includes && current_page.data.includes.each do |include| %>
<% current_page.data.includes.each do |include| %>
<%= partial "includes/#{include}" %> <%= partial "includes/#{include}" %>
<% end %> <% end %>
<% end %>
</div> </div>
<div class="dark-box"> <div class="dark-box">
<% if language_tabs %>
<div id="lang-selector"> <div id="lang-selector">
<% if current_page.data.language_tabs %> <% language_tabs.each do |lang| %>
<% current_page.data.language_tabs.each do |lang| %>
<% if lang.is_a? Hash %> <% if lang.is_a? Hash %>
<a href="#" data-language-name="<%= lang.keys[0] %>"><%= lang.values[0] %></a> <a href="#" data-language-name="<%= lang.keys[0] %>"><%= lang.values[0] %></a>
<% else %> <% else %>
<a href="#" data-language-name="<%= lang %>"><%= lang %></a> <a href="#" data-language-name="<%= lang %>"><%= lang %></a>
<% end %> <% end %>
<% end %> <% end %>
<% end %>
</div> </div>
<% end %>
</div> </div>
</div> </div>
</body> </body>