Skip to content

Commit d1dee3c

Browse files
limzykennethlimzykenneth
committed
Use handlebars template for reference page
1 parent b396b1f commit d1dee3c

File tree

2 files changed

+147
-278
lines changed

2 files changed

+147
-278
lines changed

‎src/templates/pages/reference/index.hbs

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
---
2+
title: reference
3+
slug: reference/
4+
---
5+
6+
<div id="reference-page">
7+
{{> sidebar}}
8+
9+
<div class="column-span">
10+
11+
<main id="content" >
12+
<h1>Reference</h1>
13+
14+
<div id="search" class="search-wrapper" role="search"></div>
15+
<div id="collection-list-nav"></div>
16+
17+
<!--class="container-fluid"-->
18+
<div id="list" tabindex="2" class="list-wrapper allItems-collection"></div>
19+
<div id="item" tabindex="1" class="item-wrapper apidocs"></div>
20+
<div id="file" class="file-wrapper"></div>
21+
22+
</main>
23+
24+
{{> footer}}
25+
26+
</div> <!-- end column-span -->
27+
28+
<script src="//fast.fonts.net/jsapi/5ace315e-3b19-4568-9e85-5bfcb29004c0.js"></script>
29+
<script src='/assets/js/p5.min.js'></script>
30+
<script src='/assets/js/p5.dom.min.js'></script>
31+
<script src='/assets/js/p5.sound.min.js'></script>
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
33+
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
34+
<script src="./assets/js/require.min.js"></script>
35+
<!-- <script src="https://p5js.org/assets/js/render.js"></script> -->
36+
<script src="/assets/js/render.js"></script>
37+
<script src="./assets/js/reference.js"></script>
38+
39+
<script>
40+
41+
var translations;
42+
43+
$(document).ready(function() {
44+
var langs = ['es', 'zh-Hans'];
45+
var routes = window.location.pathname.split('/');
46+
var lang = routes[1];
47+
if (langs.indexOf(lang) != -1) {
48+
$.getJSON('/assets/reference/'+lang+'.json', function(data) {
49+
translations = data;
50+
51+
window.addEventListener('reference-rendered', function() {
52+
console.log("rendered");
53+
updateLanguage();
54+
}, false);
55+
});
56+
}
57+
});
58+
59+
function updateLanguage() {
60+
if (translations) {
61+
// reference title
62+
$('h1').html(translations['h1']);
63+
// reference tagline
64+
$('#reference-tagline').html(translations['reference-tagline']);
65+
// reference tagline
66+
$('#search input').attr('placeholder', translations['reference-search']);
67+
$('#search input').attr('title', translations['reference-search']);
68+
// reference menu
69+
$('#reference-menu-home').html(translations['reference-menu-home']);
70+
$('#reference-menu-download').html(translations['reference-menu-download']);
71+
$('#reference-menu-get-started').html(translations['reference-menu-get-started']);
72+
$('#reference-menu-reference').html(translations['reference-menu-reference']);
73+
$('#reference-menu-libraries').html(translations['reference-menu-libraries']);
74+
$('#reference-menu-learn').html(translations['reference-menu-learn']);
75+
$('#reference-menu-examples').html(translations['reference-menu-examples']);
76+
$('#reference-menu-books').html(translations['reference-menu-books']);
77+
$('#reference-menu-community').html(translations['reference-menu-community']);
78+
$('#reference-menu-forum').html(translations['reference-menu-forum']);
79+
// reference description
80+
$('#reference-description1').html(translations['reference-description1']);
81+
$('#reference-description2').html(translations['reference-description2']);
82+
$('#reference-description3').html(translations['reference-description3']);
83+
$('#reference-description4').html(translations['reference-description4']);
84+
// reference contribute
85+
$('#reference-contribute1').html(translations['reference-contribute1']);
86+
$('#reference-contribute2').html(translations['reference-contribute2']);
87+
// reference error
88+
$('#reference-error1').html(translations['reference-error1']);
89+
$('#reference-error2').html(translations['reference-error2']);
90+
$('#reference-error3').html(translations['reference-error3']);
91+
$('#reference-error4').html(translations['reference-error4']);
92+
$('#reference-error5').html(translations['reference-error5']);
93+
// reference texts
94+
$('#reference-example').html(translations['reference-example']);
95+
$('#reference-description').html(translations['reference-description'])
96+
$('#reference-extends').html(translations['reference-extends']);
97+
$('#reference-parameters').html(translations['reference-parameters']);
98+
$('#reference-syntax').html(translations['reference-syntax']);
99+
$('#reference-returns').html(translations['reference-returns']);
100+
// reference footer
101+
$('#footer1').html(translations['footer1']);
102+
$('#footer2').html(translations['footer2']);
103+
$('#footer3').html(translations['footer3']);
104+
$('#footer4').html(translations['footer4']);
105+
$('.group-name, .subgroup-name').each(function() {
106+
$(this).text(translations[$(this).text()]);
107+
});
108+
var routes = window.location.hash.split('/');
109+
var obj = routes[1];
110+
var name = routes[2];
111+
if (translations[obj] && translations[obj][name]) {
112+
var entry = translations[obj][name];
113+
$('.description-text').html('<p>'+entry.description+'</p>');
114+
$('.returns').html(entry.returns);
115+
$('.params').find('tr').each(function(i) {
116+
if (i < entry.params.length) {
117+
$(this).children('td').eq(1).html(entry.params[i])
118+
}
119+
});
120+
}
121+
}
122+
}
123+
</script>
124+
125+
126+
<!-- outside of column for footer to go across both -->
127+
128+
{{> asterisk}}
129+
130+
</div><!-- end id="reference-page" -->
131+
132+
<script>
133+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
134+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
135+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
136+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
137+
ga('create', 'UA-53383000-1', 'auto');
138+
ga('send', 'pageview');
139+
140+
$(window).ready(function() {
141+
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
142+
$('#top').remove();
143+
} else {
144+
$('#top').show();
145+
}
146+
});
147+
</script>

0 commit comments

Comments
 (0)