From 065e85044923c2b14c46246aa92d83e4696396cc Mon Sep 17 00:00:00 2001
From: cahrens <christina@edx.org>
Date: Thu, 14 Mar 2013 09:32:54 -0400
Subject: [PATCH] Merge with Brian's changes.

---
 cms/templates/checklists.html    |  28 +-
 cms/templates/ux-checklists.html | 618 -------------------------------
 2 files changed, 24 insertions(+), 622 deletions(-)
 delete mode 100644 cms/templates/ux-checklists.html

diff --git a/cms/templates/checklists.html b/cms/templates/checklists.html
index 109ac36df5..455dbe6b04 100644
--- a/cms/templates/checklists.html
+++ b/cms/templates/checklists.html
@@ -14,6 +14,10 @@
 
 <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.<a href="" class="demo-checklistviz">Test Checklist Progress Visualization</a></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>
@@ -21,6 +25,7 @@
 
 % for checklist in checklists:
 <section class="course-checklist" id=${'course-checklist' + str(loop.index)}>
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i>${checklist['short_description']}</h3>
         <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
@@ -53,6 +58,8 @@
 % endfor
 
 <section class="course-checklist" id="course-checklist1">
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
+
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Getting Started with Studio</h3>
         <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
@@ -134,6 +141,8 @@
 </section>
 
 <section class="course-checklist" id="course-checklist2">
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
+
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Draft a Rough Course Outline</h3>
         <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">7</span></span>
@@ -272,6 +281,8 @@
 </section>
 
 <section class="course-checklist" id="course-checklist3">
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
+
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Explore edX's Support Tools</h3>
         <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
@@ -353,9 +364,10 @@
 </section>
 
 <section class="course-checklist" id="course-checklist4">
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
+
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Draft your Course Introduction</h3>
-        <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
     </header>
 
     <ul class="list list-tasks">
@@ -364,8 +376,8 @@
                 <input type="checkbox" class="task-input" name="course-checklist4-task1" id="course-checklist4-task1" value="course-checklist4-task1 complete">
 
                 <div class="task-details">
-                    <h4 class="task-name title title-3">Drafting a Course Description/h4>
-                        <p class="task-description">Courses on edX each have their own introduction page, including a course video, description, and more. Draft the introduction students will read before deciding to enroll in your course.</p>
+                    <h4 class="task-name title title-3">Drafting a Course Description</h4>
+                    <p class="task-description">Courses on edX each have their own introduction page, including a course video, description, and more. Draft the introduction students will read before deciding to enroll in your course.</p>
                 </div>
             </label>
 
@@ -376,7 +388,7 @@
             </ul>
         </li>
 
-        <li class="task is-completed">
+        <li class="task">
             <label for="course-checklist4-task2">
                 <input type="checkbox" class="task-input" name="course-checklist4-task2" id="course-checklist4-task2" value="course-checklist4-task2 complete">
 
@@ -444,6 +456,8 @@
 <h2 class="title title-3 sr">Completed Checklists</h2>
 
 <section class="course-checklist is-completed" id="course-checklist5">
+    <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
+
     <header>
         <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Completed Checklist Example</h3>
         <span class="checklist-status status">Tasks Completed: <span class="status-count">3</span>/<span class="status-amount">3</span></span>
@@ -592,6 +606,12 @@
             $(this).bind('click', toggleTask);
         });
 
