Skip to content

E
edx-platform
Commit f9856bd6 by Brian Talbot
Options

assignments - deepfreezing UI proof of concept in favor of a different direction

parent 005471eb
Showing with 118 additions and 4 deletions
cms/static/sass/_courseware.scss
......@@ -63,7 +63,7 @@ input.courseware-unit-search-input {
margin-left: 10px;
}
.section-published-date {
.section-published-date, .assignment-published-date {
position: absolute;
top: 19px;
right: 90px;
......@@ -158,7 +158,7 @@ input.courseware-unit-search-input {
color: $blue;
}
.section-name-span {
.section-name-span, .assignment-name-span {
cursor: pointer;
@include transition(color .15s);
......@@ -167,7 +167,7 @@ input.courseware-unit-search-input {
}
}
.section-name-edit {
.section-name-edit, .assignment-name-edit {
input {
font-size: 16px;
}
......
cms/templates/edit-assignment.html
......@@ -22,7 +22,7 @@
<div class="assignment-name-input">
<label>Display Name:</label>
<input type="text" value="Books & Materials" class="assignment-display-name-input" data-metadata-name="display_name"/>
<input type="text" value="Mid-Term Exam" class="assignment-display-name-input" data-metadata-name="display_name"/>
</div>
<div>
......
cms/templates/overview.html
......@@ -162,6 +162,120 @@
</div>
</section>
% endfor
<section class="courseware-assignment branch" data-id="">
<header>
<a href="#" class="expand-collapse-icon collapse"></a>
<div class="item-details" data-id="">
<h3 class="assignment-name">
<span class="assignment-name-span">Mid-Term Exam</span>
</h3>
<div class="assignment-name-edit" style="display:none">
<h3 class="assignment-name">
<input type="text" value="Pre-Cursor &amp; Prep" class="edit-section-name" autocomplete="off"> <a href="#" class="save-button edit-assignment-name-save">Save</a><a href="#" class="cancel-button edit-assignment-name-cancel">Cancel</a>
</h3>
</div>
<div class="assignment-published-date">
<span class="published-status"><strong>Will Release:</strong> 11/20/2012 at 01:00</span> <a href="#" class="edit-button" data-date="11/20/2012" data-time="01:00" data-id="">Edit</a>
</div>
</div>
<div class="item-actions">
<a href="#" class="delete-button delete-section-button"></a> <a href="#" class="drag-handle"></a>
</div>
</header>
<div class="subsection-list">
<div class="list-header">
<a href="#" class="new-subsection-item" data-template="">New Subsection</a>
</div>
<ol data-section-id="i4x://Harvard/101/chapter/7fc679d0ec384ceb94da3c990f95173f4">
<li class="branch collapsed" data-id="i4x://Harvard/101/sequential/eff77c9792034ee4b46e695ade4c0bad">
<div class="section-item">
<div>
<a href="#" class="expand-collapse-icon expand"></a> <a href="/subsection/i4x://Harvard/101/sequential/eff77c9792034ee4b46e695ade4c0bad"> <span class="subsection-name"><span class="subsection-name-value">Books &amp; Materials</span></span></a>
</div>
<div class="item-actions">
<a href="#" class="delete-button delete-subsection-button"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
<ol class="sortable-unit-list" data-subsection-id="i4x://Harvard/101/sequential/eff77c9792034ee4b46e695ade4c0bad2">
<li class="leaf unit" data-id="i4x://Harvard/101/vertical/5a30e6b445a741b2a5b9ce0593491f93">
<div class="section-item">
<a href="/edit/i4x://Harvard/101/vertical/5a30e6b445a741b2a5b9ce0593491f93" class="private-item"><span class="unit-name">Mid Term Section #1</span></a>
<div class="item-actions">
<a href="#" class="delete-button" data-id="i4x://Harvard/101/vertical/5a30e6b445a741b2a5b9ce0593491f932"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li class="leaf unit" data-id="i4x://Harvard/101/vertical/0345f6177481492cacd8cfa822dfd962">
<div class="section-item">
<a href="/edit/i4x://Harvard/101/vertical/0345f6177481492cacd8cfa822dfd962" class="private-item"><span class="unit-name">Mid Term Section #2</span></a>
<div class="item-actions">
<a href="#" class="delete-button" data-id="i4x://Harvard/101/vertical/0345f6177481492cacd8cfa822dfd9622"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li class="leaf unit" data-id="i4x://Harvard/101/vertical/5dd80571fe4c4c2895d30109e5a3baf5">
<div class="section-item">
<a href="/edit/i4x://Harvard/101/vertical/5dd80571fe4c4c2895d30109e5a3baf5" class="private-item"><span class="unit-name">Mid Term Section #3</span></a>
<div class="item-actions">
<a href="#" class="delete-button" data-id="i4x://Harvard/101/vertical/5dd80571fe4c4c2895d30109e5a3baf52"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="new-unit-item" data-template="i4x://edx/templates/vertical/Empty" data-parent="i4x://Harvard/101/sequential/eff77c9792034ee4b46e695ade4c0bad">New Unit</a>
</li>
</ol>
</li>
<li class="branch collapsed" data-id="i4x://Harvard/101/sequential/e2d34d2e62524045a9da8ccfff23cbd5">
<div class="section-item">
<div>
<a href="#" class="expand-collapse-icon expand"></a> <a href="/subsection/i4x://Harvard/101/sequential/e2d34d2e62524045a9da8ccfff23cbd5"> <span class="subsection-name"><span class="subsection-name-value">Software</span></span></a>
</div>
<div class="item-actions">
<a href="#" class="delete-button delete-subsection-button"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
<ol class="sortable-unit-list" data-subsection-id="i4x://Harvard/101/sequential/e2d34d2e62524045a9da8ccfff23cbd52">
<li>
<a href="#" class="new-unit-item" data-template="i4x://edx/templates/vertical/Empty" data-parent="i4x://Harvard/101/sequential/e2d34d2e62524045a9da8ccfff23cbd5">New Unit</a>
</li>
</ol>
</li>
<li class="branch collapsed" data-id="i4x://Harvard/101/sequential/5add7a2d021f48f58054c1d8bf8a2eea">
<div class="section-item">
<div>
<a href="#" class="expand-collapse-icon expand"></a> <a href="/subsection/i4x://Harvard/101/sequential/5add7a2d021f48f58054c1d8bf8a2eea"> <span class="subsection-name"><span class="subsection-name-value">FAQs</span></span></a>
</div>
<div class="item-actions">
<a href="#" class="delete-button delete-subsection-button"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
<ol class="sortable-unit-list" data-subsection-id="i4x://Harvard/101/sequential/5add7a2d021f48f58054c1d8bf8a2eea2">
<li class="leaf unit" data-id="i4x://Harvard/101/vertical/f3cb8c0118424e6b9a058acafc35cc2e">
<div class="section-item">
<a href="/edit/i4x://Harvard/101/vertical/f3cb8c0118424e6b9a058acafc35cc2e" class="private-item"><span class="unit-name">New Unit</span></a>
<div class="item-actions">
<a href="#" class="delete-button" data-id="i4x://Harvard/101/vertical/f3cb8c0118424e6b9a058acafc35cc2e2"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li class="leaf unit" data-id="i4x://Harvard/101/vertical/d75ed0acf55a48888c7a8f153bc5be43">
<div class="section-item">
<a href="/edit/i4x://Harvard/101/vertical/d75ed0acf55a48888c7a8f153bc5be43" class="private-item"><span class="unit-name">New Unit</span></a>
<div class="item-actions">
<a href="#" class="delete-button" data-id="i4x://Harvard/101/vertical/d75ed0acf55a48888c7a8f153bc5be432"></a> <a href="#" class="drag-handle"></a>
</div>
</div>
</li>
<li>
<a href="#" class="new-unit-item" data-template="i4x://edx/templates/vertical/Empty" data-parent="i4x://Harvard/101/sequential/5add7a2d021f48f58054c1d8bf8a2eea">New Unit</a>
</li>
</ol>
</li>
</ol>
</div>
</section>
</article>
</div>
</div>
......
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