134 lines
5.3 KiB
HTML
134 lines
5.3 KiB
HTML
<%inherit file="base.html" />
|
|
<%block name="title">Schedule & Details</%block>
|
|
<%block name="bodyclass">is-signedin course schedule settings</%block>
|
|
|
|
<%namespace name='static' file='static_content.html'/>
|
|
<%!
|
|
from contentstore import utils
|
|
%>
|
|
|
|
<%block name="jsextra">
|
|
<link rel="stylesheet" type="text/css" href="${static.url('js/vendor/timepicker/jquery.timepicker.css')}" />
|
|
<script src="${static.url('js/vendor/timepicker/jquery.timepicker.js')}"></script>
|
|
<script src="${static.url('js/vendor/timepicker/datepair.js')}"></script>
|
|
<script src="${static.url('js/vendor/date.js')}"></script>
|
|
|
|
<script type="text/javascript" src="${static.url('js/template_loader.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/views/server_error.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/models/course_relative.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/views/validating_view.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/views/settings/main_settings_view.js')}"></script>
|
|
<script type="text/javascript" src="${static.url('js/models/settings/course_details.js')}"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
|
|
var editor = new CMS.Views.Settings.Details({
|
|
el: $('.settings-details'),
|
|
model: new CMS.Models.Settings.CourseDetails(${course_details|n},{parse:true})
|
|
});
|
|
|
|
editor.render();
|
|
});
|
|
|
|
</script>
|
|
</%block>
|
|
|
|
<%block name="content">
|
|
<div class="wrapper-content wrapper">
|
|
<section class="content">
|
|
<header>
|
|
<span class="title-sub">Settings</span>
|
|
<h1 class="title-1">Schedule & Details</h1>
|
|
</header>
|
|
|
|
<div class="introduction">
|
|
<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.</p>
|
|
</div>
|
|
|
|
<article class="content-primary" role="main">
|
|
<form id="settings_details" method="post" action="">
|
|
<section class="group-settings basic">
|
|
<header>
|
|
<h2 class="title-2">Basic Information</h2>
|
|
<span class="tip">The nuts and bolts of your course</span>
|
|
</header>
|
|
|
|
|
|
</section>
|
|
|
|
<hr class="divide" />
|
|
|
|
<section class="group-settings schedule">
|
|
<header>
|
|
<h2 class="title-2">Course Schedule</h2>
|
|
<span class="tip">Important steps and segments of your course</span>
|
|
</header>
|
|
|
|
</section>
|
|
|
|
<hr class="divide" />
|
|
|
|
<section class="group-settings marketing">
|
|
<header>
|
|
<h2 class="title-2">Introducing Your Course</h2>
|
|
<span class="tip">Information for perspective students</span>
|
|
</header>
|
|
|
|
<ol class="list-input">
|
|
<li class="field text" id="field-course-overview">
|
|
<label for="course-overview">Course Overview:</label>
|
|
<input id="email" type="email" name="email" placeholder="e.g. jane.doe@gmail.com" />
|
|
<textarea class="tinymce text-editor" id="course-overview"></textarea>
|
|
<span class="tip tip-stacked">Introductions, prerequisites, FAQs that are used on <a href="${utils.get_lms_link_for_about_page(course_location)}">your course summary page</a></span>
|
|
</li>
|
|
|
|
<li class="field video" id="field-course-introduction-video">
|
|
<div class="input input-existing">
|
|
<div class="current current-course-introduction-video">
|
|
<iframe width="100%" height="" src="" frameborder="0" allowfullscreen></iframe>
|
|
|
|
<a href="#" class="remove-item remove-course-introduction-video remove-video-data"><span class="delete-icon"></span> Delete Video</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input">
|
|
<input type="text" class="long new-course-introduction-video add-video-data" id="course-introduction-video" value="" placeholder="id" autocomplete="off">
|
|
<span class="tip tip-stacked">Video restrictions go here</span>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<hr class="divide" />
|
|
|
|
<section class="group-settings requirements">
|
|
<header>
|
|
<h2 class="title-2">Requirements</h2>
|
|
<span class="tip">Expectations of the students taking this course</span>
|
|
</header>
|
|
|
|
</section>
|
|
</form>
|
|
</article>
|
|
|
|
<aside class="content-supplementary" role="complimentary">
|
|
<div class="bit">
|
|
<h3 class="title-3">How will these settings be used</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.</p>
|
|
</div>
|
|
|
|
<div class="bit">
|
|
<h3 class="title-3">Other Course Settings</h3>
|
|
<nav class="nav-related">
|
|
<ul>
|
|
<li class="nav-item"><a href="">Grading</a></li>
|
|
<li class="nav-item"><a href="">Advanced Settings</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
</section>
|
|
</div>
|
|
</%block>
|