77 lines
3.2 KiB
HTML
77 lines
3.2 KiB
HTML
<%inherit file="base.html" />
|
|
<%! from django.core.urlresolvers import reverse %>
|
|
<%block name="title">Course Checklists</%block>
|
|
<%block name="bodyclass">is-signedin course uxdesign checklists</%block>
|
|
|
|
<%namespace name='static' file='static_content.html'/>
|
|
<%block name="jsextra">
|
|
|
|
<script type="text/javascript" src="${static.url('js/template_loader.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/views/checklists_view.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/models/checklists.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/views/server_error.js')}"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
// TODO: do a fetch instead of passing text into constructor.
|
|
var checklistCollection = new CMS.Models.ChecklistCollection(${checklists_json | n}, {parse: true});
|
|
checklistCollection.url = "${reverse('checklists_updates', kwargs=dict(org=context_course.location.org, course=context_course.location.course, name=context_course.location.name))}";
|
|
|
|
var editor = new CMS.Views.Checklists({
|
|
el: $('.course-checklists'),
|
|
collection: checklistCollection
|
|
});
|
|
|
|
editor.render();
|
|
|
|
});
|
|
|
|
</script>
|
|
</%block>
|
|
|
|
|
|
<%block name="content">
|
|
<div class="wrapper-mast wrapper">
|
|
<header class="mast has-actions has-subtitle">
|
|
<div class="title">
|
|
<span class="title-sub">Tools</span>
|
|
<h1 class="title-1">Course Tasks & Checklists</h1>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
|
|
<div class="wrapper-content wrapper">
|
|
<section class="content">
|
|
<div class="introduction">
|
|
<p class="copy">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
|
|
</div>
|
|
|
|
<article class="content-primary" role="main">
|
|
<form id="course-checklists" class="course-checklists" method="post" action="">
|
|
<h2 class="title title-3 sr">Current Checklists</h2>
|
|
</form>
|
|
</article>
|
|
|
|
<aside class="content-supplementary" role="complimentary">
|
|
<div class="bit">
|
|
<h3 class="title title-3">What are Checklists?</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
|
|
</div>
|
|
|
|
<div class="bit">
|
|
<h3 class="title title-3">Studio Checklists</h3>
|
|
<nav class="nav-page checklists-current">
|
|
<ol>
|
|
% for checklist in checklists:
|
|
<li class="nav-item">
|
|
<a rel="view" href="${'#course-checklist' + str(loop.index)}">${checklist['short_description']}</a>
|
|
</li>
|
|
% endfor
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
</div>
|
|
</%block>
|