Skip to content

E
edx-platform
Commit e9a32340 by frances botsford
Options

Merge pull request #10609 from edx/frances/adjust-studio-cert-limits 

Add certificates signatory limit help text in Studio
parents 26775405 287304c7
Showing with 64 additions and 37 deletions
cms/static/sass/views/_certificates.scss
...@@ -33,17 +33,30 @@ ...@@ -33,17 +33,30 @@
@extend %no-content; @extend %no-content;
} }
.wrapper-certificate { .wrapper-certificates {
.title { .title {
@extend %t-title4; @extend %t-title4;
@extend %t-strong; @extend %t-strong;
margin-bottom: ($baseline/2);
} }
.copy { .copy {
@extend %t-copy-sub1; @extend %t-copy-sub1;
} }
.instructions {
@extend %t-copy-sub1;
margin-bottom: $baseline;
}
}
.certificate-settings {
margin-bottom: $baseline;
}
.actual-course-title {
@extend %t-strong;
margin-bottom: $baseline;
} }
} }
...@@ -205,6 +218,10 @@ ...@@ -205,6 +218,10 @@
.wrapper-form { .wrapper-form {
padding: $baseline ($baseline*1.5); padding: $baseline ($baseline*1.5);
label {
@extend %t-strong;
}
} }
.action-add-signatory { .action-add-signatory {
......
cms/templates/js/certificate-details.underscore
...@@ -13,42 +13,48 @@ ...@@ -13,42 +13,48 @@
</li> </li>
<% } %> <% } %>
<% if (showDetails) { %> <% if (showDetails) { %>
<header> <section class="certificate-settings course-details">
<span class="title"><%= gettext("Certificate Details") %></span> <header>
</header> <h2 class="title title-2"><%= gettext("Certificate Details") %></h2>
<div class='certificate-info-section'> </header>
<div class='course-title-section pull-left'> <div class='certificate-info-section'>
<div class="actual-course-title"> <div class='course-title-section pull-left'>
<span class="certificate-label"><b><%= gettext('Course Title') %>: </b> </span> <p class="actual-course-title">
<span class="certificate-value"><%= course.get('name') %></span> <span class="certificate-label"><%= gettext('Course Title') %>: </span>
</div> <span class="certificate-value"><%= course.get('name') %></span>
<% if (course_title) { %> </p>
<div class="course-title-override"> <% if (course_title) { %>
<span class="certificate-label"><b><%= gettext('Course Title Override') %>: </b></span> <p class="course-title-override">
<span class="certificate-value"><%= course_title %></span> <span class="certificate-label"><b><%= gettext('Course Title Override') %>: </b></span>
</div> <span class="certificate-value"><%= course_title %></span>
<% } %> </p>
</div> <% } %>
</div>
<div class='course-number-section pull-left'> <div class='course-number-section pull-left'>
<div class="actual-course-number"> <p class="actual-course-number">
<span class="certificate-label"><b><%= gettext('Course Number') %>: </b> </span> <span class="certificate-label"><b><%= gettext('Course Number') %>: </b> </span>
<span class="certificate-value"><%= course.get('num') %></span> <span class="certificate-value"><%= course.get('num') %></span>
</div> </p>
<% if (course.get('display_course_number')) { %> <% if (course.get('display_course_number')) { %>
<div class="course-number-override"> <p class="course-number-override">
<span class="certificate-label"><b><%= gettext('Course Number Override') %>: </b></span> <span class="certificate-label"><b><%= gettext('Course Number Override') %>: </b></span>
<span class="certificate-value"><%= course.get('display_course_number') %></span> <span class="certificate-value"><%= course.get('display_course_number') %></span>
</div> </p>
<% } %> <% } %>
</div>
</div> </div>
</div> </section>
<header style='margin-top: 30px;'> <section class="certificate-settings signatories">
<span class="title"><%= gettext("Certificate Signatories") %></span> <header>
</header> <h2 class="title title-2"><%= gettext("Certificate Signatories") %></h2>
<div class="signatory-details-list"></div> </header>
<p class="instructions">It is strongly recommended that you include four or fewer signatories. If you include additional signatories, preview the certificate in Print View to ensure the certificate will print correctly on one page.</p>
<div class="signatory-details-list"></div>
</section>
<% } %> <% } %>
</ol> </ol>
......
cms/templates/js/certificate-editor.underscore
...@@ -19,8 +19,11 @@ ...@@ -19,8 +19,11 @@
<textarea id="certificate-description-<%= uniqueId %>" class="certificate-description-input text input-text" name="certificate-description" placeholder="<%= gettext("Description of the certificate") %>" aria-describedby="certificate-description-<%=uniqueId %>-tip"><%= description %></textarea> <textarea id="certificate-description-<%= uniqueId %>" class="certificate-description-input text input-text" name="certificate-description" placeholder="<%= gettext("Description of the certificate") %>" aria-describedby="certificate-description-<%=uniqueId %>-tip"><%= description %></textarea>
<span id="certificate-description-<%= uniqueId %>-tip" class="tip tip-stacked"><%= gettext("Description of the certificate") %></span> <span id="certificate-description-<%= uniqueId %>-tip" class="tip tip-stacked"><%= gettext("Description of the certificate") %></span>
</div> </div>
<div class="field text actual-course-title"> <header>
<label class="actual-course-title"><b><%= gettext("Course Title") %></b></label> <h2 class="title title-2"><%= gettext("Certificate Details") %></h2>
</header>
<div class="actual-course-title">
<span class="actual-course-title"><%= gettext("Course Title") %>: </span>
<span class="actual-title"><%= course.get('name') %></span> <span class="actual-title"><%= course.get('name') %></span>
</div> </div>
<div class="input-wrap field text add-certificate-course-title"> <div class="input-wrap field text add-certificate-course-title">
...@@ -30,8 +33,9 @@ ...@@ -30,8 +33,9 @@
</div> </div>
</fieldset> </fieldset>
<header> <header>
<span class="title"><%= gettext("Certificate Signatories") %></legend> <h2 class="title title-2"><%= gettext("Certificate Signatories") %></h2>
</header> </header>
<p class="instructions">It is strongly recommended that you include four or fewer signatories. If you include additional signatories, preview the certificate in Print View to ensure the certificate will print correctly on one page.</p>
<div class="signatory-edit-list"> </div> <div class="signatory-edit-list"> </div>
<span> <span>
<button class="action action-add-signatory" type="button"><%= gettext("Add Additional Signatory") %></button> <button class="action action-add-signatory" type="button"><%= gettext("Add Additional Signatory") %></button>
......
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