Skip to content

E
edx-platform
Commit 74dec7f1 by Brian Talbot
Options

settings - wip

parent 6014a7a2
Showing with 370 additions and 260 deletions
cms/static/sass/_settings.scss
...@@ -522,185 +522,185 @@ ...@@ -522,185 +522,185 @@
// h3 { h3 {
// margin-bottom: 30px; margin-bottom: 30px;
// font-size: 15px; font-size: 15px;
// font-weight: 700; font-weight: 700;
// color: $blue; color: $blue;
// } }
// .grade-controls { .grade-controls {
// @include clearfix; @include clearfix;
// } }
// .new-grade-button { .new-grade-button {
// position: relative; position: relative;
// float: left; float: left;
// display: block; display: block;
// width: 29px; width: 29px;
// height: 29px; height: 29px;
// margin: 4px 10px 0 0; margin: 4px 10px 0 0;
// border-radius: 20px; border-radius: 20px;
// border: 1px solid $darkGrey; border: 1px solid $darkGrey;
// @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
// background-color: #d1dae3; background-color: #d1dae3;
// @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset); @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
// color: #6d788b; color: #6d788b;
// .plus-icon { .plus-icon {
// position: absolute; position: absolute;
// top: 50%; top: 50%;
// left: 50%; left: 50%;
// margin-left: -6px; margin-left: -6px;
// margin-top: -6px; margin-top: -6px;
// } }
// } }
// .grade-slider { .grade-slider {
// float: left; float: left;
// width: 560px; width: 560px;
// height: 60px; height: 60px;
// .grade-bar { .grade-bar {
// position: relative; position: relative;
// width: 100%; width: 100%;
// height: 40px; height: 40px;
// background: $lightGrey; background: $lightGrey;
// .increments { .increments {
// position: relative; position: relative;
// li { li {
// position: absolute; position: absolute;
// top: 42px; top: 42px;
// width: 30px; width: 30px;
// margin-left: -15px; margin-left: -15px;
// font-size: 9px; font-size: 9px;
// text-align: center; text-align: center;
// &.increment-0 { &.increment-0 {
// left: 0; left: 0;
// } }
// &.increment-10 { &.increment-10 {
// left: 10%; left: 10%;
// } }
// &.increment-20 { &.increment-20 {
// left: 20%; left: 20%;
// } }
// &.increment-30 { &.increment-30 {
// left: 30%; left: 30%;
// } }
// &.increment-40 { &.increment-40 {
// left: 40%; left: 40%;
// } }
// &.increment-50 { &.increment-50 {
// left: 50%; left: 50%;
// } }
// &.increment-60 { &.increment-60 {
// left: 60%; left: 60%;
// } }
// &.increment-70 { &.increment-70 {
// left: 70%; left: 70%;
// } }
// &.increment-80 { &.increment-80 {
// left: 80%; left: 80%;
// } }
// &.increment-90 { &.increment-90 {
// left: 90%; left: 90%;
// } }
// &.increment-100 { &.increment-100 {
// left: 100%; left: 100%;
// } }
// } }
// } }
// .grades { .grades {
// position: relative; position: relative;
// li { li {
// position: absolute; position: absolute;
// top: 0; top: 0;
// height: 40px; height: 40px;
// text-align: right; text-align: right;
// &:hover, &:hover,
// &.is-dragging { &.is-dragging {
// .remove-button { .remove-button {
// display: block; display: block;
// } }
// } }
// .remove-button { .remove-button {
// display: none; display: none;
// position: absolute; position: absolute;
// top: -17px; top: -17px;
// right: 1px; right: 1px;
// height: 17px; height: 17px;
// font-size: 10px; font-size: 10px;
// } }
// &:nth-child(1) { &:nth-child(1) {
// background: #4fe696; background: #4fe696;
// } }
// &:nth-child(2) { &:nth-child(2) {
// background: #ffdf7e; background: #ffdf7e;
// } }
// &:nth-child(3) { &:nth-child(3) {
// background: #ffb657; background: #ffb657;
// } }
// &:nth-child(4) { &:nth-child(4) {
// background: #fb336c; background: #fb336c;
// } }
// &:nth-child(5) { &:nth-child(5) {
// background: #ef54a1; background: #ef54a1;
// } }
// .letter-grade { .letter-grade {
// display: block; display: block;
// margin: 7px 5px 0 0; margin: 7px 5px 0 0;
// font-size: 14px; font-size: 14px;
// font-weight: 700; font-weight: 700;
// line-height: 14px; line-height: 14px;
// } }
// .range { .range {
// display: block; display: block;
// margin-right: 5px; margin-right: 5px;
// font-size: 9px; font-size: 9px;
// line-height: 12px; line-height: 12px;
// } }
// .drag-bar { .drag-bar {
// position: absolute; position: absolute;
// top: 0; top: 0;
// right: -1px; right: -1px;
// height: 40px; height: 40px;
// width: 2px; width: 2px;
// background-color: #fff; background-color: #fff;
// cursor: ew-resize; cursor: ew-resize;
// @include transition(none); @include transition(none);
// &:hover { &:hover {
// width: 4px; width: 4px;
// right: -2px; right: -2px;
// } }
// } }
// } }
// } }
// } }
// } }
} }
\ No newline at end of file
cms/templates/settings.html
...@@ -445,108 +445,110 @@ ...@@ -445,108 +445,110 @@
<span class="detail">Individuals instructing and help with this course</span> <span class="detail">Individuals instructing and help with this course</span>
</header> </header>
<div class="field enum"> <div class="row">
<ul class="input-list course-faculty-list"> <div class="field enum">
<li class="input input-existing multi course-faculty-list-item"> <ul class="input-list course-faculty-list">
<div class="row row-col2"> <li class="input input-existing multi course-faculty-list-item">
<label for="course-faculty-firstname-input">Faculty First Name:</label> <div class="row row-col2">
<div class="field"> <label for="course-faculty-firstname-input">Faculty First Name:</label>
<input type="text" class="long" id="course-faculty-firstname-input"> <div class="field">
<input type="text" class="long" id="course-faculty-firstname-input">
</div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label> <label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field"> <div class="field">
<input type="text" class="long" id="course-faculty-lastname-input"> <input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label> <label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field"> <div class="field">
<div class="input"> <div class="input">
<a href="#" class="new-item new-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input"> <a href="#" class="new-item new-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input">
<span class="upload-icon"></span>Upload Faculty Photo <span class="upload-icon"></span>Upload Faculty Photo
</a> </a>
<span class="tip tip-inline">Max size: 30KB</span> <span class="tip tip-inline">Max size: 30KB</span>
</div> </div>
<div class="input input-existing"> <div class="input input-existing">
<div class=" current current-course-syllabus"> <div class=" current current-course-syllabus">
</div> </div>
<a href="#" class="replace-item replace-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input"> <a href="#" class="replace-item replace-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input">
<span class="upload-icon"></span>Upload Faculty Photo <span class="upload-icon"></span>Upload Faculty Photo
</a> </a>
<span class="tip tip-inline">Max size: 30KB</span> <span class="tip tip-inline">Max size: 30KB</span>
</div>
</div> </div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label> <label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field"> <div class="field">
<textarea class="long tall" id="course-faculty-bio-input"></textarea> <textarea class="long tall" id="course-faculty-bio-input"></textarea>
<span class="tip tip-stacked">A brief description of your education, experience, and expertise</span> <span class="tip tip-stacked">A brief description of your education, experience, and expertise</span>
</div> </div>
</div> </div>
<a href="#" class="remove-item remove-faculty-data"><span class="delete-icon"></span> Delete Faculty Member</a> <a href="#" class="remove-item remove-faculty-data"><span class="delete-icon"></span> Delete Faculty Member</a>
</li> </li>
<li class="input multi course-faculty-list-item"> <li class="input multi course-faculty-list-item">
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-firstname-input">Faculty First Name:</label> <label for="course-faculty-firstname-input">Faculty First Name:</label>
<div class="field"> <div class="field">
<input type="text" class="long" id="course-faculty-firstname-input"> <input type="text" class="long" id="course-faculty-firstname-input">
</div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label> <label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field"> <div class="field">
<input type="text" class="long" id="course-faculty-lastname-input"> <input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label> <label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field"> <div class="field">
<div class="input"> <div class="input">
<a href="#" class="new-item new-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input"> <a href="#" class="new-item new-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input">
<span class="upload-icon"></span>Upload Faculty Photo <span class="upload-icon"></span>Upload Faculty Photo
</a> </a>
<span class="tip tip-inline">Max size: 30KB</span> <span class="tip tip-inline">Max size: 30KB</span>
</div> </div>
<div class="input input-existing"> <div class="input input-existing">
<div class=" current current-course-faculty-photo"> <div class=" current current-course-faculty-photo">
</div> </div>
<a href="#" class="replace-item replace-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input"> <a href="#" class="replace-item replace-faculty-photo add-faculty-photo-data" id="course-faculty-photo-input">
<span class="upload-icon"></span>Upload Faculty Photo <span class="upload-icon"></span>Upload Faculty Photo
</a> </a>
<span class="tip tip-inline">Max size: 30KB</span> <span class="tip tip-inline">Max size: 30KB</span>
</div>
</div> </div>
</div> </div>
</div>
<div class="row row-col2"> <div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label> <label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field"> <div class="field">
<textarea class="long tall" id="course-faculty-bio-input"></textarea> <textarea class="long tall" id="course-faculty-bio-input"></textarea>
<span class="tip tip-stacked">A brief description of your education, experience, and expertise</span> <span class="tip tip-stacked">A brief description of your education, experience, and expertise</span>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
<a href="#" class="new-item new-course-faculty-item add-faculty-data"> <a href="#" class="new-item new-course-faculty-item add-faculty-data">
<span class="plus-icon"></span>New Faculty Member <span class="plus-icon"></span>New Faculty Member
</a> </a>
</div>
</div> </div>
</section> </section>
...@@ -555,6 +557,113 @@ ...@@ -555,6 +557,113 @@
<section class="settings-grading"> <section class="settings-grading">
<h2 class="title">Grading</h2> <h2 class="title">Grading</h2>
<section class="settings-grading-ranges">
<header>
<h3>Overall Grade Range</h3>
<span class="detail">Course grade ranges and their values</span>
</header>
<div class="row">
<div class="grade-controls">
<a href="#" class="new-grade-button"><span class="plus-icon"></span></a>
<div class="grade-slider">
<div class="grade-bar">
<ol class="increments">
<li class="increment-0">0</li>
<li class="increment-10">10</li>
<li class="increment-20">20</li>
<li class="increment-30">30</li>
<li class="increment-40">40</li>
<li class="increment-50">50</li>
<li class="increment-60">60</li>
<li class="increment-70">70</li>
<li class="increment-80">80</li>
<li class="increment-90">90</li>
<li class="increment-100">100</li>
</ol>
<ol class="grades">
<li class="bar-a" style="width: 100%;">
<span class="letter-grade" contenteditable>A</span>
<span class="range">81-100</span>
<a href="#" class="remove-button">remove</a>
</li>
<li class="bar-b" style="width: 80%;">
<span class="letter-grade" contenteditable>B</span>
<span class="range">71-80</span>
<a href="#" class="drag-bar"></a>
<a href="#" class="remove-button">remove</a>
</li>
<li class="bar-c" style="width: 70%;">
<span class="letter-grade" contenteditable>C</span>
<span class="range">0-70</span>
<a href="#" class="drag-bar"></a>
<a href="#" class="remove-button">remove</a>
</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<section class="settings-grading-assignments">
<header>
<h3>Assignments</h3>
<span class="detail">Course grade ranges and their values</span>
</header>
</section>
<section class="settings-grading-assignments">
<header>
<h3>Assignments</h3>
<span class="detail">Course grade ranges and their values</span>
</header>
</section>
<section>
<div class="row">
<label>Grace Period:</label>
<input type="text" class="grace-period">
</div>
</section>
<section>
<h3>Homework</h3>
<div class="row">
<label>Minimum Count:</label>
<input type="text" class="minimum-count-input short">
</div>
<div class="row">
<label>Drop Count:</label>
<input type="text" class="drop-count-input short">
</div>
<div class="row">
<label>Weight:</label>
<input type="text" class="weight-input short">
</div>
</section>
<section>
<h3>Lab</h3>
<div class="row">
<label>Minimum Count:</label>
<input type="text" class="minimum-count-input short">
</div>
<div class="row">
<label>Drop Count:</label>
<input type="text" class="drop-count-input short">
</div>
<div class="row">
<label>Weight:</label>
<input type="text" class="weight-input short">
</div>
</section>
</section><!-- .settings-grading --> </section><!-- .settings-grading -->
<section class="settings-problems"> <section class="settings-problems">
......
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