Skip to content

E
edx-platform
Commit 06439c7b by Brian Talbot
Options

studio - advanced settings - initial HTML stubbing

parent 91b3a220
Showing with 137 additions and 3 deletions
cms/static/sass/_settings.scss
......@@ -63,6 +63,15 @@
color: $blue;
}
.instructions {
font-size: 14px;
margin: 0 0 20px 0;
strong {
font-weight: 600;
}
}
> section {
margin-bottom: 100px;
@include clearfix;
......@@ -189,8 +198,8 @@
// form layouts
.row {
margin-bottom: 30px;
padding-bottom: 30px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid $lightGrey;
&:last-child {
......@@ -538,8 +547,49 @@
margin-left: 10px;
}
}
}
.settings-advanced {
.course-advanced-policy-list {
.row {
@include clearfix();
}
.key, .value {
margin: 0;
border: none;
padding: 0;
}
.key {
float: left;
width: 30%;
margin-right: 5px;
.field {
input {
width: 100%;
}
}
}
.value {
float: right;
width: 65%;
.field {
textarea {
width: 100%;
height: 100px;
}
}
}
}
}
// states
......
cms/templates/settings.html
......@@ -51,10 +51,11 @@ from contentstore import utils
<nav class="settings-page-menu">
<ul>
<li><a href="#" class="is-shown" data-section="details">Course Details</a></li>
<!-- <li><a href="#" data-section="faculty">Faculty</a></li> -->
<!-- <li><a href="#" data-section="faculty">Faculty</a></li> -->
<li><a href="#" data-section="grading">Grading</a></li>
<!-- <li><a href="#" data-section="problems">Problems</a></li> -->
<!-- <li><a href="#" data-section="discussions">Discussions</a></li> -->
<li><a href="#" data-section="advanced">Advanced</a></li>
</ul>
</nav>
</div>
......@@ -722,6 +723,89 @@ from contentstore import utils
</div>
</section><!-- .settings-discussions-general -->
</section><!-- .settings-discussions -->
<section class="settings-advanced">
<h2 class="title">Advanced Settings</h2>
<section class="settings-advanced-policies">
<header>
<h3>Additional Policy Definition</h3>
<span class="detail">Manually Edit Course Policy Values</span>
</header>
<p class="instructions"><strong>Warning</strong>: Add only manual policy data that you are familiar with.</p>
<div class="row">
<div class="field enum">
<ul class="input-list course-advanced-policy-list">
<li class="input multi course-advanced-policy-list-item">
<div class="row">
<div class="key">
<label for="course-advanced-policy-1-key" class="">Policy Key:</label>
<div class="field">
<input type="text" class="short" id="course-advanced-policy-1-key" value="" />
</div>
</div>
<div class="value">
<label for="course-advanced-policy-1-value" class="">Policy Value:</label>
<div class="field">
<textarea class="ace text" id="course-advanced-policy-1-value" value=""></textarea>
</div>
</div>
</div>
<a href="#" class="delete-button standard remove-item advanced-policy-data"><span class="delete-icon"></span>Delete</a>
</li>
<li class="input multi course-advanced-policy-list-item">
<div class="row">
<div class="key">
<label for="course-advanced-policy-1-key" class="">Policy Key:</label>
<div class="field">
<input type="text" class="short" id="course-advanced-policy-1-key" value="" />
</div>
</div>
<div class="value">
<label for="course-advanced-policy-1-value" class="">Policy Value:</label>
<div class="field">
<textarea class="ace text" id="course-advanced-policy-1-value" value=""></textarea>
</div>
</div>
</div>
<a href="#" class="delete-button standard remove-item advanced-policy-data"><span class="delete-icon"></span>Delete</a>
</li>
<li class="input multi course-advanced-policy-list-item">
<div class="row">
<div class="key">
<label for="course-advanced-policy-1-key" class="">Policy Key:</label>
<div class="field">
<input type="text" class="short" id="course-advanced-policy-1-key" value="" />
</div>
</div>
<div class="value">
<label for="course-advanced-policy-1-value" class="">Policy Value:</label>
<div class="field">
<textarea class="ace text" id="course-advanced-policy-1-value" value=""></textarea>
</div>
</div>
</div>
<a href="#" class="delete-button standard remove-item advanced-policy-data"><span class="delete-icon"></span>Delete</a>
</li>
</ul>
<a href="#" class="new-button new-advanced-policy-item add-policy-data">
<span class="plus-icon white"></span>New Manual Policy
</a>
</div>
</div>
</section><!-- .settings-advanced-policies -->
</section><!-- .settings-advanced -->
</div>
</article>
</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