Skip to content

E
edx-platform
Commit bffd4255 by Brian Talbot
Options

settings - revised date and time picker markup to use already set conventions… 

settings - revised date and time picker markup to use already set conventions with the .datepair class
parent c3e11b42
Showing with 21 additions and 23 deletions
cms/templates/settings.html
......@@ -37,8 +37,6 @@
$('.new-grade-button').bind('click', addNewGrade);
$body.on('click', '.remove-button', removeGrade);
renderGradeRanges();
$('.set-date').datepicker({ 'dateFormat': 'm/d/yy' });
})();
function setThresholds() {
......@@ -211,33 +209,33 @@
<div class="row row-col2">
<h4 class="label">Course Dates:</h4>
<div class="field">
<div class="field datepair">
<div class="input multi multi-inline">
<div class="group">
<label for="course-start-date">Start Date</label>
<input type="text" class="start-date date set-date picker datepair" id="course-start-date" placeholder="MM/DD/YYYY" autocomplete="off">
<input type="text" class="start-date date" id="course-start-date" placeholder="MM/DD/YYYY" autocomplete="off">
<span class="tip tip-stacked">First day the course begins</span>
</div>
<div class="group picker datepair">
<div class="group">
<label for="course-start-time">Start Time</label>
<input type="text" class="short time" id="course-start-time" value="" placeholder="HH:MM">
<input type="text" class="time" id="course-start-time" value="" placeholder="HH:MM">
<span class="tip tip-stacked">(UTC/GMT -5 hours)</span>
</div>
</div>
</div>
<div class="field field-additional">
<div class="field field-additional datepair">
<div class="input multi multi-inline">
<div class="group">
<label for="course-end-date">End Date</label>
<input type="text" class="end-date date set-date picker datepair" id="course-end-date" placeholder="MM/DD/YYYY" autocomplete="off">
<input type="text" class="end-date date" id="course-end-date" placeholder="MM/DD/YYYY" autocomplete="off">
<span class="tip tip-stacked">Last day the course is active</span>
</div>
<div class="group picker datepair">
<div class="group">
<label for="course-end-time">End Time</label>
<input type="text" class="short time" id="course-end-time" value="" placeholder="HH:MM">
<input type="text" class="time" id="course-end-time" value="" placeholder="HH:MM">
<span class="tip tip-stacked">(UTC/GMT -5 hours)</span>
</div>
</div>
......@@ -247,33 +245,33 @@
<div class="row row-col2">
<h4 class="label">Enrollment Dates:</h4>
<div class="field">
<div class="field datepair">
<div class="input multi multi-inline">
<div class="group">
<label for="course-enrollment-start-date">Start Date</label>
<input type="text" class="start-date date set-date picker datepair" id="course-enrollment-start-date" placeholder="MM/DD/YYYY">
<input type="text" class="start-date date" id="course-enrollment-start-date" placeholder="MM/DD/YYYY">
<span class="tip tip-stacked">First day students can enroll</span>
</div>
<div class="group picker datepair">
<div class="group">
<label for="course-enrollment-start-time">Start Time</label>
<input type="text" class="short time" id="course-enrollment-start-time" value="" placeholder="HH:MM">
<input type="text" class="time" id="course-enrollment-start-time" value="" placeholder="HH:MM">
<span class="tip tip-stacked">(UTC/GMT -5 hours)</span>
</div>
</div>
</div>
<div class="field field-additional">
<div class="field field-additional datepair">
<div class="input multi multi-inline">
<div class="group">
<label for="course-enrollment-end-date">Start Date</label>
<input type="text" class="start-end date set-date picker datepair" id="course-enrollment-end-date" placeholder="MM/DD/YYYY">
<input type="text" class="start-end date" id="course-enrollment-end-date" placeholder="MM/DD/YYYY">
<span class="tip tip-stacked">First day students can enroll</span>
</div>
<div class="group picker datepair">
<div class="group">
<label for="course-enrollment-end-time">End Time</label>
<input type="text" class="short time" id="course-enrollment-end-time" value="" placeholder="HH:MM">
<input type="text" class="time" id="course-enrollment-end-time" value="" placeholder="HH:MM">
<span class="tip tip-stacked">(UTC/GMT -5 hours)</span>
</div>
</div>
......@@ -353,7 +351,7 @@
<div class="field">
<div class="input">
<input type="text" class="short time" id="course-effort" placeholder="HH:MM">
<span class="tip tip-inline">Time students should spend on all course work</span>
<span class="tip tip-stacked">Time students should spend on all course work</span>
</div>
</div>
</div>
......@@ -513,9 +511,9 @@
<div class="row row-col2">
<label for="course-grading-deadline">General Assignment Deadline:</label>
<div class="field">
<div class="input picker datepair">
<input type="text" class="short time" id="course-grading-deadline" value="" placeholder="HH:MM">
<div class="field datepicker">
<div class="input">
<input type="text" class="time" id="course-grading-deadline" value="" placeholder="HH:MM">
<span class="tip tip-stacked">Boston, MA Local Time (UTC/GMT -5 hours).<br />
<a href="http://www.worldtimeserver.com/convert_time_in_UTC.aspx">Convert to your time zone</a>
</span>
......@@ -529,7 +527,7 @@
<div class="field">
<div class="input">
<input type="text" class="short time" id="course-grading-graceperiod" value="0:00" placeholder="e.g. 10 minutes">
<span class="tip tip-inline">leeway on due dates</span>
<span class="tip tip-stacked">leeway on due dates</span>
</div>
</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