Andal.LND/edx-platform
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

settings - wip

Browse Source
This commit is contained in:
Brian Talbot
2012-11-16 09:14:18 -05:00
parent 6014a7a299
commit 74dec7f172
2 changed files with 341 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
cms/static/sass/_settings.scss
View File

@@ -522,185 +522,185 @@
// h3 {
// margin-bottom: 30px;
// font-size: 15px;
// font-weight: 700;
// color: $blue;
// }
h3 {
margin-bottom: 30px;
font-size: 15px;
font-weight: 700;
color: $blue;
}
// .grade-controls {
// @include clearfix;
// }
.grade-controls {
@include clearfix;
}
// .new-grade-button {
// position: relative;
// float: left;
// display: block;
// width: 29px;
// height: 29px;
// margin: 4px 10px 0 0;
// border-radius: 20px;
// border: 1px solid $darkGrey;
// @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
// background-color: #d1dae3;
// @include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
// color: #6d788b;
.new-grade-button {
position: relative;
float: left;
display: block;
width: 29px;
height: 29px;
margin: 4px 10px 0 0;
border-radius: 20px;
border: 1px solid $darkGrey;
@include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
background-color: #d1dae3;
@include box-shadow(0 1px 0 rgba(255, 255, 255, .3) inset);
color: #6d788b;
// .plus-icon {
// position: absolute;
// top: 50%;
// left: 50%;
// margin-left: -6px;
// margin-top: -6px;
// }
// }
.plus-icon {
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -6px;
}
}
// .grade-slider {
// float: left;
// width: 560px;
// height: 60px;
.grade-slider {
float: left;
width: 560px;
height: 60px;
// .grade-bar {
// position: relative;
// width: 100%;
// height: 40px;
// background: $lightGrey;
.grade-bar {
position: relative;
width: 100%;
height: 40px;
background: $lightGrey;
// .increments {
// position: relative;
.increments {
position: relative;
// li {
// position: absolute;
// top: 42px;
// width: 30px;
// margin-left: -15px;
// font-size: 9px;
// text-align: center;
li {
position: absolute;
top: 42px;
width: 30px;
margin-left: -15px;
font-size: 9px;
text-align: center;
// &.increment-0 {
// left: 0;
// }
&.increment-0 {
left: 0;
}
// &.increment-10 {
// left: 10%;
// }
&.increment-10 {
left: 10%;
}
// &.increment-20 {
// left: 20%;
// }
&.increment-20 {
left: 20%;
}
// &.increment-30 {
// left: 30%;
// }
&.increment-30 {
left: 30%;
}
// &.increment-40 {
// left: 40%;
// }
&.increment-40 {
left: 40%;
}
// &.increment-50 {
// left: 50%;
// }
&.increment-50 {
left: 50%;
}
// &.increment-60 {
// left: 60%;
// }
&.increment-60 {
left: 60%;
}
// &.increment-70 {
// left: 70%;
// }
&.increment-70 {
left: 70%;
}
// &.increment-80 {
// left: 80%;
// }
&.increment-80 {
left: 80%;
}
// &.increment-90 {
// left: 90%;
// }
&.increment-90 {
left: 90%;
}
// &.increment-100 {
// left: 100%;
// }
// }
// }
&.increment-100 {
left: 100%;
}
}
}
// .grades {
// position: relative;
.grades {
position: relative;
// li {
// position: absolute;
// top: 0;
// height: 40px;
// text-align: right;
li {
position: absolute;
top: 0;
height: 40px;
text-align: right;
// &:hover,
// &.is-dragging {
// .remove-button {
// display: block;
// }
// }
&:hover,
&.is-dragging {
.remove-button {
display: block;
}
}
// .remove-button {
// display: none;
// position: absolute;
// top: -17px;
// right: 1px;
// height: 17px;
// font-size: 10px;
// }
.remove-button {
display: none;
position: absolute;
top: -17px;
right: 1px;
height: 17px;
font-size: 10px;
}
// &:nth-child(1) {
// background: #4fe696;
// }
&:nth-child(1) {
background: #4fe696;
}
// &:nth-child(2) {
// background: #ffdf7e;
// }
&:nth-child(2) {
background: #ffdf7e;
}
// &:nth-child(3) {
// background: #ffb657;
// }
&:nth-child(3) {
background: #ffb657;
}
// &:nth-child(4) {
// background: #fb336c;
// }
&:nth-child(4) {
background: #fb336c;
}
// &:nth-child(5) {
// background: #ef54a1;
// }
&:nth-child(5) {
background: #ef54a1;
}
// .letter-grade {
// display: block;
// margin: 7px 5px 0 0;
// font-size: 14px;
// font-weight: 700;
// line-height: 14px;
// }
.letter-grade {
display: block;
margin: 7px 5px 0 0;
font-size: 14px;
font-weight: 700;
line-height: 14px;
}
// .range {
// display: block;
// margin-right: 5px;
// font-size: 9px;
// line-height: 12px;
// }
.range {
display: block;
margin-right: 5px;
font-size: 9px;
line-height: 12px;
}
// .drag-bar {
// position: absolute;
// top: 0;
// right: -1px;
// height: 40px;
// width: 2px;
// background-color: #fff;
// cursor: ew-resize;
// @include transition(none);
.drag-bar {
position: absolute;
top: 0;
right: -1px;
height: 40px;
width: 2px;
background-color: #fff;
cursor: ew-resize;
@include transition(none);
// &:hover {
// width: 4px;
// right: -2px;
// }
// }
// }
// }
// }
// }
&:hover {
width: 4px;
right: -2px;
}
}
}
}
}
}
}