+        // demo/proof of concept for visual progress
+        $('.demo-checklistviz').click(function(e){
+            (e).preventDefault();
+            $('#course-checklist1 .viz-checklist-status .viz-checklist-status-value').css('width','25%');
+        });
+
         function toggleChecklist(e) {
             (e).preventDefault();
             $(this).closest('.course-checklist').toggleClass('is-collapsed');
diff --git a/cms/templates/ux-checklists.html b/cms/templates/ux-checklists.html
deleted file mode 100644
index 833bbe000f..0000000000
--- a/cms/templates/ux-checklists.html
+++ /dev/null
@@ -1,618 +0,0 @@
-<%inherit file="base.html" />
-<%block name="title">Course Checklists</%block>
-<%block name="bodyclass">is-signedin course uxdesign checklists</%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 &amp; 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.<a href="" class="demo-checklistviz">Test Checklist Progress Visualization</a></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>
-
-        <section class="course-checklist" id="course-checklist1">
-          <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
-
-          <header>
-            <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Getting Started with Studio</h3>
-            <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
-          </header>
-
-          <ul class="list list-tasks">
-            <li class="task">
-              <label for="course-checklist1-task1">
-                <input type="checkbox" class="task-input" name="course-checklist1-task1" id="course-checklist1-task1" value="course-checklist1-task1 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course Team Members</h4>
-                  <p class="task-description">Grant your collaborators permission to edit your course so you can work together.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit Team Members</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist1-task2">
-                <input type="checkbox" class="task-input" name="course-checklist1-task2" id="course-checklist1-task2" value="course-checklist1-task2 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Set Your Course's Important Dates</h4>
-                  <p class="task-description">Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Edit Course Schedule &amp; Details </a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-not-available">
-              <label for="course-checklist1-task3">
-                <input type="checkbox" class="task-input" name="course-checklist1-task3" id="course-checklist1-task3" value="course-checklist1-task3 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Draft Your Course's Grading Policy</h4>
-                  <p class="task-description">Regardless of whether you have all your course assignments written, you can immediately get started setting up assignment types and a grade computation scheme.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit Grading Settings</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist1-task4">
-                <input type="checkbox" class="task-input" name="course-checklist1-task4" id="course-checklist1-task4" value="course-checklist1-task4 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Explore the other Studio Checklists</h4>
-                  <p class="task-description">They'll help you learn the other course authoring tools available to you, and will also help you find help when you need it.</p> 
-                </div>
-              </label>
-            </li>
-          </ul>
-
-          <ul class="list-actions course-checklist-actions">
-            <h5 class="sr">Edit This Checklist</h5>
-            <li>
-              <a href="#" class="action action-primary"><i class="ss-icon ss-symbolicons-standard icon-add">&#x002B;</i> Add a Task <span class="sr">to This Checklist</span></a>
-            </li>
-            <li>
-              <a href="#" class="action action-secondary action-delete"><i class="ss-icon ss-symbolicons-block icon-delete">&#xE0D0;</i> Delete This Checklist</a>
-            </li>
-          </ul>
-        </section>
-
-        <section class="course-checklist" id="course-checklist2">
-          <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
-
-          <header>
-            <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Draft a Rough Course Outline</h3>
-            <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">7</span></span>
-          </header>
-
-          <ul class="list list-tasks">
-            <li class="task">
-              <label for="course-checklist2-task1">
-                <input type="checkbox" class="task-input" name="course-checklist2-task1" id="course-checklist2-task1" value="course-checklist2-task1 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Create your first Section and Subsection</h4>
-                  <p class="task-description">Walk through the mechanics of building your course's first section and subsection through your course outline to start.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist2-task2">
-                <input type="checkbox" class="task-input" name="course-checklist2-task2" id="course-checklist2-task2" value="course-checklist2-task2 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Set your 1st Section's Release Date</h4>
-                  <p class="task-description">Sections are released sequentially to students, and you have complete control over they are released to students.</p>
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-not-available">
-              <label for="course-checklist2-task3">
-                <input type="checkbox" class="task-input" name="course-checklist2-task3" id="course-checklist2-task3" value="course-checklist2-task3 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Designate a Subsection as Graded</h4>
-                  <p class="task-description">Assignment types are defined in your grading settings but can be quickly associated with sections using your course outline.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist2-task4">
-                <input type="checkbox" class="task-input" name="course-checklist2-task4" id="course-checklist2-task4" value="course-checklist2-task4 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Reordering Course Content</h4>
-                  <p class="task-description">From the Course Outline, you can easily reorder your course content based on the progression you'd like students to walk through.</p> 
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist2-task5">
-                <input type="checkbox" class="task-input" name="course-checklist2-task5" id="course-checklist2-task5" value="course-checklist2-task5 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Renaming Course Sections</h4>
-                  <p class="task-description">Learn how to rename Sections by clicking on its name from the Course Outline; this should open the editing mode.</p> 
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist2-task6">
-                <input type="checkbox" class="task-input" name="course-checklist2-task6" id="course-checklist2-task6" value="course-checklist2-task6 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Deleting Course Content</h4>
-                  <p class="task-description">Try out deleting on a section, subsection, or unit you don't need anymore. Be careful though, anything inside the course content you delete is also removed.</p> 
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist2-task7">
-                <input type="checkbox" class="task-input" name="course-checklist2-task7" id="course-checklist2-task7" value="course-checklist2-task7 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add an Instructor-Only Section to Your Outline</h4>
-                  <p class="task-description">Some course authors find creating a section for unsorted, in-progress work useful. To do this, create a section and set the release date to the distant future.</p> 
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit in Course Outline</a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-
-          <ul class="list-actions course-checklist-actions">
-            <h5 class="sr">Edit This Checklist</h5>
-            <li>
-              <a href="#" class="action action-primary"><i class="ss-icon ss-symbolicons-standard icon-add">&#x002B;</i> Add a Task <span class="sr">to This Checklist</span></a>
-            </li>
-            <li>
-              <a href="#" class="action action-secondary action-delete"><i class="ss-icon ss-symbolicons-block icon-delete">&#xE0D0;</i> Delete This Checklist</a>
-            </li>
-          </ul>
-        </section>
-
-        <section class="course-checklist" id="course-checklist3">
-          <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
-
-          <header>
-            <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Explore edX's Support Tools</h3>
-            <span class="checklist-status status">Tasks Completed: <span class="status-count">0</span>/<span class="status-amount">4</span></span>
-          </header>
-
-          <ul class="list list-tasks">
-            <li class="task">
-              <label for="course-checklist3-task1">
-                <input type="checkbox" class="task-input" name="course-checklist3-task1" id="course-checklist3-task1" value="course-checklist3-task1 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Explore the Studio Help Forum</h4>
-                  <p class="task-description">Access the Studio Help forum from the menu that appears when you click your user name in the top right corner of Studio.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Visit edX Studio Help</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-completed">
-              <label for="course-checklist3-task2">
-                <input type="checkbox" class="task-input" name="course-checklist3-task2" id="course-checklist3-task2" value="course-checklist3-task2 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Enroll in edX101</h4>
-                  <p class="task-description">Register for edX101, edX's primer for course creation.</p>
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Register for edX101</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-not-available">
-              <label for="course-checklist3-task3">
-                <input type="checkbox" class="task-input" name="course-checklist3-task3" id="course-checklist3-task3" value="course-checklist3-task3 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Download the Studio Documentation</h4>
-                  <p class="task-description">View the searchable Studio documentation to find answers to your questions or information about how to do specific tasks. Once you download the PDF, you can view it offline.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Download Documentation</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist3-task4">
-                <input type="checkbox" class="task-input" name="course-checklist3-task4" id="course-checklist3-task4" value="course-checklist3-task4 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Explore the other Studio Checklists</h4>
-                  <p class="task-description">They'll help you learn the other course authoring tools available to you, and will also help you find help when you need it.</p> 
-                </div>
-              </label>
-            </li>
-          </ul>
-
-          <ul class="list-actions course-checklist-actions">
-            <h5 class="sr">Edit This Checklist</h5>
-            <li>
-              <a href="#" class="action action-primary"><i class="ss-icon ss-symbolicons-standard icon-add">&#x002B;</i> Add a Task <span class="sr">to This Checklist</span></a>
-            </li>
-            <li>
-              <a href="#" class="action action-secondary action-delete"><i class="ss-icon ss-symbolicons-block icon-delete">&#xE0D0;</i> Delete This Checklist</a>
-            </li>
-          </ul>
-        </section>
-
-        <section class="course-checklist" id="course-checklist4">
-          <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
-
-          <header>
-            <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Draft your Course Introduction</h3>
-          </header>
-
-          <ul class="list list-tasks">
-            <li class="task">
-              <label for="course-checklist4-task1">
-                <input type="checkbox" class="task-input" name="course-checklist4-task1" id="course-checklist4-task1" value="course-checklist4-task1 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Drafting a Course Description</h4>
-                  <p class="task-description">Courses on edX each have their own introduction page, including a course video, description, and more. Draft the introduction students will read before deciding to enroll in your course.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Edit Course Schedule &amp; Details </a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist4-task2">
-                <input type="checkbox" class="task-input" name="course-checklist4-task2" id="course-checklist4-task2" value="course-checklist4-task2 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Adding Staff Bios</h4>
-                  <p class="task-description">Showing prospective students who will be their instructor is helpful, so we recommend including staff bios in the Course introduction page.</p>
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Edit Course Schedule &amp; Details </a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-not-available">
-              <label for="course-checklist4-task3">
-                <input type="checkbox" class="task-input" name="course-checklist4-task3" id="course-checklist4-task3" value="course-checklist4-task3 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course FAQs</h4>
-                  <p class="task-description">Students often have questions about courses, and including a short list of frequently asked questions up front often reduces the number of students who are confused.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Edit Course Schedule &amp; Details </a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task">
-              <label for="course-checklist4-task4">
-                <input type="checkbox" class="task-input" name="course-checklist4-task4" id="course-checklist4-task4" value="course-checklist4-task4 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course Prerequisites</h4>
-                  <p class="task-description">Before a student jumps into a course without the necessary preparation, we'd like them to understand the prerequisites that will make them more likely to succeed.</p> 
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary link-pdf">Edit Course Schedule &amp; Details </a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-
-          <ul class="list-actions course-checklist-actions">
-            <h5 class="sr">Edit This Checklist</h5>
-            <li>
-              <a href="#" class="action action-primary"><i class="ss-icon ss-symbolicons-standard icon-add">&#x002B;</i> Add a Task <span class="sr">to This Checklist</span></a>
-            </li>
-            <li>
-              <a href="#" class="action action-secondary action-delete"><i class="ss-icon ss-symbolicons-block icon-delete">&#xE0D0;</i> Delete This Checklist</a>
-            </li>
-          </ul>
-        </section>
-
-        <hr class="divider" />
-
-        <h2 class="title title-3 sr">Completed Checklists</h2>
-
-        <section class="course-checklist is-completed" id="course-checklist5">
-          <span class="viz viz-checklist-status"><span class="viz value viz-checklist-status-value"><span class="int">0</span>% of checklist completed</span></span>
-
-          <header>
-            <h3 class="checklist-title title-2"><i class="ss-icon ss-symbolicons-standard icon-confirm">&#x2713;</i> Completed Checklist Example</h3>
-            <span class="checklist-status status">Tasks Completed: <span class="status-count">3</span>/<span class="status-amount">3</span></span>
-          </header>
-
-                    <ul class="list list-tasks">
-            <li class="task is-completed">
-              <label for="course-checklist5-task1">
-                <input checked type="checkbox" class="task-input" name="course-checklist5-task1" id="course-checklist5-task1" value="course-checklist5-task1 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course Team Members</h4>
-                  <p class="task-description">Grant your collaborators permission to edit your course so you can work together.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit Team Members</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-completed">
-              <label for="course-checklist5-task2">
-                <input checked type="checkbox" class="task-input" name="course-checklist5-task2" id="course-checklist5-task2" value="course-checklist5-task2 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course Team Members</h4>
-                  <p class="task-description">Grant your collaborators permission to edit your course so you can work together.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit Team Members</a>
-                </li>
-              </ul>
-            </li>
-
-            <li class="task is-completed">
-              <label for="course-checklist5-task3">
-                <input checked type="checkbox" class="task-input" name="course-checklist5-task3" id="course-checklist5-task3" value="course-checklist5-task3 complete">
-
-                <div class="task-details">
-                  <h4 class="task-name title title-3">Add Course Team Members</h4>
-                  <p class="task-description">Grant your collaborators permission to edit your course so you can work together. Grant your collaborators permission to edit your course so you can work together. Grant your collaborators permission to edit your course so you can work together. Grant your collaborators permission to edit your course so you can work together.</p>                  
-                </div>
-              </label>
-
-              <ul class="list-actions task-actions">
-                <li>
-                  <a href="#" class="action action-primary">Edit Team Members</a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-
-          <ul class="list-actions course-checklist-actions">
-            <h5 class="sr">Edit This Checklist</h5>
-            <li>
-              <a href="#" class="action action-primary"><i class="ss-icon ss-symbolicons-standard icon-add">&#x002B;</i> Add a Task <span class="sr">to This Checklist</span></a>
-            </li>
-            <li>
-              <a href="#" class="action action-secondary action-delete"><i class="ss-icon ss-symbolicons-block icon-delete">&#xE0D0;</i> Delete This Checklist</a>
-            </li>
-          </ul>
-        </section>
-
-        <hr class="divider" />
-      </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">Current Checklists</h3>
-
-        <nav class="nav-page checklists-current">
-          <ol>
-            <li class="nav-item">
-              <a href="#course-checklist1">Getting Started with Studio</a>
-            </li>
-            <li class="nav-item">
-              <a href="#course-checklist2">Draft a Rough Course Outline</a>
-            </li>
-            <li class="nav-item">
-              <a href="#course-checklist3">Explore edX's Support Tools</a>
-            </li>
-            <li class="nav-item">
-              <a href="#course-checklist4">Draft your Course Introduction</a>
-            </li>
-          </ol>
-        </nav>
-      </div>
-
-      <div class="bit">
-        <h3 class="title title-3">Completed Checklists</h3>
-
-        <nav class="nav-page checklists-completed">
-          <ol>
-            <li class="nav-item">
-              <a href="#course-checklist1">Getting Started with Studio</a>
-            </li>
-          </ol>
-        </nav>
-      </div>
-    </aside>
-  </section>
-</div>
-</%block>
-
-<%block name="view_alerts">
-<!-- alert: save confirmed with close -->
-<div class="wrapper wrapper-alert wrapper-alert-confirmation">
-  <div class="alert confirmation">
-    <i class="ss-icon ss-symbolicons-standard icon icon-confirmation">&#x2713;</i>
-
-    <div class="copy">
-      <h2 class="title title-3">Your policy changes have been saved.</h2>
-      <p>Please note that validation of your policy key and value pairs is not currently in place yet. If you are having difficulties, please review your policy pairs.</p>
-    </div>
-
-    <a href="#" rel="view" class="action action-alert-close">
-      <i class="ss-icon ss-symbolicons-block icon icon-close">&#x2421;</i>
-      <span class="label">close alert</span>
-    </a>
-  </div>
-</div>
-</%block>
-
-<%block name="jsextra">
-<script type="text/javascript">
-  // checklists - prototype/basic js
-  $(document).ready(function() {
-
-    $('.course-checklist .checklist-title').each(function(e){
-      $(this).addClass('is-selectable').attr('title','Collapse/Expand this Checklist').bind('click', toggleChecklist);
-    });
-
-    $('.course-checklist .task label').each(function(e){
-      $(this).bind('click', toggleTask);
-    });
-
-    // demo/proof of concept for visual progress
-    $('.demo-checklistviz').click(function(e){
-      (e).preventDefault();
-      $('#course-checklist1 .viz-checklist-status .viz-checklist-status-value').css('width','25%');
-    });
-
-    function toggleChecklist(e) {
-      (e).preventDefault();
-      $(this).closest('.course-checklist').toggleClass('is-collapsed');
-    }
-
-    function toggleTask(e) {
-      (e).preventDefault();
-
-      var $taskInput = $(this).find('.task-input');
-
-      if ($taskInput.attr('checked')) {
-        $taskInput.removeAttr('checked');
-        console.log('removing check');     
-      }
-      else {
-        $taskInput.attr('checked', 'checked');
-        console.log('adding check');      
-      }
-
-      $(this).closest('.task').toggleClass('is-completed');
-    }
-
-    // in-progress update checklist progress (based on checkbox check/uncheck events)
-    function updateChecklistProgress() {
-      var $statusCount = $(this).closest('.course-checklist').find('.status-count');
-      var $statusAmount = $(this).closest('.course-checklist').find('.status-amount');
-
-      if ($(this).attr('checked')) {
-        console.log('adding');
-      }
-
-      else {
-        console.log('subtracting');
-      }
-    }
-    
-  });
-</script>
-</%block>
\ No newline at end of file