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

Upgrading Font Awesome vendor files from 3.2.1 to 4.2.0

Browse Source 
* updating vendor files
* updating class syntax (to new FA-based classes) for all UI elements
* correcting broken tests
This commit is contained in:
Chris
2014-11-14 12:44:23 -05:00
committed by Brian Talbot
parent f91c5ffd1f
commit c5d2dd7536
203 changed files with 1826 additions and 1525 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
cms/templates/asset_index.html
View File

@@ -41,7 +41,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button upload-button new-button"><i class="icon-plus"></i> ${_("Upload New File")}</a>
<a href="#" class="button upload-button new-button"><i class="icon fa fa-plus"></i> ${_("Upload New File")}</a>
</li>
</ul>
</nav>
@@ -53,7 +53,7 @@
<article class="content-primary" role="main">
<div class="wrapper-assets" />
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading&hellip;")}</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading&hellip;")}</span></p>
</div>
</article>
@@ -84,7 +84,7 @@
</div>
<div class="upload-modal modal">
<a href="#" class="close-button"><i class="icon-remove-sign"></i> <span class="sr">${_('close')}</span></a>
<a href="#" class="close-button"><i class="icon fa fa-times-circle"></i> <span class="sr">${_('close')}</span></a>
<div class="modal-body">
<h1 class="title">${_("Upload New File")}</h1>
<h2>${_("Max per-file size: {max_filesize}MB").format(max_filesize=max_file_size_in_mbs)}</h2>
@@ -111,14 +111,14 @@
<!-- alert: save confirmed with close -->
<div class="wrapper wrapper-alert wrapper-alert-confirmation" role="status">
<div class="alert confirmation">
<i class="icon-ok"></i>
<i class="icon fa fa-check"></i>
<div class="copy">
<h2 class="title title-3">${_('Your file has been deleted.')}</h2>
</div>
<a href="" rel="view" class="action action-alert-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">${_('close alert')}</span>
</a>
</div>

6
cms/templates/component.html
View File

@@ -8,19 +8,19 @@
<ul class="component-actions">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-pencil"></i>
<i class="icon fa fa-pencil"></i>
<span class="action-button-text">${_("Edit")}</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">${_("Duplicate this component")}</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">${_("Delete this component")}</span>
</a>
</li>

4
cms/templates/container.html
View File

