Commit d534855b by Calen Pennington

Make the overview page pull data from the db, rather than static content

parent ea8ab0f8
......@@ -108,7 +108,11 @@ def course_index(request, org, course, name):
'coursename' : name
})
course = modulestore().get_item(location)
weeks = course.get_children()
return render_to_response('overview.html', {
'weeks': weeks,
'upload_asset_callback_url': upload_asset_callback_url
})
......
......@@ -826,30 +826,6 @@ input.courseware-unit-search-input {
}
}
.sequence-icon {
display: inline-block;
width: 15px;
height: 9px;
margin-right: 5px;
background: url(../img/sequence-icon.png) no-repeat;
}
.video-icon {
display: inline-block;
width: 14px;
height: 12px;
margin-right: 5px;
background: url(../img/video-icon.png) no-repeat;
}
.list-icon {
display: inline-block;
width: 14px;
height: 10px;
margin-right: 5px;
background: url(../img/list-icon.png) no-repeat;
}
.edit-icon {
display: inline-block;
width: 12px;
......
......@@ -4,62 +4,62 @@
background-repeat: no-repeat;
}
.videosequence a:first-child {
.videosequence-icon {
@extend .content-type;
background-image: url('../img/content-types/videosequence.png');
}
.video a:first-child {
.video-icon {
@extend .content-type;
background-image: url('../img/content-types/video.png');
}
.problemset a:first-child {
.problemset-icon {
@extend .content-type;
background-image: url('../img/content-types/problemset.png');
}
.problem a:first-child {
.problem-icon {
@extend .content-type;
background-image: url('../img/content-types/problem.png');
}
.lab a:first-child {
.lab-icon {
@extend .content-type;
background-image: url('../img/content-types/lab.png');
}
.tab a:first-child {
.tab-icon {
@extend .content-type;
background-image: url('../img/content-types/lab.png');
}
.html a:first-child {
.html-icon {
@extend .content-type;
background-image: url('../img/content-types/html.png');
}
.vertical a:first-child {
.vertical-icon {
@extend .content-type;
background-image: url('../img/content-types/vertical.png');
}
.sequential a:first-child {
.sequential-icon {
@extend .content-type;
background-image: url('../img/content-types/sequential.png');
}
.chapter a:first-child {
.chapter-icon {
@extend .content-type;
background-image: url('../img/content-types/chapter.png');
}
.module a:first-child {
.module-icon {
@extend .content-type;
background-image: url('../img/content-types/module.png');
}
.module a:first-child {
.module-icon {
@extend .content-type;
background-image: url('../img/content-types/module.png');
}
......@@ -3,1000 +3,61 @@
<%include file="widgets/header.html"/>
<%block name="content">
<div class="main-wrapper">
<div class="inner-wrapper">
<h1>Courseware</h1>
<input type="text" class="courseware-unit-search-input search" placeholder="search units" />
<article class="courseware-overview">
<a href="#" class="new-courseware-section-button"><span class="plus-icon"></span> New Section</a>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3>Incremental Analysis</h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3>Nonlinear Elements</h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<div class="main-wrapper">
<div class="inner-wrapper">
<h1>Courseware</h1>
<input type="text" class="courseware-unit-search-input search" placeholder="search units" />
<article class="courseware-overview">
<a href="#" class="new-courseware-section-button"><span class="plus-icon"></span> New Section</a>
% for week in weeks:
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3>${week.display_name}</h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
% for section in week.get_children():
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="${section.category}-icon"></span>${section.display_name} <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
% for unit in section.get_children():
<li>
<div class="section-item">
<a href="#"><span class="${unit.category}-icon"></span>${unit.display_name}</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
% endfor
</ol>
</li>
% endfor
</ol>
</section>
% endfor
</article>
</div>
</div>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Linearity</a></h3>
<h4><strong>Unscheduled:</strong> <a href="#">click here to set</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<%include file="widgets/upload_assets.html"/>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Introduction to Circuits</a></h3>
<h4><strong>Scheduled:</strong> <a href="#">9/24/2012 at 12:00am EST</a></h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Administrivia and Circuit Elements <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#" class="draft-item"><span class="list-icon"></span>Circuit Topology <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#" class="draft-item"><span class="sequence-icon"></span>Week 1 Tutorials <span class="draft-tag">– draft</span></a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</li>
<li>
<a href="#" class="section-item new-unit-item">
<span class="plus-icon"></span>New Unit
</a>
</li>
</ol>
</section>
<section class="courseware-section branch">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details">
<h3><a href="#">Overview</a></h3>
<h4><strong>Published:</strong> 9/18/2012 at 12:00am EST</h4>
</div>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</header>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Administrivia and Circuit Elements</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Circuit Analysis Toolchest</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Week 1 Tutorials</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Homework 1</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li class="branch collapsed">
<div class="section-item">
<a href="#" class="expand-collapse-icon expand"></a><a href="#"><span class="sequence-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
<ol>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Review KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
<li>
<div class="section-item">
<a href="#"><span class="video-icon"></span>Demo- KVL, KCL</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<div class="section-item">
<a href="#"><span class="list-icon"></span>Circuit Topology</a>
<div class="item-actions">
<a href="#" class="edit-button"><span class="edit-icon"></span></a>
<a href="#" class="edit-button"><span class="delete-icon"></span></a>
<a href="#" class="drag-handle"></a>
</div>
</div>
</li>
</ol>
</li>
</ol>
</section>
</article>
</div>
</div>
<%include file="widgets/upload_assets.html"/>
<footer></footer>
<footer></footer>
</%block>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment