4b842e7ac8
This includes calculator open/close button, navigation, profile, and book's table of content.
102 lines
2.4 KiB
HTML
102 lines
2.4 KiB
HTML
<%inherit file="main.html" />
|
||
<%block name="title"><title>Textbook – MITx 6.002x</title></%block>
|
||
|
||
<%block name="js_extra">
|
||
<script>
|
||
var page=${ page };
|
||
|
||
$(document).ready(function(){
|
||
if(!page) {
|
||
cookie_page = $.cookie("book_page");
|
||
if(cookie_page) {
|
||
goto_page(cookie_page);
|
||
}
|
||
}
|
||
$("#booknav").treeview({collapsed:true, unique:true/*, cookieId: "treeview-book-nav", persist: "cookie"*/});
|
||
});
|
||
|
||
function goto_page(n) {
|
||
log_event("book", {"type":"gotopage","old":page,"new":n});
|
||
page=n;
|
||
var prefix = "";
|
||
if(n<100) {
|
||
prefix="0";
|
||
}
|
||
if(n<10) {
|
||
prefix="00";
|
||
}
|
||
$("#bookpage").attr("src","${ settings.BOOK_URL }p"+prefix+n+".png");
|
||
$.cookie("book_page", n, {'expires':3650, 'path':'/'});
|
||
};
|
||
|
||
function prev_page() {
|
||
var newpage=page-1;
|
||
if(newpage<0) newpage=0;
|
||
goto_page(newpage);
|
||
log_event("book", {"type":"prevpage","new":page});
|
||
}
|
||
|
||
function next_page() {
|
||
var newpage=page+1;
|
||
if(newpage>1008) newpage=1008;
|
||
goto_page(newpage);
|
||
log_event("book", {"type":"nextpage","new":page});
|
||
}
|
||
|
||
$("#open_close_accordion a").click(function(){
|
||
if ($(".book-wrapper").hasClass("closed")){
|
||
$(".book-wrapper").removeClass("closed");
|
||
} else {
|
||
$(".book-wrapper").addClass("closed");
|
||
}
|
||
});
|
||
|
||
</script>
|
||
</%block>
|
||
|
||
<%include file="navigation.html" args="active_page='book'" />
|
||
|
||
<section class="main-content">
|
||
<div class="book-wrapper">
|
||
|
||
<section aria-label="Textbook Navigation" class="book-sidebar">
|
||
<header id="open_close_accordion">
|
||
<h2>Table of Contents</h2>
|
||
<a href="#">close</a>
|
||
</header>
|
||
|
||
<ul id="booknav" class="treeview-booknav">
|
||
<%include file="book_toc.html" />
|
||
</ul>
|
||
</section>
|
||
|
||
<section class="book">
|
||
<section class="page">
|
||
<nav>
|
||
<ul>
|
||
<li class="last">
|
||
<a href="javascript:prev_page()">Previous page</a>
|
||
</li>
|
||
<li class="next">
|
||
<a href="javascript:next_page()">Next page</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<img id="bookpage" src="${ settings.BOOK_URL }p${ "%03i"%(page) }.png">
|
||
|
||
<nav class="bottom-nav">
|
||
<ul>
|
||
<li class="last">
|
||
<a href="javascript:prev_page()">Previous page</a>
|
||
</li>
|
||
<li class="next">
|
||
<a href="javascript:next_page()">Next page</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
</section>
|