273
cms/templates/settings.html
View File

@@ -445,108 +445,110 @@
<span class="detail">Individuals instructing and help with this course</span>
</header>
<div class="field enum">
<ul class="input-list course-faculty-list">
<li class="input input-existing multi course-faculty-list-item">
<div class="row row-col2">
<label for="course-faculty-firstname-input">Faculty First Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-firstname-input">
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field">
<div class="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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
<div class="row">
<div class="field enum">
<ul class="input-list course-faculty-list">
<li class="input input-existing multi course-faculty-list-item">
<div class="row row-col2">
<label for="course-faculty-firstname-input">Faculty First Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-firstname-input">
</div>
</div>
<div class="input input-existing">
<div class=" current current-course-syllabus">
<div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field">
<div class="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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
</div>
<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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
<div class="input input-existing">
<div class=" current current-course-syllabus">
</div>
<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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
</div>
</div>
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field">
<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>
</div>
</div>
<a href="#" class="remove-item remove-faculty-data"><span class="delete-icon"></span> Delete Faculty Member</a>
</li>
<li class="input multi course-faculty-list-item">
<div class="row row-col2">
<label for="course-faculty-firstname-input">Faculty First Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-firstname-input">
<div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field">
<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>
</div>
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div>
<a href="#" class="remove-item remove-faculty-data"><span class="delete-icon"></span> Delete Faculty Member</a>
</li>
<div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field">
<div class="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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
<li class="input multi course-faculty-list-item">
<div class="row row-col2">
<label for="course-faculty-firstname-input">Faculty First Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-firstname-input">
</div>
</div>
<div class="input input-existing">
<div class=" current current-course-faculty-photo">
<div class="row row-col2">
<label for="course-faculty-lastname-input">Faculty Last Name:</label>
<div class="field">
<input type="text" class="long" id="course-faculty-lastname-input">
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-photo-input">Faculty Photo</label>
<div class="field">
<div class="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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
</div>
<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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
<div class="input input-existing">
<div class=" current current-course-faculty-photo">
</div>
<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
</a>
<span class="tip tip-inline">Max size: 30KB</span>
</div>
</div>
</div>
</div>
<div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field">
<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>
</div>
</div>
</li>
</ul>
<div class="row row-col2">
<label for="course-faculty-bio-input">Faculty Bio:</label>
<div class="field">
<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>
</div>
</div>
</li>
</ul>
<a href="#" class="new-item new-course-faculty-item add-faculty-data">
<span class="plus-icon"></span>New Faculty Member
</a>
<a href="#" class="new-item new-course-faculty-item add-faculty-data">
<span class="plus-icon"></span>New Faculty Member
</a>
</div>
</div>
</section>
@@ -555,6 +557,113 @@
<section class="settings-grading">
<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 class="settings-problems">