@@ -84,7 +84,7 @@ templates = ["basic-modal", "modal-button", "edit-xblock-modal",
% else:
<li class="action-item action-edit nav-item">
<a href="#" class="button button-edit action-button edit-button">
<i class="icon-pencil"></i>
<i class="icon fa fa-pencil"></i>
<span class="action-button-text">${_("Edit")}</span>
</a>
</li>
@@ -103,7 +103,7 @@ templates = ["basic-modal", "modal-button", "edit-xblock-modal",
<section class="wrapper-xblock level-page is-hidden studio-xblock-wrapper" data-locator="${xblock_locator | h}" data-course-key="${xblock_locator.course_key | h}">
</section>
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">

2
cms/templates/course_info.html
View File

@@ -37,7 +37,7 @@
<h3 class="sr">${_('Page Actions')}</h3>
<ul>
<li class="nav-item">
<a href="#" class=" button new-button new-update-button"><i class="icon-plus"></i> ${_('New Update')}</a>
<a href="#" class=" button new-button new-update-button"><i class="icon fa fa-plus"></i> ${_('New Update')}</a>
</li>
</ul>
</nav>

14
cms/templates/course_outline.html
View File

@@ -31,7 +31,7 @@ from contentstore.utils import reverse_usage_url
%if notification_dismiss_url is not None:
<div class="wrapper wrapper-alert wrapper-alert-announcement is-shown">
<div class="alert announcement has-actions">
<i class="feedback-symbol icon-bullhorn"></i>
<i class="feedback-symbol fa fa-bullhorn"></i>
<div class="copy">
<h2 class="title title-3">${_("This course was created as a re-run. Some manual configuration is needed.")}</h2>
@@ -42,7 +42,7 @@ from contentstore.utils import reverse_usage_url
<ul class="nav-actions">
<li class="action action-dismiss">
<a href="#" class="button dismiss-button" data-dismiss-link='${notification_dismiss_url}'>
<i class="icon icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="button-copy">${_("Dismiss")}</span>
</a>
</li>
@@ -65,13 +65,13 @@ from contentstore.utils import reverse_usage_url
<ul>
<li class="nav-item">
<a href="#" class="button button-new" data-category="chapter" data-parent="${context_course.location | h}" data-default-name="${_('Section')}" title="${_('Click to add a new section')}">
<i class="icon-plus"></i>${_('New Section')}
<i class="icon fa fa-plus"></i>${_('New Section')}
</a>
</li>
<li class="nav-item">
<a href="#" class="button button-toggle button-toggle-expand-collapse collapse-all is-hidden">
<span class="collapse-all"><i class="icon-arrow-up"></i> <span class="label">${_("Collapse All Sections")}</span></span>
<span class="expand-all"><i class="icon-arrow-down"></i> <span class="label">${_("Expand All Sections")}</span></span>
<span class="collapse-all"><i class="icon fa fa-arrow-up"></i> <span class="label">${_("Collapse All Sections")}</span></span>
<span class="expand-all"><i class="icon fa fa-arrow-down"></i> <span class="label">${_("Expand All Sections")}</span></span>
</a>
</li>
<li class="nav-item">
@@ -94,7 +94,7 @@ from contentstore.utils import reverse_usage_url
<ul class="status-actions">
<li class="action-item action-edit">
<a href="${settings_url}" class="edit-button action-button" data-tooltip="${_("Edit Start Date")}">
<i class="icon-pencil"></i>
<i class="icon fa fa-pencil"></i>
<span class="action-button-text sr">${_("Edit Start Date")}</span>
</a>
</li>
@@ -111,7 +111,7 @@ from contentstore.utils import reverse_usage_url
</article>
</div>
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">

8
cms/templates/edit-tabs.html
View File

@@ -37,7 +37,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button new-tab"><i class="icon-plus"></i> ${_("New Page")}</a>
<a href="#" class="button new-button new-tab"><i class="icon fa fa-plus"></i> ${_("New Page")}</a>
</li>
<li class="nav-item">
<a href="${lms_link}" rel="external" class="button view-button view-live-button">${_("View Live")}</a>
@@ -105,7 +105,7 @@
% else:
<input type="checkbox" class="toggle-checkbox" data-tooltip="${_('Show/hide page')}" />
% endif
<div class="action-button"><i class="icon-eye-open"></i><i class="icon-eye-close"></i></div>
<div class="action-button"><i class="icon fa fa-eye"></i><i class="icon fa fa-eye-slash"></i></div>
</li>
% endif
@@ -131,7 +131,7 @@
</div>
<div class="add-pages">
<p>${_("You can add additional custom pages to your course.")} <a href="#" class="button new-button new-tab"><i class="icon-plus"></i>${_("Add a New Page")}</a></p>
<p>${_("You can add additional custom pages to your course.")} <a href="#" class="button new-button new-tab"><i class="icon fa fa-plus"></i>${_("Add a New Page")}</a></p>
</div>
</article>
</div>
@@ -163,7 +163,7 @@
</figure>
<a href="#" rel="view" class="action action-modal-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">${_("close modal")}</span>
</a>
</div>

2
cms/templates/export.html
View File

@@ -53,7 +53,7 @@
<ul class="list-actions">
<li class="item-action">
<a class="action action-export action-primary" href="${export_url}">
<i class="icon-download"></i>
<i class="icon fa fa-arrow-circle-o-down"></i>
<span class="copy">${_("Export Course Content")}</span>
</a>
</li>

2
cms/templates/export_git.html
View File

@@ -39,7 +39,7 @@
<ul class="list-actions">
<li class="item-action">
<a class="action action-export-git"" action-primary" href="${reverse('export_git', kwargs=dict(course_key_string=unicode(context_course.id)))}?action=push">
<i class="icon-download"></i>
<i class="icon fa fa-arrow-circle-o-down"></i>
<span class="copy">${_("Export to Git")}</span>
</a>
</li>

4
cms/templates/group_configurations.html
View File

@@ -37,7 +37,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button"><i class="icon-plus"></i> ${_("New Group Configuration")}</a>
<a href="#" class="button new-button"><i class="icon fa fa-plus"></i> ${_("New Group Configuration")}</a>
</li>
</ul>
</nav>
@@ -55,7 +55,7 @@
</div>
% else:
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
</div>
% endif
</article>

12
cms/templates/howitworks.html
View File

@@ -40,7 +40,7 @@
<img src="${static.url("images/thumb-hiw-feature1.png")}" alt="${_('{studio_name} Helps You Keep Your Courses Organized').format(studio_name=settings.STUDIO_SHORT_NAME)}" />
<figcaption class="sr">${_("{studio_name} Helps You Keep Your Courses Organized").format(studio_name=settings.STUDIO_NAME)}</figcaption>
<span class="action-zoom">
<i class="icon-zoom-in"></i>
<i class="icon fa fa-search-plus"></i>
</span>
</a>
</figure>
@@ -74,7 +74,7 @@
<img src="${static.url("images/thumb-hiw-feature2.png")}" alt="${_('Learning is More than Just Lectures')}" />
<figcaption class="sr">${_("Learning is More than Just Lectures")}</figcaption>
<span class="action-zoom">
<i class="icon-zoom-in"></i>
<i class="icon fa fa-search-plus"></i>
</span>
</a>
</figure>
@@ -108,7 +108,7 @@
<img src="${static.url("images/thumb-hiw-feature3.png")}" alt="${_('{studio_name} Gives You Simple, Fast, and Incremental Publishing. With Friends.').format(studio_name=settings.STUDIO_SHORT_NAME)}" />
<figcaption class="sr">${_("{studio_name} Gives You Simple, Fast, and Incremental Publishing. With Friends.").format(studio_name=settings.STUDIO_SHORT_NAME)}</figcaption>
<span class="action-zoom">
<i class="icon-zoom-in"></i>
<i class="icon fa fa-search-plus"></i>
</span>
</a>
</figure>
@@ -164,7 +164,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">${_("close modal")}</span>
</a>
</div>
@@ -177,7 +177,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">${_("close modal")}</span>
</a>
</div>
@@ -190,7 +190,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">${_("close modal")}</span>
</a>
</div>

2
cms/templates/html_error.html
View File

@@ -7,7 +7,7 @@
<div class="copy">
<h2 class="title">
<i class="icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
${_("We're having trouble rendering your component")}
</h2>

20
cms/templates/import.html
View File

@@ -36,7 +36,7 @@
<p class="error-block"></p>
<a href="#" class="action action-choose-file choose-file-button">
<i class="icon-upload"></i>
<i class="icon fa fa-upload"></i>
<span class="copy">${_("Choose a File to Import")}</span>
</a>
@@ -57,8 +57,8 @@
<ol class="status-progress list-progress">
<li class="item-progresspoint item-progresspoint-upload is-complete">
<span class="deco status-visual">
<i class="icon-cog"></i>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
</span>
<div class="status-detail">
@@ -72,8 +72,8 @@
<li class="item-progresspoint item-progresspoint-unpack is-started">
<span class="deco status-visual">
<i class="icon-cog icon-spin"></i>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-cog fa-spin"></i>
<i class="icon fa fa-warning"></i>
</span>
<div class="status-detail">
@@ -85,8 +85,8 @@
<li class="item-progresspoint item-progresspoint-verify is-not-started">
<span class="deco status-visual">
<i class="icon-cog"></i>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
</span>
<div class="status-detail">
@@ -97,8 +97,8 @@
<li class="item-progresspoint item-progresspoint-import is-not-started">
<span class="deco status-visual">
<i class="icon-cog"></i>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
</span>
<div class="status-detail">
@@ -108,7 +108,7 @@
</li>
<li class="item-progresspoint item-progresspoint-success has-actions is-not-started">
<span class="deco status-visual">
<i class="icon-check"></i>
<i class="icon fa fa-square-o"></i>
</span>
<div class="status-detail">

18
cms/templates/index.html
View File

@@ -22,7 +22,7 @@
<ul>
<li class="nav-item">
% if course_creator_status=='granted':
<a href="#" class="button new-button new-course-button"><i class="icon-plus icon-inline"></i>
<a href="#" class="button new-button new-course-button"><i class="icon fa fa-plus icon-inline"></i>
${_("New Course")}</a>
% elif course_creator_status=='disallowed_for_this_site' and settings.FEATURES.get('STUDIO_REQUEST_EMAIL',''):
<a href="mailto:${settings.FEATURES.get('STUDIO_REQUEST_EMAIL','')}">${_("Email staff to create course")}</a>
@@ -141,7 +141,7 @@
<dl class="course-status">
<dt class="label sr">${_("This course run is currently being created.")}</dt>
<dd class="value">
<i class="icon icon-refresh icon-spin"></i>
<i class="icon fa fa-refresh fa-spin"></i>
## Translators: This is a status message, used to inform the user of what the system is doing. This status means that the user has requested to re-run an existing course, and the system is currently in the process of duplicating and configuring the existing course so that it can be re-run.
<span class="copy">${_("Configuring as re-run")}</span>
</dd>
@@ -183,7 +183,7 @@
<dl class="course-status">
<dt class="label sr">This re-run processing status:</dt>
<dd class="value">
<i class="icon icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<span class="copy">Configuration Error</span>
</dd>
</dl>
@@ -195,7 +195,7 @@
<ul class="status-actions">
<li class="action action-dismiss">
<a href="#" class="button dismiss-button" data-dismiss-link="${course_info['dismiss_link']}">
<i class="icon icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="button-copy">${_("Dismiss")}</span>
</a>
</li>
@@ -270,7 +270,7 @@
<ul class="list-actions">
<li class="action-item">
<a href="#" class="action-primary action-create action-create-course new-course-button"><i class="icon-plus icon-inline"></i> ${_('Create Your First Course')}</a>
<a href="#" class="action-primary action-create action-create-course new-course-button"><i class="icon fa fa-plus icon-inline"></i> ${_('Create Your First Course')}</a>
</li>
</ul>
</div>
@@ -283,7 +283,7 @@
%if course_creator_status == "unrequested":
<div class="wrapper wrapper-creationrights">
<h3 class="title">
<a href="#instruction-creationrights" class="ui-toggle-control show-creationrights"><span class="label">${_('Becoming a Course Creator in {studio_name}').format(studio_name=settings.STUDIO_SHORT_NAME)}</span> <i class="icon-remove-sign"></i></a>
<a href="#instruction-creationrights" class="ui-toggle-control show-creationrights"><span class="label">${_('Becoming a Course Creator in {studio_name}').format(studio_name=settings.STUDIO_SHORT_NAME)}</span> <i class="icon fa fa-times-circle"></i></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
@@ -297,7 +297,7 @@
<form id="request-coursecreator" action="${request_course_creator_url}" method="post" enctype="multipart/form-data">
<div class="form-actions">
<button type="submit" id="request-coursecreator-submit" name="request-coursecreator-submit" class="action-primary action-request"><i class="icon-cog icon-inline icon-spin"></i> <span class="label">${_('Request the Ability to Create Courses')}</span></button>
<button type="submit" id="request-coursecreator-submit" name="request-coursecreator-submit" class="action-primary action-request"><i class="icon fa fa-cog icon-inline fa fa-spin"></i> <span class="label">${_('Request the Ability to Create Courses')}</span></button>
</div>
</form>
</div>
@@ -307,7 +307,7 @@
%elif course_creator_status == "denied":
<div class="wrapper wrapper-creationrights is-shown">
<h3 class="title">
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <i class="icon-remove-sign"></i></a>
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <i class="icon fa fa-times-circle"></i></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
@@ -335,7 +335,7 @@
%elif course_creator_status == "pending":
<div class="wrapper wrapper-creationrights is-shown">
<h3 class="title">
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <i class="icon-remove-sign"></i></a>
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <i class="icon fa fa-times-circle"></i></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">

2
cms/templates/js/asset-library.underscore
View File

@@ -27,5 +27,5 @@
</div>
<div class="no-asset-content">
<p><%= gettext("You haven't added any assets to this course yet.") %> <a href="#" class="button upload-button new-button"><i class="icon-plus"></i><%= gettext("Upload your first asset") %></a></p>
<p><%= gettext("You haven't added any assets to this course yet.") %> <a href="#" class="button new-button upload-button"><i class="icon fa fa-plus"></i><%= gettext("Upload your first asset") %></a></p>
</div>

2
cms/templates/js/asset-upload-modal.underscore
View File

@@ -1,5 +1,5 @@
<div class="upload-modal modal" style="display: none;">
<a href="#" class="close-button"><i class="icon-remove-sign"></i> <span class="sr"><%= gettext('close') %></span></a>
<a href="#" class="close-button"><i class="icon fa fa-times-circle"></i> <span class="sr"><%= gettext('close') %></span></a>
<div class="modal-body">
<h1 class="title"><%= gettext("Upload New File") %></h1>
<p class="file-name">

4
cms/templates/js/asset.underscore
View File

@@ -22,12 +22,12 @@
<td class="actions-col">
<ul class="actions-list">
<li class="action-item action-delete">
<a href="#" data-tooltip="<%= gettext('Delete this asset') %>" class="remove-asset-button action-button"><i class="icon-remove-sign"></i> <span class="sr"><%= gettext('Delete this asset') %></span></a>
<a href="#" data-tooltip="<%= gettext('Delete this asset') %>" class="remove-asset-button action-button"><i class="icon fa fa-times-circle"></i> <span class="sr"><%= gettext('Delete this asset') %></span></a>
</li>
<li class="action-item action-lock">
<label for="<%= uniqueId %>"><span class="sr"><%= gettext('Lock this asset') %></span></label>
<input type="checkbox" id="<%= uniqueId %>" class="lock-checkbox" data-tooltip="<%= gettext('Lock/unlock file') %>" />
<div class="action-button"><i class="icon-lock"></i><i class="icon-unlock-alt"></i></div>
<div class="action-button"><i class="icon fa fa-lock"></i><i class="icon fa fa-unlock-alt"></i></div>
</li>
</ul>
</td>

4
cms/templates/js/checklist.underscore
View File

@@ -11,11 +11,11 @@
</span></span>
<header>
<h3 class="checklist-title title-2 is-selectable" title="Collapse/Expand this Checklist">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<%= checklistShortDescription %></h3>
<span class="checklist-status status">
<%= gettext("Tasks Completed:") %> <span class="status-count"><%= itemsChecked %></span>/<span class="status-amount"><%= items.length %></span>
<i class="icon-ok"></i>
<i class="icon fa fa-check-square-o"></i>
</span>
</header>

2
cms/templates/js/container-message.underscore
View File

@@ -1,7 +1,7 @@
<% if (currentlyVisibleToStudents) { %>
<div class="message has-warnings">
<p class="warning">
<i class="icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<%= gettext("Caution: The last published version of this unit is live. By publishing changes you will change the student experience.") %>
</p>
</div>

34
cms/templates/js/course-outline.underscore
View File

@@ -23,11 +23,11 @@ if (staffOnlyMessage) {
var statusIconClass = '';
if (statusType === 'warning') {
statusIconClass = 'icon-file-alt';
statusIconClass = 'fa-file-o';
} else if (statusType === 'error') {
statusIconClass = 'icon-warning-sign';
statusIconClass = 'fa-warning';
} else if (statusType === 'staff-only') {
statusIconClass = 'icon-lock';
statusIconClass = 'fa-lock';
}
var gradingType = gettext('Not Graded');
@@ -39,13 +39,13 @@ if (xblockInfo.get('graded')) {
<li class="outline-item outline-<%= xblockType %> <%= visibilityClass %> is-draggable <%= includesChildren ? 'is-collapsible' : '' %> <%= isCollapsed ? 'is-collapsed' : '' %>"
data-parent="<%= parentInfo.get('id') %>" data-locator="<%= xblockInfo.get('id') %>">
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon fa fa-caret-right"></i></span>
<div class="<%= xblockType %>-header">
<% if (includesChildren) { %>
<h3 class="<%= xblockType %>-header-details expand-collapse <%= isCollapsed ? 'expand' : 'collapse' %> ui-toggle-expansion"
title="<%= interpolate(gettext('Collapse/Expand this %(xblock_type)s'), { xblock_type: xblockTypeDisplayName }, true) %>">
<i class="icon-caret-down icon"></i>
<i class="icon fa fa-caret-down"></i>
<% } else { %>
<h3 class="<%= xblockType %>-header-details">
<% } %>
@@ -65,7 +65,7 @@ if (xblockInfo.get('graded')) {
<% if (xblockInfo.isPublishable()) { %>
<li class="action-item action-publish">
<a href="#" data-tooltip="<%= gettext('Publish') %>" class="publish-button action-button">
<i class="icon icon-upload-alt"></i>
<i class="icon fa fa-upload"></i>
<span class="sr action-button-text"><%= gettext('Publish') %></span>
</a>
</li>
@@ -73,14 +73,14 @@ if (xblockInfo.get('graded')) {
<% if (xblockInfo.isEditableOnCourseOutline()) { %>
<li class="action-item action-configure">
<a href="#" data-tooltip="<%= gettext('Configure') %>" class="configure-button action-button">
<i class="icon-gear"></i>
<i class="icon fa fa-gear"></i>
<span class="sr action-button-text"><%= gettext('Configure') %></span>
</a>
</li>
<% } %>
<li class="action-item action-delete">
<a href="#" data-tooltip="<%= gettext('Delete') %>" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr action-button-text"><%= gettext('Delete') %></span>
</a>
</li>
@@ -100,13 +100,13 @@ if (xblockInfo.get('graded')) {
<span class="sr status-release-label"><%= gettext('Release Status:') %></span>
<span class="status-release-value">
<% if (xblockInfo.get('released_to_students')) { %>
<i class="icon icon-check-sign"></i>
<i class="icon fa fa-check-square-o"></i>
<%= gettext('Released:') %>
<% } else if (xblockInfo.get('release_date')) { %>
<i class="icon icon-time"></i>
<i class="icon fa fa-clock-o"></i>
<%= gettext('Scheduled:') %>
<% } else { %>
<i class="icon icon-time"></i>
<i class="icon fa fa-clock-o"></i>
<%= gettext('Unscheduled') %>
<% } %>
<% if (xblockInfo.get('release_date')) { %>
@@ -119,7 +119,7 @@ if (xblockInfo.get('graded')) {
<div class="status-grading">
<p>
<span class="sr status-grading-label"> <%= gettext('Graded as:') %> </span>
<i class="icon icon-ok"></i>
<i class="icon fa fa-check"></i>
<span class="status-grading-value"> <%= gradingType %> </span>
<% if (xblockInfo.get('due_date')) { %>
<span class="status-grading-date"> <%= gettext('Due:') %> <%= xblockInfo.get('due_date') %> </span>
@@ -131,7 +131,7 @@ if (xblockInfo.get('graded')) {
<% if (statusMessage) { %>
<div class="status-message">
<i class="icon <%= statusIconClass %>"></i>
<i class="icon fa <%= statusIconClass %>"></i>
<p class="status-message-copy"><%- statusMessage %></p>
</div>
<% } %>
@@ -144,7 +144,7 @@ if (xblockInfo.get('graded')) {
<a href="#" class="button button-new" data-category="<%= childCategory %>"
data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>"
title="<%= interpolate(gettext('Click to add a new %(xblock_type)s'), { xblock_type: defaultNewChildName }, true) %>" >
<i class="icon-plus"></i><%= addChildLabel %>
<i class="icon fa fa-plus"></i><%= addChildLabel %>
</a>
</p>
</div>
@@ -152,7 +152,7 @@ if (xblockInfo.get('graded')) {
<div class="outline-content <%= xblockType %>-content">
<ol class="<%= typeListClass %> is-sortable">
<li class="ui-splint ui-splint-indicator">
<span class="draggable-drop-indicator draggable-drop-indicator-initial"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-initial"><i class="icon fa fa-caret-right"></i></span>
</li>
</ol>
@@ -161,7 +161,7 @@ if (xblockInfo.get('graded')) {
<a href="#" class="button button-new" data-category="<%= childCategory %>"
data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>"
title="<%= interpolate(gettext('Click to add a new %(xblock_type)s'), { xblock_type: defaultNewChildName }, true) %>" >
<i class="icon icon-plus"></i><%= addChildLabel %>
<i class="icon fa fa-plus"></i><%= addChildLabel %>
</a>
</div>
<% } %>
@@ -169,6 +169,6 @@ if (xblockInfo.get('graded')) {
<% } %>
<% if (parentInfo) { %>
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon fa fa-caret-right"></i></span>
</li>
<% } %>

2
cms/templates/js/due-date-editor.underscore
View File

@@ -15,7 +15,7 @@
<ul class="list-actions">
<li class="action-item">
<a href="#" data-tooltip="<%= gettext('Clear Grading Due Date') %>" class="clear-date action-button action-clear">
<i class="icon-undo"></i>
<i class="icon fa fa-undo"></i>
<span class="sr"><%= gettext('Clear Grading Due Date') %></span>
</a>
</li>

2
cms/templates/js/edit-chapter.underscore
View File

@@ -11,4 +11,4 @@
<span class="tip tip-stacked"><%= gettext("upload a PDF file or provide the path to a Studio asset file") %></span>
<button class="action action-upload"><%= gettext("Upload PDF") %></button>
</div>
<a href="" class="action action-close"><i class="icon-remove-sign"></i> <span class="sr"><%= gettext("delete chapter") %></span></a>
<a href="" class="action action-close"><i class="icon fa fa-times-circle"></i> <span class="sr"><%= gettext("delete chapter") %></span></a>

2
cms/templates/js/edit-textbook.underscore
View File

@@ -18,7 +18,7 @@
<legend class="sr"><%= gettext("Chapter information") %></legend>
<ol class="chapters list-input enum"></ol>
<button class="action action-add-chapter"><i class="icon-plus"></i> <%= gettext("Add a Chapter") %></button>
<button class="action action-add-chapter"><i class="icon fa fa-plus"></i> <%= gettext("Add a Chapter") %></button>
</fieldset>
</div>
<div class="actions">

10
cms/templates/js/group-configuration-details.underscore
View File

@@ -2,7 +2,7 @@
<header class="group-configuration-header">
<h3 class="group-configuration-title">
<a href="#" class="group-toggle <% if(showGroups){ print('hide'); } else { print('show'); } %>-groups">
<i class="ui-toggle-expansion icon-caret-<% if(showGroups){ print('down'); } else { print('right'); } %>"></i>
<i class="ui-toggle-expansion icon fa fa-caret-<% if(showGroups){ print('down'); } else { print('right'); } %>"></i>
<%= name %>
</a>
</h3>
@@ -46,11 +46,11 @@
</li>
<% if (_.isEmpty(usage)) { %>
<li class="action action-delete wrapper-delete-button">
<button class="delete action-icon"><i class="icon-trash"></i><span><%= gettext("Delete") %></span></button>
<button class="delete action-icon"><i class="icon fa fa-trash-o"></i><span><%= gettext("Delete") %></span></button>
</li>
<% } else { %>
<li class="action action-delete wrapper-delete-button" data-tooltip="<%= gettext('Cannot delete when in use by an experiment') %>">
<button class="delete action-icon is-disabled" aria-disabled="true" ><i class="icon-trash"></i><span><%= gettext("Delete") %></span></button>
<button class="delete action-icon is-disabled" aria-disabled="true"><i class="icon fa fa-trash-o"></i><span><%= gettext("Delete") %></span></button>
</li>
<% } %>
</ul>
@@ -66,9 +66,9 @@
<% if (unit.validation) { %>
<p>
<% if (unit.validation.type === 'warning') { %>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<% } else if (unit.validation.type === 'error') { %>
<i class="icon-exclamation-sign"></i>
<i class="icon fa fa-exclamation-circle"></i>
<% } %>
<span class="group-configuration-validation-message">
<%= unit.validation.text %>

4
cms/templates/js/group-configuration-edit.underscore
View File

@@ -30,11 +30,11 @@
<label class="groups-fields-label required"><%= gettext("Groups") %></label>
<span class="tip tip-stacked"><%= gettext("Name of the groups that students will be assigned to, for example, Control, Video, Problems. You must have two or more groups.") %></span>
<ol class="groups list-input enum"></ol>
<button class="action action-add-group"><i class="icon-plus"></i> <%= gettext("Add another group") %></button>
<button class="action action-add-group"><i class="icon fa fa-plus"></i> <%= gettext("Add another group") %></button>
</fieldset>
<% if (!_.isEmpty(usage)) { %>
<div class="wrapper-group-configuration-validation">
<i class="icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<p class="group-configuration-validation-text">
<%= gettext('This configuration is currently used in content experiments. If you make changes to the groups, you may need to edit those experiments.') %>
</p>

2
cms/templates/js/group-edit.underscore
View File

@@ -1,4 +1,4 @@
<div class="input-wrap field long text required field-add-group-name group-<%= index %>-name
<% if (error && error.attributes && error.attributes.name) { print('error'); } %>"><input name="group-<%= index %>-name" class="group-name long" value="<%= name %>" type="text">
</div><div class="group-allocation"><%= allocation %>%</div>
<a href="" class="action action-close"><i class="icon-remove-sign"></i> <span class="sr"><%= gettext("delete group") %></span></a>
<a href="" class="action action-close"><i class="icon fa fa-times-circle"></i> <span class="sr"><%= gettext("delete group") %></span></a>

4
cms/templates/js/metadata-dict-entry.underscore
View File

@@ -3,11 +3,11 @@
<div id="<%= uniqueId %>" class="wrapper-dict-settings">
<ol class="list-settings"></ol>
<a href="#" class="create-action create-setting">
<i class="icon-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
<i class="icon fa fa-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
</a>
</div>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i>
<i class="icon fa fa-undo"></i>
<span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>

2
cms/templates/js/metadata-file-uploader-entry.underscore
View File

@@ -3,7 +3,7 @@
<input type="hidden" id="<%= uniqueId %>" class="input setting-input" value="<%= model.get("value") %>">
<div class="wrapper-uploader-actions"></div>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

2
cms/templates/js/metadata-list-entry.underscore
View File

@@ -6,7 +6,7 @@
</ol>
<a href="#" class="create-action create-setting">
<i class="icon-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
<i class="icon fa fa-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
</a>
</div>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">

2
cms/templates/js/metadata-number-entry.underscore
View File

@@ -2,7 +2,7 @@
<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
<input class="input setting-input setting-input-number" type="number" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

2
cms/templates/js/metadata-option-entry.underscore
View File

@@ -10,7 +10,7 @@
<% }) %>
</select>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

2
cms/templates/js/metadata-string-entry.underscore
View File

@@ -2,7 +2,7 @@
<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
<input class="input setting-input" type="text" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

4
cms/templates/js/mock/mock-container-page.underscore
View File

@@ -28,7 +28,7 @@
% else:
<li class="action-item action-edit nav-item">
<a href="#" class="button edit-button action-button">
<i class="icon-pencil"></i>
<i class="icon fa fa-pencil"></i>
<span class="action-button-text">${_("Edit")}</span>
</a>
</li>
@@ -47,7 +47,7 @@
<section class="wrapper-xblock level-page studio-xblock-wrapper" data-locator="locator-container">
</section>
<div class="ui-loading is-hidden">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">Loading...</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">Loading...</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">

4
cms/templates/js/mock/mock-container-xblock.underscore
View File

@@ -19,7 +19,7 @@
<div class="xblock-header-primary">
<div class="header-details">
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">Expand or Collapse</span>
</a>
<span class="xblock-display-name">Group A</span>
@@ -124,7 +124,7 @@
<div class="xblock-header-primary">
<div class="header-details">
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse expand">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">Expand or Collapse</span>
</a>
<span class="xblock-display-name">Group B</span>

10
cms/templates/js/mock/mock-course-outline-page.underscore
View File

@@ -12,13 +12,13 @@
<ul>
<li class="nav-item">
<a href="#" class="button button-toggle button-toggle-expand-collapse collapse-all is-hidden">
<span class="collapse-all"><i class="icon-arrow-up"></i> <span class="label">Collapse All Sections</span></span>
<span class="expand-all"><i class="icon-arrow-down"></i> <span class="label">Expand All Sections</span></span>
<span class="collapse-all"><i class="icon fa fa-arrow-up"></i> <span class="label">Collapse All Sections</span></span>
<span class="expand-all"><i class="icon fa fa-arrow-down"></i> <span class="label">Expand All Sections</span></span>
</a>
</li>
<li class="nav-item">
<a href="#" class="button button-new" data-category="chapter" data-parent="mock-course" data-default-name="Section" title="Click to add a new section">
<i class="icon-plus"></i>New Section
<i class="icon fa fa-plus"></i>New Section
</a>
</li>
<li class="nav-item">
@@ -37,14 +37,14 @@
<div class="no-content add-xblock-component">
<p>You haven't added any content to this course yet.
<a href="#" class="button button-new" data-category="chapter" data-parent="mock-course" data-default-name="Section" title="Click to add a new section">
<i class="icon-plus"></i>Add Section
<i class="icon fa fa-plus"></i>Add Section
</a>
</p>
</div>
</article>
</div>
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">Loading...</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">Loading...</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">

4
cms/templates/js/mock/mock-course-rerun-notification.underscore
View File

@@ -1,7 +1,7 @@
<div id="page-alert">
<div class="wrapper wrapper-alert wrapper-alert-announcement is-shown">
<div class="alert announcement has-actions">
<i class="feedback-symbol icon-bullhorn"></i>
<i class="feedback-symbol icon fa fa-bullhorn"></i>
<div class="copy">
<h2 class="title title-3">This course was created as a re-run. Some manual configuration is needed.</h2>
@@ -14,7 +14,7 @@
<ul class="nav-actions">
<li class="action action-dismiss">
<a href="#" class="button dismiss-button" data-dismiss-link="dummy_dismiss_url">
<i class="icon icon-remove-sign"></i>
<i class="icon icon fa fa-times-circle"></i>
<span class="button-copy">Dismiss</span>
</a>
</li>

2
cms/templates/js/mock/mock-empty-container-xblock.underscore
View File

@@ -1,7 +1,7 @@
<header class="xblock-header">
<div class="header-details">
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse collapse">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">Expand or Collapse</span>
</a>
<span class="xblock-display-name">Empty Vertical Test</span>

4
cms/templates/js/mock/mock-group-configuration-page.underscore
View File

@@ -9,7 +9,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button"><i class="icon-plus"></i> ${_("New Group Configuration")}</a>
<a href="#" class="button new-button"><i class="icon fa fa-plus"></i> ${_("New Group Configuration")}</a>
</li>
</ul>
</nav>
@@ -20,7 +20,7 @@
<section class="content">
<article class="content-primary" role="main">
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading...")}</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary"></aside>

8
cms/templates/js/mock/mock-index-page.underscore
View File

@@ -5,7 +5,7 @@
<h3 class="sr">Page Actions</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button new-course-button"><i class="icon-plus icon-inline"></i>
<a href="#" class="button new-button new-course-button"><i class="icon fa fa-plus icon-inline"></i>
New Course</a>
</li>
</ul>
@@ -106,7 +106,7 @@
<dl class="course-status">
<dt class="label sr">This re-run processing status:</dt>
<dd class="value">
<i class="icon icon-refresh icon-spin"></i>
<i class="icon fa fa-refresh icon-spin"></i>
<span class="copy">Configuring as re-run</span>
</dd>
</dl>
@@ -142,7 +142,7 @@
<dl class="course-status">
<dt class="label sr">This re-run processing status:</dt>
<dd class="value">
<i class="icon icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<span class="copy">Configuration Error</span>
</dd>
</dl>
@@ -154,7 +154,7 @@
<ul class="status-actions">
<li class="action action-dismiss">
<a href="#" class="button dismiss-button" data-dismiss-link="dummy_dismiss_url">
<i class="icon icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="button-copy">Dismiss</span>
</a>
</li>

2
cms/templates/js/mock/mock-xmodule-editor.underscore
View File

@@ -19,7 +19,7 @@
\t<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
\t<input class="input setting-input" type="text" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
\t<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

2
cms/templates/js/mock/mock-xmodule-settings-only-editor.underscore
View File

@@ -15,7 +15,7 @@
\t<label class="label setting-label" for="<%= uniqueId %>"><%= model.get('display_name') %></label>
\t<input class="input setting-input" type="text" id="<%= uniqueId %>" value='<%= model.get("value") %>'/>
\t<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
<i class="icon fa fa-undo"></i><span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>
<span class="tip setting-help"><%= model.get('help') %></span>

2
cms/templates/js/no-group-configurations.underscore
View File

@@ -1,3 +1,3 @@
<div class="no-group-configurations-content">
<p><%= gettext("You haven't created any group configurations yet.") %><a href="#" class="button new-button"><i class="icon-plus"></i><%= gettext("Add your first Group Configuration") %></a></p>
<p><%= gettext("You haven't created any group configurations yet.") %><a href="#" class="button new-button"><i class="icon fa fa-plus"></i><%= gettext("Add your first Group Configuration") %></a></p>
</div>

2
cms/templates/js/no-textbooks.underscore
View File

@@ -1,3 +1,3 @@
<div class="no-textbook-content">
<p><%= gettext("You haven't added any textbooks to this course yet.") %><a href="#" class="button new-button"><i class="icon-plus"></i><%= gettext("Add your first textbook") %></a></p>
<p><%= gettext("You haven't added any textbooks to this course yet.") %><a href="#" class="button new-button"><i class="icon fa fa-plus"></i><%= gettext("Add your first textbook") %></a></p>
</div>

4
cms/templates/js/paging-footer.underscore
View File

@@ -1,6 +1,6 @@
<nav class="pagination pagination-full bottom">
<ol>
<li class="nav-item previous"><a class="nav-link previous-page-link" href="#"><i class="icon-angle-left"></i> <span class="nav-label"><%= gettext("Previous") %></span></a></li>
<li class="nav-item previous"><a class="nav-link previous-page-link" href="#"><i class="icon fa fa-angle-left"></i> <span class="nav-label"><%= gettext("Previous") %></span></a></li>
<li class="nav-item page">
<div class="pagination-form">
<label class="page-number-label" for="page-number-input"><%= gettext("Page number") %></label>
@@ -11,6 +11,6 @@
<span class="page-divider">/</span>
<span class="total-pages"><%= total_pages %></span>
</li>
<li class="nav-item next"><a class="nav-link next-page-link" href="#"><span class="nav-label"><%= gettext("Next") %></span> <i class="icon-angle-right"></i></a></li>
<li class="nav-item next"><a class="nav-link next-page-link" href="#"><span class="nav-label"><%= gettext("Next") %></span> <i class="icon fa fa-angle-right"></i></a></li>
</ol>
</nav>

4
cms/templates/js/paging-header.underscore
View File

@@ -4,8 +4,8 @@
</div>
<nav class="pagination pagination-compact top">
<ol>
<li class="nav-item previous"><a class="nav-link previous-page-link" href="#"><i class="icon-angle-left"></i> <span class="nav-label"><%= gettext("Previous") %></span></a></li>
<li class="nav-item next"><a class="nav-link next-page-link" href="#"><span class="nav-label"><%= gettext("Next") %></span> <i class="icon-angle-right"></i></a></li>
<li class="nav-item previous"><a class="nav-link previous-page-link" href="#"><i class="icon fa fa-angle-left"></i> <span class="nav-label"><%= gettext("Previous") %></span></a></li>
<li class="nav-item next"><a class="nav-link next-page-link" href="#"><span class="nav-label"><%= gettext("Next") %></span> <i class="icon fa fa-angle-right"></i></a></li>
</ol>
</nav>
</div>

4
cms/templates/js/publish-xblock.underscore
View File

@@ -80,9 +80,9 @@ var visibleToStaffOnly = visibilityState === 'staff_only';
<p class="action-inline">
<a href="" class="action-staff-lock" role="button" aria-pressed="<%= hasExplicitStaffLock %>">
<% if (hasExplicitStaffLock) { %>
<i class="icon-check"></i>
<i class="icon fa fa-check-square-o"></i>
<% } else { %>
<i class="icon-check-empty"></i>
<i class="icon fa fa-square-o"></i>
<% } %>
<%= gettext('Hide from students') %>
</a>

2
cms/templates/js/release-date-editor.underscore
View File

@@ -19,7 +19,7 @@
<ul class="list-actions">
<li class="action-item">
<a href="#" data-tooltip="<%= gettext('Clear Release Date/Time') %>" class="clear-date action-button action-clear">
<i class="icon-undo"></i>
<i class="icon fa fa-undo"></i>
<span class="sr"><%= gettext('Clear Release Date/Time') %></span>
</a>
</li>

4
cms/templates/js/show-textbook.underscore
View File

@@ -8,7 +8,7 @@
<% if(chapters.length > 1) {%>
<p><a href="#" class="chapter-toggle
<% if(showChapters){ print('hide'); } else { print('show'); } %>-chapters">
<i class="ui-toggle-expansion icon-caret-<% if(showChapters){ print('down'); } else { print('right'); } %>"></i>
<i class="ui-toggle-expansion icon fa fa-caret-<% if(showChapters){ print('down'); } else { print('right'); } %>"></i>
<%= chapters.length %> PDF Chapters
</a></p>
<% } else if(chapters.length === 1) { %>
@@ -40,7 +40,7 @@
<button class="edit"><%= gettext("Edit") %></button>
</li>
<li class="action action-delete">
<button class="delete action-icon"><i class="icon-trash"></i><span><%= gettext("Delete") %></span></button>
<button class="delete action-icon"><i class="icon fa fa-trash-o"></i><span><%= gettext("Delete") %></span></button>
</li>
</ul>

6
cms/templates/js/staff-lock-editor.underscore
View File

@@ -5,8 +5,8 @@
<li class="field field-checkbox checkbox-cosmetic">
<input type="checkbox" id="staff_lock" name="staff_lock" class="input input-checkbox" />
<label for="staff_lock" class="label">
<i class="icon-check input-checkbox-checked"></i>
<i class="icon-check-empty input-checkbox-unchecked"></i>
<i class="icon fa fa-check-square-o input-checkbox-checked"></i>
<i class="icon fa fa-square-o input-checkbox-unchecked"></i>
<%= gettext('Hide from students') %>
</label>
@@ -32,4 +32,4 @@
</li>
</ul>
</div>
</form>
</form>

6
cms/templates/js/system-feedback.underscore
View File

@@ -9,8 +9,8 @@
>
<div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>">
<% if(obj.icon) { %>
<% var iconClass = {"warning": "warning-sign", "confirmation": "ok", "error": "warning-sign", "announcement": "bullhorn", "step-required": "exclamation-sign", "help": "question-sign", "mini": "cog"} %>
<i class="feedback-symbol icon-<%= iconClass[intent] %>"></i>
<% var iconClass = {"warning": "warning", "confirmation": "ok", "error": "warning", "announcement": "bullhorn", "step-required": "exclamation-circle", "help": "question", "mini": "cog"} %>
<i class="feedback-symbol fa fa-<%= iconClass[intent] %>"></i>
<% } %>
<div class="copy">
@@ -40,7 +40,7 @@
<% if(obj.closeIcon) { %>
<a href="#" rel="view" class="action action-close action-<%= type %>-close">
<i class="icon-remove-sign"></i>
<i class="icon fa fa-times-circle"></i>
<span class="label">close <%= type %></span>
</a>
<% } %>

2
cms/templates/js/unit-outline.underscore
View File

@@ -17,7 +17,7 @@
<div class="add-<%= childType %> add-item">
<a href="#" class="button button-new" data-category="<%= childCategory %>"
data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>">
<i class="icon icon-plus"></i><%= addChildLabel %>
<i class="icon fa fa-plus"></i><%= addChildLabel %>
</a>
</div>
<% } %>

4
cms/templates/js/validation-error-modal.underscore
View File

@@ -15,11 +15,11 @@
<hr>
<ul class = "error-list">
<% _.each(response, function(value, index, list) { %>
<% _.each(response, function(value, index, list) { %>
<li class = "error-item">
<span class='error-item-title'>
<i class="icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<strong><%= value.model.display_name %></strong>:
</span>
<textarea class = "error-item-message" disabled='disabled'><%=value.message%></textarea>

4
cms/templates/js/video/metadata-translations-entry.underscore
View File

@@ -3,11 +3,11 @@
<div class="wrapper-translations-settings">
<ol class="list-settings"></ol>
<a href="#" class="create-action create-setting">
<i class="icon-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
<i class="icon fa fa-plus"></i><%= gettext("Add") %> <span class="sr"><%= model.get('display_name')%></span>
</a>
</div>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>">
<i class="icon-undo"></i>
<i class="icon fa fa-undo"></i>
<span class="sr">"<%= gettext("Clear Value") %>"</span>
</button>
</div>

2
cms/templates/js/video/metadata-translations-item.underscore
View File

@@ -1,5 +1,5 @@
<li class="list-settings-item"
><a href="#" class="remove-action remove-setting" data-lang="<%= lang %>" data-value="<%= value %>"><i class="icon-remove-sign"></i><span class="sr"><%= gettext("Remove") %></span></a>
><a href="#" class="remove-action remove-setting" data-lang="<%= lang %>" data-value="<%= value %>"><i class="icon fa fa-times-circle"></i><span class="sr"><%= gettext("Remove") %></span></a>
<input type="hidden" class="input" value="<%= value %>">
<div class="list-settings-buttons"><% if (lang) {
%><a href="#" class="upload-action upload-setting" data-lang="<%= lang %>" data-value="<%= value %>"><%= value ? gettext("Replace") : gettext("Upload") %>

2
cms/templates/js/video/transcripts/messages/transcripts-choose.underscore
View File

@@ -1,5 +1,5 @@
<div class="transcripts-message-status status-error">
<i class="icon-remove"></i>
<i class="icon fa fa-remove"></i>
<%= gettext("Timed Transcript Conflict") %>
</div>

2
cms/templates/js/video/transcripts/messages/transcripts-found.underscore
View File

@@ -1,4 +1,4 @@
<div class="transcripts-message-status"><i class="icon-ok"></i><%= gettext("Timed Transcript Found") %></div>
<div class="transcripts-message-status"><i class="icon fa fa-check"></i><%= gettext("Timed Transcript Found") %></div>
<p class="transcripts-message">
<%= gettext("EdX has a timed transcript for this video. If you want to edit this transcript, you can download, edit, and re-upload the existing transcript. If you want to replace this transcript, upload a new .srt transcript file.") %>
</p>

2
cms/templates/js/video/transcripts/messages/transcripts-import.underscore
View File

@@ -1,4 +1,4 @@
<div class="transcripts-message-status status-error"><i class="icon-remove"></i><%= gettext("No EdX Timed Transcript") %></div>
<div class="transcripts-message-status status-error"><i class="icon fa fa-remove"></i><%= gettext("No EdX Timed Transcript") %></div>
<p class="transcripts-message">
<%= gettext("EdX doesn\'t have a timed transcript for this video in Studio, but we found a transcript on YouTube. You can import the YouTube transcript or upload your own .srt transcript file.") %>
</p>

2
cms/templates/js/video/transcripts/messages/transcripts-not-found.underscore
View File

@@ -1,4 +1,4 @@
<div class="transcripts-message-status status-error"><i class="icon-remove"></i><%= gettext("No Timed Transcript") %></div>
<div class="transcripts-message-status status-error"><i class="icon fa fa-remove"></i><%= gettext("No Timed Transcript") %></div>
<p class="transcripts-message">
<%= gettext("EdX doesn\'t have a timed transcript for this video. Please upload an .srt file.") %>
</p>

2
cms/templates/js/video/transcripts/messages/transcripts-replace.underscore
View File

@@ -1,5 +1,5 @@
<div class="transcripts-message-status status-error">
<i class="icon-remove"></i>
<i class="icon fa fa-remove"></i>
<%= gettext("Timed Transcript Conflict") %>
</div>

2
cms/templates/js/video/transcripts/messages/transcripts-uploaded.underscore
View File

@@ -1,4 +1,4 @@
<div class="transcripts-message-status"><i class="icon-ok"></i><%= gettext("Timed Transcript Uploaded Successfully") %></div>
<div class="transcripts-message-status"><i class="icon fa fa-check"></i><%= gettext("Timed Transcript Uploaded Successfully") %></div>
<p class="transcripts-message">
<%= gettext("EdX has a timed transcript for this video. If you want to replace this transcript, upload a new .srt transcript file. If you want to edit this transcript, you can download, edit, and re-upload the existing transcript.") %>
</p>

2
cms/templates/js/video/transcripts/messages/transcripts-use-existing.underscore
View File

@@ -1,5 +1,5 @@
<div class="transcripts-message-status status-error">
<i class="icon-remove"></i>
<i class="icon fa fa-remove"></i>
<%= gettext("Confirm Timed Transcript") %>
</div>

2
cms/templates/js/video/transcripts/metadata-videolist-entry.underscore
View File

@@ -5,7 +5,7 @@
<div class="tip videolist-url-tip setting-help"><%= model.get('help') %></div>
<div class="wrapper-videolist-urls">
<a href="#" class="collapse-action collapse-setting">
<i class="icon-plus"></i><%= gettext("Add URLs for additional versions") %> <span class="sr"><%= model.get('display_name')%></span>
<i class="icon fa fa-plus"></i><%= gettext("Add URLs for additional versions") %> <span class="sr"><%= model.get('display_name')%></span>
</a>
<div class="videolist-extra-videos">
<span class="tip videolist-extra-videos-tip setting-help"><%= gettext('To be sure all students can access the video, we recommend providing both an .mp4 and a .webm version of your video. Click below to add a URL for another version. These URLs cannot be YouTube URLs. The first listed video that\'s compatible with the student\'s computer will play.') %></span>

14
cms/templates/js/xblock-outline.underscore
View File

@@ -1,14 +1,14 @@
<% if (parentInfo) { %>
<li class="outline-item outline-item-<%= xblockType %> <%= includesChildren ? 'is-collapsible' : '' %> is-draggable <%= isCollapsed ? 'is-collapsed' : '' %>"
data-parent="<%= parentInfo.get('id') %>" data-locator="<%= xblockInfo.get('id') %>">
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon fa fa-caret-right"></i></span>
<div class="wrapper-xblock-header">
<div class="wrapper-xblock-header-primary">
<% if (includesChildren) { %>
<h3 class="xblock-title expand-collapse <%= isCollapsed ? 'expand' : 'collapse' %>"
title="<%= interpolate(gettext('Collapse/Expand this %(xblock_type)s'), { xblock_type: xblockTypeDisplayName }, true) %>">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<% } else { %>
<h3 class="xblock-title">
<% } %>
@@ -26,7 +26,7 @@
<ul class="actions-list">
<li class="action-item action-delete">
<a href="#" data-tooltip="<%= gettext('Delete') %>" class="delete-button action-button">
<i class="icon-remove"></i>
<i class="icon fa fa-remove"></i>
<span class="sr"><%= gettext('Delete') %></span>
</a>
</li>
@@ -36,7 +36,7 @@
<div class="wrapper-xblock-header-secondary">
<% if (xblockInfo.get('release_date')) { %>
<div class="meta-info">
<i class="icon-time"></i>
<i class="icon fa fa-clock-o"></i>
<%= gettext('Released:') %> <%= xblockInfo.get('release_date') %>
</div>
<% } %>
@@ -55,7 +55,7 @@
<a href="#" class="button button-new" data-category="<%= childCategory %>"
data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>"
title="<%= interpolate(gettext('Click to add a new %(xblock_type)s'), { xblock_type: defaultNewChildName }, true) %>" >
<i class="icon-plus"></i><%= addChildLabel %>
<i class="icon fa fa-plus"></i><%= addChildLabel %>
</a>
</p>
</div>
@@ -68,13 +68,13 @@
<a href="#" class="button button-new" data-category="<%= childCategory %>"
data-parent="<%= xblockInfo.get('id') %>" data-default-name="<%= defaultNewChildName %>"
title="<%= interpolate(gettext('Click to add a new %(xblock_type)s'), { xblock_type: defaultNewChildName }, true) %>" >
<i class="icon-plus"></i><%= addChildLabel %>
<i class="icon fa fa-plus"></i><%= addChildLabel %>
</a>
</div>
<% } %>
<% } %>
<% if (parentInfo) { %>
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon fa fa-caret-right"></i></span>
</li>
<% } %>

2
cms/templates/js/xblock-string-field-editor.underscore
View File

@@ -1,6 +1,6 @@
<div class="incontext-editor-action-wrapper">
<a href="" class="action-edit action-inline xblock-field-value-edit incontext-editor-open-action" title="<%= gettext('Edit the name') %>">
<i class="icon-pencil"></i><span class="sr"> <%= gettext("Edit") %></span>
<i class="icon fa fa-pencil"></i><span class="sr"> <%= gettext("Edit") %></span>
</a>
</div>

6
cms/templates/manage_users.html
View File

@@ -21,7 +21,7 @@
<ul>
%if allow_actions:
<li class="nav-item">
<a href="#" class="button new-button create-user-button"><i class="icon-plus"></i> ${_("New Team Member")}</a>
<a href="#" class="button new-button create-user-button"><i class="icon fa fa-plus"></i> ${_("New Team Member")}</a>
</li>
%endif
</ul>
@@ -115,7 +115,7 @@
% endif
</li>
<li class="action action-delete ${"is-disabled" if request.user.id == user.id else ""}" aria-disabled="${'true' if request.user.id == user.id else 'false'}">
<a href="#" class="delete remove-user action-icon" data-id="${user.email}"><i class="icon-trash"></i><span class="sr">${_("Delete the user, {username}").format(username=user.username)}</span></a>
<a href="#" class="delete remove-user action-icon" data-id="${user.email}"><i class="icon fa fa-trash-o"></i><span class="sr">${_("Delete the user, {username}").format(username=user.username)}</span></a>
</li>
</ul>
% endif
@@ -136,7 +136,7 @@
<ul class="list-actions">
<li class="action-item">
<a href="#" class="action action-primary button new-button create-user-button"><i class="icon-plus icon-inline"></i> ${_('Add a New Team Member')}</a>
<a href="#" class="action action-primary button new-button create-user-button"><i class="icon fa fa-plus icon-inline"></i> ${_('Add a New Team Member')}</a>
</li>
</ul>
</div>

2
cms/templates/settings.html
View File

@@ -98,7 +98,7 @@ CMS.URL.UPLOAD_ASSET = '${upload_asset_url}';
%>
<a title="${_('Send a note to students via email')}"
href="mailto:someone@domain.com?Subject=${email_subject}&body=${email_body}" class="action action-primary">
<i class="icon-envelope-alt icon-inline"></i>${_("Invite your students")}</a>
<i class="icon fa fa-envelope-o icon-inline"></i>${_("Invite your students")}</a>
</li>
</ul>
</div>

4
cms/templates/settings_graders.html
View File

@@ -50,7 +50,7 @@
<ol class="list-input">
<li class="field" id="field-course-grading-range">
<div class="grade-controls course-grading-range well">
<a href="#" class="new-grade-button"><span class="plus-icon icon-plus"></span></a>
<a href="#" class="new-grade-button"><span class="icon fa fa-plus"></span></a>
<div class="grade-slider" dir="ltr">
<div class="grade-bar">
<ol class="increments">
@@ -106,7 +106,7 @@
<div class="actions">
<a href="#" class="new-button new-course-grading-item add-grading-data">
<i class="icon-plus"></i> ${_("New Assignment Type")}
<i class="icon fa fa-plus"></i> ${_("New Assignment Type")}
</a>
</div>
</section>

10
cms/templates/studio_xblock_wrapper.html
View File

@@ -46,7 +46,7 @@ messages = json.dumps(xblock.validate().to_json())
<div class="header-details">
% if show_inline:
<a href="#" data-tooltip="${_('Expand or Collapse')}" class="action expand-collapse collapse">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">${_('Expand or Collapse')}</span>
</a>
% endif
@@ -58,20 +58,20 @@ messages = json.dumps(xblock.validate().to_json())
% if not show_inline:
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-pencil"></i>
<i class="icon fa fa-pencil"></i>
<span class="action-button-text">${_("Edit")}</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">${_("Duplicate")}</span>
</a>
</li>
% endif
<li class="action-item action-delete">
<a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">${_("Delete")}</span>
</a>
</li>
@@ -94,7 +94,7 @@ messages = json.dumps(xblock.validate().to_json())
<a href="${xblock_url}" class="action-button">
## Translators: this is a verb describing the action of viewing more details
<span class="action-button-text">${_('View')}</span>
<i class="icon-arrow-right"></i>
<i class="icon fa fa-arrow-right"></i>
</a>
</li>
</ul>

2
cms/templates/textbooks.html
View File

@@ -42,7 +42,7 @@ CMS.URL.LMS_BASE = "${settings.LMS_BASE}"
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button"><i class="icon-plus"></i> ${_("New Textbook")}</a>
<a href="#" class="button new-button"><i class="icon fa fa-plus"></i> ${_("New Textbook")}</a>
</li>
</ul>
</nav>

50
cms/templates/ux/reference/container.html
View File

@@ -61,7 +61,7 @@
<article class="content-primary">
<div class="ui-loading">
<p><span class="spin"><i class="icon-refresh"></i></span> <span class="copy">Loading...</span></p>
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">Loading...</span></p>
</div>
<div class="no-container-content">
<p>This page has no content yet.</p>
@@ -75,7 +75,7 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
@@ -89,7 +89,7 @@
<header class="xblock-header">
<div class="header-details">
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse collapse">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">Expand or Collapse</span>
</a>
<span>Condition 1</span>
@@ -112,19 +112,19 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">Duplicate this component</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">Delete this component</span>
</a>
</li>
@@ -209,7 +209,7 @@
<li class="action-item action-view">
<a href="#" class="action-button">
<span class="action-button-text">View</span>
<i class="icon-arrow-right"></i>
<i class="icon fa fa-arrow-right"></i>
</a>
</li>
</ul>
@@ -227,19 +227,19 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">Duplicate this component</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">Delete this component</span>
</a>
</li>
@@ -258,7 +258,7 @@
<header class="xblock-header">
<div class="header-details">
<a href="#" data-tooltip="Expand or Collapse" class="action expand-collapse collapse">
<i class="icon-caret-down ui-toggle-expansion"></i>
<i class="icon fa fa-caret-down ui-toggle-expansion"></i>
<span class="sr">Expand or Collapse</span>
</a>
<span>Condition 2</span>
@@ -281,19 +281,19 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">Duplicate this component</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">Delete this component</span>
</a>
</li>
@@ -312,19 +312,19 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">Duplicate this component</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">Delete this component</span>
</a>
</li>
@@ -402,19 +402,19 @@
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon-edit"></i>
<i class="icon fa fa-edit"></i>
<span class="action-button-text">Edit</span>
</a>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="Duplicate" class="duplicate-button action-button">
<i class="icon-copy"></i>
<i class="icon fa fa-copy"></i>
<span class="sr">Duplicate this component</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="sr">Delete this component</span>
</a>
</li>
@@ -486,7 +486,7 @@
<p class="copy">Staff and Students</p>
<p class="action-inline">
<a href="">
<i class="icon-unlock"></i> Hide from Students
<i class="icon fa fa-unlock"></i> Hide from Students
</a>
</p>
</div>
@@ -531,7 +531,7 @@
<p class="copy">Staff and Students</p>
<p class="action-inline">
<a href="">
<i class="icon-unlock"></i> Hide from Students
<i class="icon fa fa-unlock"></i> Hide from Students
</a>
</p>
</div>
@@ -577,7 +577,7 @@
<p class="copy">Staff and Students</p>
<p class="action-inline">
<a href="">
<i class="icon-unlock"></i> Hide from Students
<i class="icon fa fa-unlock"></i> Hide from Students
</a>
</p>
</div>
@@ -623,7 +623,7 @@
<p class="copy">Staff only</p>
<p class="action-inline">
<a href="">
<i class="icon-lock"></i> Hidden from Students
<i class="icon fa fa-lock"></i> Hidden from Students
</a>
</p>
</div>
@@ -669,7 +669,7 @@
<p class="copy">Staff and Students</p>
<p class="action-inline">
<a href="">
<i class="icon-unlock"></i> Hide from Students
<i class="icon fa fa-unlock"></i> Hide from Students
</a>
</p>
</div>

4
cms/templates/ux/reference/course-create-rerun.html
View File

@@ -315,8 +315,8 @@
</div>
<div class="actions">
<button type="submit" class="action action-primary rerun-course-save is-disabled is-processing" aria-disabled="true" >
<i class="icon icon-refresh icon-spin"></i>
<button type="submit" class="action action-primary rerun-course-save is-disabled is-processing" aria-disabled="true">
<i class="icon fa fa-refresh fa-spin"></i>
Processing Re-run Request
</button>
</div>

10
cms/templates/ux/reference/outline.html
View File

@@ -26,13 +26,13 @@ from django.core.urlresolvers import reverse
<ul>
<li class="nav-item">
<a href="#" class="button button-new" data-category="chapter" data-parent="" data-default-name="">
<i class="icon-plus"></i>New Section
<i class="icon fa fa-plus"></i>New Section
</a>
</li>
<li class="nav-item">
<a href="#" class="button button-toggle button-toggle-expand-collapse collapse-all">
<span class="collapse-all"><i class="icon-arrow-up"></i> <span class="label">Collapse All Sections</span></span>
<span class="expand-all"><i class="icon-arrow-down"></i> <span class="label">Expand All Sections</span></span>
<span class="collapse-all"><i class="icon fa fa-arrow-up"></i> <span class="label">Collapse All Sections</span></span>
<span class="expand-all"><i class="icon fa fa-arrow-down"></i> <span class="label">Expand All Sections</span></span>
</a>
</li>
<li class="nav-item">
@@ -478,7 +478,7 @@ from django.core.urlresolvers import reverse
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-check-sign"></i>
<i class="icon fa fa-check-square"></i>
Released <span class="sr">on</span>:
</span>
<span class="status-release-date">March 25, 2014</span>
@@ -750,7 +750,7 @@ from django.core.urlresolvers import reverse
<div class="ui-loading is-hidden">
<p><span class="spin">
<i class="icon-refresh"></i></span>
<i class="icon fa fa-refresh"></i></span>
<span class="copy">Loading &hellip;</span>
</p>
</div>

2
cms/templates/ux/reference/outline_add-section.html
View File

@@ -1,6 +1,6 @@
<div class="add-section add-item">
<a href="#" class="button button-new" data-category="" data-parent="" data-default-name="New Section">
<i class="icon icon-plus"></i> New Section
<i class="icon fa fa-plus"></i> New Section
</a>
</div>
<!-- /add-section -->

2
cms/templates/ux/reference/outline_add-subsection.html
View File

@@ -1,6 +1,6 @@
<div class="add-subsection add-item">
<a href="#" class="button button-new" data-category="" data-parent="" data-default-name="New Subsection">
<i class="icon icon-plus"></i> New Subsection
<i class="icon fa fa-plus"></i> New Subsection
</a>
</div>
<!-- /add-subsection -->

2
cms/templates/ux/reference/outline_add-unit.html
View File

@@ -1,6 +1,6 @@
<div class="add-unit add-item">
<a href="#" class="button button-new" data-category="" data-parent="" data-default-name="New Unit">
<i class="icon icon-plus"></i> New Unit
<i class="icon fa fa-plus"></i> New Unit
</a>
</div>
<!-- /add-unit -->

8
cms/templates/ux/reference/outline_section_header-collapsed.html
View File

@@ -1,6 +1,6 @@
<div class="section-header">
<h3 class="section-header-details ui-toggle-expansion" title="Collapse/Expand this Section">
<i class="icon-caret-down icon"></i>
<i class="icon fa fa-caret-down icon"></i>
<span class="wrapper-section-title is-editable wrapper-xblock-field">
<span class="section-title item-title xblock-field-value">Section Title</span>
</span>
@@ -10,19 +10,19 @@
<ul class="actions-list">
<li class="action-item action-publish">
<a href="#" data-tooltip="Publish all content" class="publish-button action-button">
<i class="icon icon-share"></i>
<i class="icon fa fa-share-square-o"></i>
<span class="action-button-text sr">Publish all content</span>
</a>
</li>
<li class="action-item action-settings">
<a href="#" data-tooltip="Settings" class="settings-button action-button">
<i class="icon icon-cog"></i>
<i class="icon fa fa-cog"></i>
<span class="action-button-text sr">Settings</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="action-button-text sr">Delete</span>
</a>
</li>

8
cms/templates/ux/reference/outline_section_header-expanded.html
View File

@@ -1,6 +1,6 @@
<div class="section-header">
<h3 class="section-header-details ui-toggle-expansion" title="Collapse/Expand this Section">
<i class="icon-caret-down icon"></i>
<i class="icon fa fa-caret-down icon"></i>
<span class="wrapper-section-title is-editable wrapper-xblock-field">
<span class="section-title item-title xblock-field-value">Section Title</span>
</span>
@@ -10,19 +10,19 @@
<ul class="actions-list">
<li class="action-item action-publish">
<a href="#" data-tooltip="Publish all content" class="publish-button action-button">
<i class="icon icon-share"></i>
<i class="icon fa fa-share-square-o"></i>
<span class="action-button-text sr">Publish all content</span>
</a>
</li>
<li class="action-item action-settings">
<a href="#" data-tooltip="Settings" class="settings-button action-button">
<i class="icon icon-cog"></i>
<i class="icon fa fa-cog"></i>
<span class="action-button-text sr">Settings</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="action-button-text sr">Delete</span>
</a>
</li>

2
cms/templates/ux/reference/outline_status_grading.html
View File

@@ -1,7 +1,7 @@
<div class="status-grading">
<p>
<span class="sr status-grading-label">Graded as:</span>
<i class="icon icon-ok"></i>
<i class="icon fa fa-check"></i>
<span class="status-grading-value">Homework</span>
<span class="status-grading-date">Due: December 31, 2014</span>
</p>

2
cms/templates/ux/reference/outline_status_message-error.html
View File

@@ -1,4 +1,4 @@
<div class="status-message">
<i class="icon icon-warning-sign"></i>
<i class="icon fa fa-warning"></i>
<p class="status-message-copy">Critical error</p>
</div>

2
cms/templates/ux/reference/outline_status_message-lock.html
View File

@@ -1,4 +1,4 @@
<div class="status-message">
<i class="icon icon-lock"></i>
<i class="icon fa fa-lock"></i>
<p class="status-message-copy">Contains Staff only content</p>
</div>

2
cms/templates/ux/reference/outline_status_message-unpublished_changes.html
View File

@@ -1,4 +1,4 @@
<div class="status-message">
<i class="icon icon-file-alt"></i>
<i class="icon fa fa-file-o"></i>
<p class="status-message-copy">Unpublished change(s) to live content</p>
</div>

2
cms/templates/ux/reference/outline_status_message-unpublished_units.html
View File

@@ -1,4 +1,4 @@
<div class="status-message">
<i class="icon icon-file-alt"></i>
<i class="icon fa fa-file-o"></i>
<p class="status-message-copy">Unpublished unit(s) will not be released</p>
</div>

2
cms/templates/ux/reference/outline_status_release-draft.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-file-alt"></i>
<i class="icon fa fa-file-o"></i>
<span class="sr">This item is</span>
</span>
<span class="status-release-date">Unscheduled</span>

2
cms/templates/ux/reference/outline_status_release-lock.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-lock"></i>
<i class="icon fa fa-lock"></i>
Will never release - Contains Staff only content
</span>
</p>

2
cms/templates/ux/reference/outline_status_release-released.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-check-sign"></i>
<i class="icon fa fa-check-square"></i>
Released <span class="sr">on</span>:
</span>
<span class="status-release-date">March 25, 2014</span>

2
cms/templates/ux/reference/outline_status_release-released_with_parent.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-check-sign"></i>
<i class="icon fa fa-check-square"></i>
Released with Section
</span>
</p>

2
cms/templates/ux/reference/outline_status_release-scheduled.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-time"></i>
<i class="icon fa fa-clock-o"></i>
Scheduled: October 31, 2014
</span>
</p>

2
cms/templates/ux/reference/outline_status_release-scheduled_with_parent.html
View File

@@ -2,7 +2,7 @@
<p>
<span class="sr status-release-label">Release Status:</span>
<span class="status-release-value">
<i class="icon icon-time"></i>
<i class="icon fa fa-clock-o"></i>
Scheduled: with Section
</span>
</p>

8
cms/templates/ux/reference/outline_subsection_header-collapsed.html
View File

@@ -1,6 +1,6 @@
<div class="subsection-header">
<h3 class="subsection-header-details ui-toggle-expansion" title="Collapse/Expand this Subsection">
<i class="icon-caret-down icon"></i>
<i class="icon fa fa-caret-down icon"></i>
<span class="wrapper-subsection-title is-editable wrapper-xblock-field">
<span class="subsection-title item-title xblock-field-value">Subsection Title</span>
@@ -17,19 +17,19 @@
<ul class="actions-list">
<li class="action-item action-publish">
<a href="#" data-tooltip="Publish" class="publish-button action-button">
<i class="icon icon-share"></i>
<i class="icon fa fa-share-square-o"></i>
<span class="action-button-text sr">Publish</span>
</a>
</li>
<li class="action-item action-settings">
<a href="#" data-tooltip="Settings" class="settings-button action-button">
<i class="icon icon-cog"></i>
<i class="icon fa fa-cog"></i>
<span class="action-button-text sr">Settings</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="action-button-text sr">Delete</span>
</a>
</li>

8
cms/templates/ux/reference/outline_subsection_header-expanded.html
View File

@@ -1,6 +1,6 @@
<div class="subsection-header">
<h3 class="subsection-header-details ui-toggle-expansion" title="Collapse/Expand this Subsection">
<i class="icon-caret-down icon"></i>
<i class="icon fa fa-caret-down icon"></i>
<span class="wrapper-subsection-title is-editable wrapper-xblock-field">
<span class="subsection-title item-title xblock-field-value">Subsection Title</span>
@@ -17,19 +17,19 @@
<ul class="actions-list">
<li class="action-item action-publish">
<a href="#" data-tooltip="Publish" class="publish-button action-button">
<i class="icon icon-share"></i>
<i class="icon fa fa-share-square-o"></i>
<span class="action-button-text sr">Publish</span>
</a>
</li>
<li class="action-item action-settings">
<a href="#" data-tooltip="Settings" class="settings-button action-button">
<i class="icon icon-cog"></i>
<i class="icon fa fa-cog"></i>
<span class="action-button-text sr">Settings</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="action-button-text sr">Delete</span>
</a>
</li>

6
cms/templates/ux/reference/outline_unit_header.html
View File

@@ -7,19 +7,19 @@
<ul class="actions-list">
<li class="action-item action-publish">
<a href="#" data-tooltip="Publish" class="publish-button action-button">
<i class="icon icon-share"></i>
<i class="icon fa fa-share-square-o"></i>
<span class="action-button-text sr">Publish</span>
</a>
</li>
<li class="action-item action-settings">
<a href="#" data-tooltip="Settings" class="settings-button action-button">
<i class="icon icon-cog"></i>
<i class="icon fa fa-cog"></i>
<span class="action-button-text sr">Settings</span>
</a>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="Delete" class="delete-button action-button">
<i class="icon icon-trash"></i>
<i class="icon fa fa-trash-o"></i>
<span class="action-button-text sr">Delete</span>
</a>
</li>

2
cms/templates/widgets/_ui-dnd-indicator-after.html
View File

@@ -1 +1 @@
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-after"><i class="icon fa fa-caret-right"></i></span>

2
cms/templates/widgets/_ui-dnd-indicator-before.html
View File

@@ -1 +1 @@
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-before"><i class="icon fa fa-caret-right"></i></span>

2
cms/templates/widgets/_ui-dnd-indicator-initial.html
View File

@@ -1 +1 @@
<span class="draggable-drop-indicator draggable-drop-indicator-initial"><i class="icon-caret-right"></i></span>
<span class="draggable-drop-indicator draggable-drop-indicator-initial"><i class="icon fa fa-caret-right"></i></span>

8
cms/templates/widgets/header.html
View File

@@ -42,7 +42,7 @@
<h2 class="sr">${_("{course_name}'s Navigation:").format(course_name=context_course.display_name_with_default)}</h2>
<ol>
<li class="nav-item nav-course-courseware">
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Course")} </span>${_("Content")}</span> <i class="icon-caret-down ui-toggle-dd"></i></h3>
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Course")} </span>${_("Content")}</span> <i class="icon fa fa-caret-down ui-toggle-dd"></i></h3>
<div class="wrapper wrapper-nav-sub">
<div class="nav-sub">
@@ -73,7 +73,7 @@
</li>
<li class="nav-item nav-course-settings">
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Course")} </span>${_("Settings")}</span> <i class="icon-caret-down ui-toggle-dd"></i></h3>
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Course")} </span>${_("Settings")}</span> <i class="icon fa fa-caret-down ui-toggle-dd"></i></h3>
<div class="wrapper wrapper-nav-sub">
<div class="nav-sub">
@@ -101,7 +101,7 @@
</li>
<li class="nav-item nav-course-tools">
<h3 class="title"><span class="label">${_("Tools")}</span> <i class="icon-caret-down ui-toggle-dd"></i></h3>
<h3 class="title"><span class="label">${_("Tools")}</span> <i class="icon fa fa-caret-down ui-toggle-dd"></i></h3>
<div class="wrapper wrapper-nav-sub">
<div class="nav-sub">
@@ -139,7 +139,7 @@
</li>
<li class="nav-item nav-account-user">
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Currently signed in as:")}</span><span class="account-username" title="${ user.username }">${ user.username }</span></span> <i class="icon-caret-down ui-toggle-dd"></i></h3>
<h3 class="title"><span class="label"><span class="label-prefix sr">${_("Currently signed in as:")}</span><span class="account-username" title="${ user.username }">${ user.username }</span></span> <i class="icon fa fa-caret-down ui-toggle-dd"></i></h3>
<div class="wrapper wrapper-nav-sub">
<div class="nav-sub">

6
cms/templates/widgets/open-ended-edit.html
View File

@@ -5,11 +5,11 @@
<div class="editor-bar">
<ul class="format-buttons">
<li><a href="#" class="prompt-button" data-tooltip="Prompt"><span
class="combinedopenended-editor-icon icon-quote-left"></span></a></li>
class="combinedopenended-editor-icon fa fa-quote-left"></span></a></li>
<li><a href="#" class="rubric-button" data-tooltip="Rubric"><span
class="combinedopenended-editor-icon icon-table"></span></a></li>
class="combinedopenended-editor-icon fa fa-table"></span></a></li>
<li><a href="#" class="tasks-button" data-tooltip="Tasks"><span
class="combinedopenended-editor-icon icon-sitemap"></span></a></li>
class="combinedopenended-editor-icon fa fa-sitemap"></span></a></li>
</ul>
<ul class="editor-tabs">
<li><a href="#" class="xml-tab advanced-toggle" data-tab="xml">Advanced Editor</a></li>

4
cms/templates/widgets/sock.html
View File

@@ -4,7 +4,7 @@
<div class="wrapper-sock wrapper">
<ul class="list-actions list-cta">
<li class="action-item">
<a href="#sock" class="cta cta-show-sock"><i class="icon-question-sign"></i>
<a href="#sock" class="cta cta-show-sock"><i class="icon fa fa-question-circle"></i>
<span class="copy-show is-shown">${_("Looking for help with {studio_name}?").format(studio_name=settings.STUDIO_SHORT_NAME)}</span>
<span class="copy-hide is-hidden">${_("Hide {studio_name} Help").format(studio_name=settings.STUDIO_SHORT_NAME)}</span>
</a>
@@ -50,7 +50,7 @@
<ul class="list-actions">
<li class="action-item">
<a href="http://help.edge.edx.org/discussion/new" class="action action-primary show-tender" title="${_("Use our feedback tool, Tender, to share your feedback")}"><i class="icon-comments"></i>${_("Contact Us")}</a>
<a href="http://help.edge.edx.org/discussion/new" class="action action-primary show-tender" title="${_("Use our feedback tool, Tender, to share your feedback")}"><i class="icon fa fa-comments"></i>${_("Contact Us")}</a>
</li>
</ul>
</div>