Skip to content

E
edx-platform
Commit c9381796 by Brian Talbot
Options

Merge pull request #6515 from edx/talbs/fix-update-font-awesome 

FIX: Upgrade Font Awesome - Part III: Revenge of the Glyph
parents 5abf2e78 f128629f
Showing with 118 additions and 118 deletions
cms/static/js/spec/views/xblock_validation_spec.js
...@@ -17,8 +17,8 @@ define(['jquery', 'js/models/xblock_validation', 'js/views/xblock_validation', ' ...@@ -17,8 +17,8 @@ define(['jquery', 'js/models/xblock_validation', 'js/views/xblock_validation', '
it('has a getIcon method', function() { it('has a getIcon method', function() {
var getIcon = view.getIcon.bind(view); var getIcon = view.getIcon.bind(view);
expect(getIcon(model.WARNING)).toBe('fa-warning-sign'); expect(getIcon(model.WARNING)).toBe('fa-exclamation-triangle');
expect(getIcon(model.NOT_CONFIGURED)).toBe('fa-warning-sign'); expect(getIcon(model.NOT_CONFIGURED)).toBe('fa-exclamation-triangle');
expect(getIcon(model.ERROR)).toBe('fa-exclamation-circle'); expect(getIcon(model.ERROR)).toBe('fa-exclamation-circle');
expect(getIcon("unknown")).toBeNull(); expect(getIcon("unknown")).toBeNull();
}); });
......
cms/static/js/views/overview_assignment_grader.js
...@@ -13,7 +13,7 @@ define(["js/views/baseview", "underscore", "gettext", "js/models/assignment_grad ...@@ -13,7 +13,7 @@ define(["js/views/baseview", "underscore", "gettext", "js/models/assignment_grad
// TODO move to a template file // TODO move to a template file
'<h4 class="status-label"><%= assignmentType %></h4>' + '<h4 class="status-label"><%= assignmentType %></h4>' +
'<a data-tooltip="Mark/unmark this subsection as graded" class="menu-toggle" href="#">' + '<a data-tooltip="Mark/unmark this subsection as graded" class="menu-toggle" href="#">' +
'<% if (!hideSymbol) {%><i class="icon fa fa-ok"></i><%};%>' + '<% if (!hideSymbol) {%><i class="icon fa fa-check"></i><%};%>' +
'</a>' + '</a>' +
'<ul class="menu">' + '<ul class="menu">' +
'<% graders.each(function(option) { %>' + '<% graders.each(function(option) { %>' +
......
cms/static/js/views/xblock_validation.js
...@@ -32,7 +32,7 @@ define(["jquery", "underscore", "js/views/baseview", "gettext"], ...@@ -32,7 +32,7 @@ define(["jquery", "underscore", "js/views/baseview", "gettext"],
return 'fa-exclamation-circle'; return 'fa-exclamation-circle';
} }
else if (messageType === this.model.WARNING || messageType === this.model.NOT_CONFIGURED) { else if (messageType === this.model.WARNING || messageType === this.model.NOT_CONFIGURED) {
return 'fa-warning-sign'; return 'fa-exclamation-triangle';
} }
return null; return null;
}, },
......
cms/static/sass/views/_checklists.scss
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
@extend %t-regular; @extend %t-regular;
@include float(right); @include float(right);
.icon-delete { .fa-trash-o {
@extend %t-icon7; @extend %t-icon7;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
......
cms/static/sass/views/_video-upload.scss
.view-video-uploads { .view-video-uploads {
.content-primary, .content-supplementary { .content-primary, .content-supplementary {
@include box-sizing(border-box); @include box-sizing(border-box);
} }
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
.nav-actions { .nav-actions {
.icon-cloud-upload { .fa-cloud-upload {
@extend %t-copy; @extend %t-copy;
vertical-align: bottom; vertical-align: bottom;
margin-right: ($baseline/5); margin-right: ($baseline/5);
......
cms/templates/js/metadata-list-entry.underscore
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
</a> </a>
</div> </div>
<button class="action setting-clear inactive" type="button" name="setting-clear" value="<%= gettext("Clear") %>" data-tooltip="<%= gettext("Clear") %>"> <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> <span class="sr">"<%= gettext("Clear Value") %>"</span>
</button> </button>
</div> </div>
......
cms/templates/js/mock/mock-index-page.underscore
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
<dl class="course-status"> <dl class="course-status">
<dt class="label sr">This re-run processing status:</dt> <dt class="label sr">This re-run processing status:</dt>
<dd class="value"> <dd class="value">
<i class="icon fa fa-refresh icon-spin"></i> <i class="icon fa fa-refresh fa-spin"></i>
<span class="copy">Configuring as re-run</span> <span class="copy">Configuring as re-run</span>
</dd> </dd>
</dl> </dl>
......
cms/templates/js/system-feedback.underscore
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
> >
<div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>"> <div class="<%= type %> <%= intent %> <% if(obj.actions) { %>has-actions<% } %>">
<% if(obj.icon) { %> <% if(obj.icon) { %>
<% var iconClass = {"warning": "warning", "confirmation": "ok", "error": "warning", "announcement": "bullhorn", "step-required": "exclamation-circle", "help": "question", "mini": "cog"} %> <% var iconClass = {"warning": "warning", "confirmation": "check", "error": "warning", "announcement": "bullhorn", "step-required": "exclamation-circle", "help": "question", "mini": "cog"} %>
<i class="feedback-symbol fa fa-<%= iconClass[intent] %>"></i> <i class="feedback-symbol fa fa-<%= iconClass[intent] %>"></i>
<% } %> <% } %>
......
cms/templates/js/xblock-validation-messages.underscore
...@@ -4,7 +4,7 @@ var aggregateMessageType = summaryMessage.type; ...@@ -4,7 +4,7 @@ var aggregateMessageType = summaryMessage.type;
var aggregateValidationClass = aggregateMessageType === "error"? "has-errors" : "has-warnings"; var aggregateValidationClass = aggregateMessageType === "error"? "has-errors" : "has-warnings";
%> %>
<div class="xblock-message validation <%= aggregateValidationClass %> <%= additionalClasses %>"> <div class="xblock-message validation <%= aggregateValidationClass %> <%= additionalClasses %>">
<p class="<%= aggregateMessageType %>"><i class="<%= getIcon(aggregateMessageType) %>"></i> <p class="<%= aggregateMessageType %>"><i class="icon fa <%= getIcon(aggregateMessageType) %>"></i>
<%- summaryMessage.text %> <%- summaryMessage.text %>
<% if (summaryMessage.action_class) { %> <% if (summaryMessage.action_class) { %>
<a href="#" class="button action-button <%- summaryMessage.action_class %>"> <a href="#" class="button action-button <%- summaryMessage.action_class %>">
......
cms/templates/videos_index.html
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<h3 class="sr">${_("Page Actions")}</h3> <h3 class="sr">${_("Page Actions")}</h3>
<ul> <ul>
<li class="nav-item"> <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> </li>
</ul> </ul>
</nav> </nav>
......
common/djangoapps/third_party_auth/provider.py
...@@ -6,7 +6,7 @@ invoke the Django armature. ...@@ -6,7 +6,7 @@ invoke the Django armature.
from social.backends import google, linkedin, facebook from social.backends import google, linkedin, facebook
_DEFAULT_ICON_CLASS = 'icon-signin' _DEFAULT_ICON_CLASS = 'fa-signin'
class BaseProvider(object): class BaseProvider(object):
...@@ -114,7 +114,7 @@ class GoogleOauth2(BaseProvider): ...@@ -114,7 +114,7 @@ class GoogleOauth2(BaseProvider):
"""Provider for Google's Oauth2 auth system.""" """Provider for Google's Oauth2 auth system."""
BACKEND_CLASS = google.GoogleOAuth2 BACKEND_CLASS = google.GoogleOAuth2
ICON_CLASS = 'icon-google-plus' ICON_CLASS = 'fa-google-plus'
NAME = 'Google' NAME = 'Google'
SETTINGS = { SETTINGS = {
'SOCIAL_AUTH_GOOGLE_OAUTH2_KEY': None, 'SOCIAL_AUTH_GOOGLE_OAUTH2_KEY': None,
...@@ -134,7 +134,7 @@ class LinkedInOauth2(BaseProvider): ...@@ -134,7 +134,7 @@ class LinkedInOauth2(BaseProvider):
"""Provider for LinkedIn's Oauth2 auth system.""" """Provider for LinkedIn's Oauth2 auth system."""
BACKEND_CLASS = linkedin.LinkedinOAuth2 BACKEND_CLASS = linkedin.LinkedinOAuth2
ICON_CLASS = 'icon-linkedin' ICON_CLASS = 'fa-linkedin'
NAME = 'LinkedIn' NAME = 'LinkedIn'
SETTINGS = { SETTINGS = {
'SOCIAL_AUTH_LINKEDIN_OAUTH2_KEY': None, 'SOCIAL_AUTH_LINKEDIN_OAUTH2_KEY': None,
...@@ -154,7 +154,7 @@ class FacebookOauth2(BaseProvider): ...@@ -154,7 +154,7 @@ class FacebookOauth2(BaseProvider):
"""Provider for LinkedIn's Oauth2 auth system.""" """Provider for LinkedIn's Oauth2 auth system."""
BACKEND_CLASS = facebook.FacebookOAuth2 BACKEND_CLASS = facebook.FacebookOAuth2
ICON_CLASS = 'icon-facebook' ICON_CLASS = 'fa-facebook'
NAME = 'Facebook' NAME = 'Facebook'
SETTINGS = { SETTINGS = {
'SOCIAL_AUTH_FACEBOOK_KEY': None, 'SOCIAL_AUTH_FACEBOOK_KEY': None,
......
common/static/coffee/spec/discussion/view/discussion_thread_list_view_spec.coffee
...@@ -7,7 +7,7 @@ describe "DiscussionThreadListView", -> ...@@ -7,7 +7,7 @@ describe "DiscussionThreadListView", ->
<script type="text/template" id="thread-list-template"> <script type="text/template" id="thread-list-template">
<div class="forum-nav-header"> <div class="forum-nav-header">
<a href="#" class="forum-nav-browse" aria-haspopup="true"> <a href="#" class="forum-nav-browse" aria-haspopup="true">
<i class="icon icon-reorder"></i> <i class="icon fa fa-bars"></i>
<span class="sr">Discussion topics; current selection is: </span> <span class="sr">Discussion topics; current selection is: </span>
<span class="forum-nav-browse-current">All Discussions</span> <span class="forum-nav-browse-current">All Discussions</span>
▾ ▾
...@@ -16,7 +16,7 @@ describe "DiscussionThreadListView", -> ...@@ -16,7 +16,7 @@ describe "DiscussionThreadListView", ->
<label> <label>
<span class="sr">Search</span> <span class="sr">Search</span>
<input class="forum-nav-search-input" type="text" placeholder="Search all posts"> <input class="forum-nav-search-input" type="text" placeholder="Search all posts">
<i class="icon icon-search"></i> <i class="icon fa fa-search"></i>
</label> </label>
</form> </form>
</div> </div>
...@@ -32,7 +32,7 @@ describe "DiscussionThreadListView", -> ...@@ -32,7 +32,7 @@ describe "DiscussionThreadListView", ->
<a href="#" class="forum-nav-browse-title">All Discussions</a> <a href="#" class="forum-nav-browse-title">All Discussions</a>
</li> </li>
<li class="forum-nav-browse-menu-item forum-nav-browse-menu-following"> <li class="forum-nav-browse-menu-item forum-nav-browse-menu-following">
<a href="#" class="forum-nav-browse-title"><i class="icon icon-star"></i>Posts I'm Following</a> <a href="#" class="forum-nav-browse-title"><i class="icon fa fa-star"></i>Posts I'm Following</a>
</li> </li>
<li class="forum-nav-browse-menu-item"> <li class="forum-nav-browse-menu-item">
<a href="#" class="forum-nav-browse-title">Parent</a> <a href="#" class="forum-nav-browse-title">Parent</a>
...@@ -343,7 +343,7 @@ describe "DiscussionThreadListView", -> ...@@ -343,7 +343,7 @@ describe "DiscussionThreadListView", ->
it "perform search when search icon is clicked", -> it "perform search when search icon is clicked", ->
setupAjax() setupAjax()
spyOn(@view, "searchFor") spyOn(@view, "searchFor")
@view.$el.find(".icon-search").click() @view.$el.find(".fa-search").click()
expect(@view.searchFor).toHaveBeenCalled() expect(@view.searchFor).toHaveBeenCalled()
describe "username search", -> describe "username search", ->
......
common/static/coffee/src/discussion/utils.coffee
...@@ -116,7 +116,7 @@ class @DiscussionUtil ...@@ -116,7 +116,7 @@ class @DiscussionUtil
alertDiv = $("<div class='modal' role='alertdialog' id='discussion-alert' aria-describedby='discussion-alert-message'/>").css("display", "none") alertDiv = $("<div class='modal' role='alertdialog' id='discussion-alert' aria-describedby='discussion-alert-message'/>").css("display", "none")
alertDiv.html( alertDiv.html(
"<div class='inner-wrapper discussion-alert-wrapper'>" + "<div class='inner-wrapper discussion-alert-wrapper'>" +
" <button class='close-modal dismiss' aria-hidden='true'><i class='icon-remove'></i></button>" + " <button class='close-modal dismiss' aria-hidden='true'><i class='icon fa fa-times'></i></button>" +
" <header><h2/><hr/></header>" + " <header><h2/><hr/></header>" +
" <p id='discussion-alert-message'/>" + " <p id='discussion-alert-message'/>" +
" <hr/>" + " <hr/>" +
......
common/static/coffee/src/discussion/views/discussion_thread_list_view.coffee
...@@ -7,7 +7,7 @@ if Backbone? ...@@ -7,7 +7,7 @@ if Backbone?
"click .forum-nav-browse-menu-wrapper": "ignoreClick" "click .forum-nav-browse-menu-wrapper": "ignoreClick"
"click .forum-nav-browse-title": "selectTopicHandler" "click .forum-nav-browse-title": "selectTopicHandler"
"keydown .forum-nav-search-input": "performSearch" "keydown .forum-nav-search-input": "performSearch"
"click .icon-search": "performSearch" "click .fa-search": "performSearch"
"change .forum-nav-sort-control": "sortThreads" "change .forum-nav-sort-control": "sortThreads"
"click .forum-nav-thread-link": "threadSelected" "click .forum-nav-thread-link": "threadSelected"
"click .forum-nav-load-more-link": "loadMorePages" "click .forum-nav-load-more-link": "loadMorePages"
...@@ -171,7 +171,7 @@ if Backbone? ...@@ -171,7 +171,7 @@ if Backbone?
@$(".forum-nav-thread-list").append("<li class='forum-nav-load-more'><a href='#' class='forum-nav-load-more-link'>" + gettext("Load more") + "</a></li>") @$(".forum-nav-thread-list").append("<li class='forum-nav-load-more'><a href='#' class='forum-nav-load-more-link'>" + gettext("Load more") + "</a></li>")
getLoadingContent: (srText) -> getLoadingContent: (srText) ->
return '<div class="forum-nav-loading" tabindex="0"><span class="icon-spinner icon-spin"/><span class="sr" role="alert">' + srText + '</span></div>' return '<div class="forum-nav-loading" tabindex="0"><span class="icon fa fa-spinner fa-spin"/><span class="sr" role="alert">' + srText + '</span></div>'
loadMorePages: (event) => loadMorePages: (event) =>
if event if event
...@@ -426,7 +426,7 @@ if Backbone? ...@@ -426,7 +426,7 @@ if Backbone?
@retrieveFirstPage(event) @retrieveFirstPage(event)
performSearch: (event) -> performSearch: (event) ->
#event.which 13 represent the Enter button #event.which 13 represent the Enter button
if event.which == 13 or event.type == 'click' if event.which == 13 or event.type == 'click'
event.preventDefault() event.preventDefault()
@hideBrowseMenu() @hideBrowseMenu()
......
common/static/js/utils/rwd_header_footer.js
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
burger: function() { burger: function() {
_fn.$nav.prepend([ _fn.$nav.prepend([
'<a href="#" class="mobile-menu-button" aria-label="menu">', '<a href="#" class="mobile-menu-button" aria-label="menu">',
'<i class="icon-reorder" aria-hidden="true"></i>', '<i class="icon fa fa-bars" aria-hidden="true"></i>',
'</a>' '</a>'
].join('')); ].join(''));
}, },
......
common/templates/course_modes/choose.html
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
% if error: % if error:
<div class="wrapper-msg wrapper-msg-error"> <div class="wrapper-msg wrapper-msg-error">
<div class=" msg msg-error"> <div class=" msg msg-error">
<i class="msg-icon icon-warning-sign"></i> <i class="msg-icon icon fa fa-exclamation-triangle"></i>
<div class="msg-content"> <div class="msg-content">
<h3 class="title">${_("Sorry, there was an error when trying to enroll you")}</h3> <h3 class="title">${_("Sorry, there was an error when trying to enroll you")}</h3>
<div class="copy"> <div class="copy">
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
% if error: % if error:
<div class="msg msg-error msg-inline"> <div class="msg msg-error msg-inline">
<div class="copy"> <div class="copy">
<p><i class="msg-icon icon-warning-sign"></i> ${error}</p> <p><i class="msg-icon icon fa fa-exclamation-triangle"></i> ${error}</p>
</div> </div>
</div> </div>
% endif % endif
......
common/templates/js/image-modal.underscore
...@@ -3,40 +3,40 @@ ...@@ -3,40 +3,40 @@
<%= smallHTML%> <%= smallHTML%>
<a href="#" class="modal-ui-icon action-fullscreen" role="button"> <a href="#" class="modal-ui-icon action-fullscreen" role="button">
<span class="label"> <span class="label">
<i class="icon-fullscreen icon-large"></i> <%= gettext("Fullscreen") %> <i class="icon fa fa-arrows-alt fa-large"></i> <%= gettext("Fullscreen") %>
</span> </span>
</a> </a>
</section> </section>
<section class="image-modal"> <section class="image-modal">
<section class="image-content"> <section class="image-content">
<div class="image-wrapper"> <div class="image-wrapper">
<img alt="<%= largeALT %>, <%= gettext('Large') %>" src="<%= largeSRC %>" /> <img alt="<%= largeALT %>, <%= gettext('Large') %>" src="<%= largeSRC %>" />
</div> </div>
<a href="#" class="modal-ui-icon action-close" role="button"> <a href="#" class="modal-ui-icon action-close" role="button">
<span class="label"> <span class="label">
<i class="icon-remove icon-large"></i> <%= gettext("Close") %> <i class="icon fa fa-remove fa-large"></i> <%= gettext("Close") %>
</span> </span>
</a> </a>
<ul class="image-controls"> <ul class="image-controls">
<li class="image-control"> <li class="image-control">
<a href="#" class="modal-ui-icon action-zoom-in" role="button"> <a href="#" class="modal-ui-icon action-zoom-in" role="button">
<span class="label"> <span class="label">
<i class="icon-zoom-in icon-large"></i> <%= gettext("Zoom In") %> <i class="icon fa fa fa-search-plus fa-large"></i> <%= gettext("Zoom In") %>
</span> </span>
</a> </a>
</li> </li>
<li class="image-control"> <li class="image-control">
<a href="#" class="modal-ui-icon action-zoom-out is-disabled" aria-disabled="true" role="button"> <a href="#" class="modal-ui-icon action-zoom-out is-disabled" aria-disabled="true" role="button">
<span class="label"> <span class="label">
<i class="icon-zoom-out icon-large"></i> <%= gettext("Zoom Out") %> <i class="icon fa fa fa-search-minus fa-large"></i> <%= gettext("Zoom Out") %>
</span> </span>
</a> </a>
</li> </li>
</ul> </ul>
</section> </section>
</section> </section>
</div> </div>
\ No newline at end of file
lms/djangoapps/student_account/test/test_views.py
...@@ -432,13 +432,13 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase): ...@@ -432,13 +432,13 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase):
expected_providers = [ expected_providers = [
{ {
"name": "Facebook", "name": "Facebook",
"iconClass": "icon-facebook", "iconClass": "fa-facebook",
"loginUrl": self._third_party_login_url("facebook", "account_login"), "loginUrl": self._third_party_login_url("facebook", "account_login"),
"registerUrl": self._third_party_login_url("facebook", "account_register") "registerUrl": self._third_party_login_url("facebook", "account_register")
}, },
{ {
"name": "Google", "name": "Google",
"iconClass": "icon-google-plus", "iconClass": "fa-google-plus",
"loginUrl": self._third_party_login_url("google-oauth2", "account_login"), "loginUrl": self._third_party_login_url("google-oauth2", "account_login"),
"registerUrl": self._third_party_login_url("google-oauth2", "account_register") "registerUrl": self._third_party_login_url("google-oauth2", "account_register")
} }
...@@ -465,7 +465,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase): ...@@ -465,7 +465,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase):
expected_providers = [ expected_providers = [
{ {
"name": "Facebook", "name": "Facebook",
"iconClass": "icon-facebook", "iconClass": "fa-facebook",
"loginUrl": self._third_party_login_url( "loginUrl": self._third_party_login_url(
"facebook", "account_login", "facebook", "account_login",
course_id=unicode(course.id), course_id=unicode(course.id),
...@@ -479,7 +479,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase): ...@@ -479,7 +479,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase):
}, },
{ {
"name": "Google", "name": "Google",
"iconClass": "icon-google-plus", "iconClass": "fa-google-plus",
"loginUrl": self._third_party_login_url( "loginUrl": self._third_party_login_url(
"google-oauth2", "account_login", "google-oauth2", "account_login",
course_id=unicode(course.id), course_id=unicode(course.id),
...@@ -513,7 +513,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase): ...@@ -513,7 +513,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase):
expected_providers = [ expected_providers = [
{ {
"name": "Facebook", "name": "Facebook",
"iconClass": "icon-facebook", "iconClass": "fa-facebook",
"loginUrl": self._third_party_login_url( "loginUrl": self._third_party_login_url(
"facebook", "account_login", "facebook", "account_login",
course_id=unicode(course.id), course_id=unicode(course.id),
...@@ -527,7 +527,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase): ...@@ -527,7 +527,7 @@ class StudentAccountLoginAndRegistrationTest(ModuleStoreTestCase):
}, },
{ {
"name": "Google", "name": "Google",
"iconClass": "icon-google-plus", "iconClass": "fa-google-plus",
"loginUrl": self._third_party_login_url( "loginUrl": self._third_party_login_url(
"google-oauth2", "account_login", "google-oauth2", "account_login",
course_id=unicode(course.id), course_id=unicode(course.id),
......
lms/static/coffee/src/instructor_dashboard/util.coffee
...@@ -209,7 +209,7 @@ create_email_message_views = ($messages_wrapper, emails) -> ...@@ -209,7 +209,7 @@ create_email_message_views = ($messages_wrapper, emails) ->
$email_header.append $('<input>', type: "button", name: "copy-email-body-text", value: gettext("Copy Email To Editor"), id: "copy_email_" + email_id) $email_header.append $('<input>', type: "button", name: "copy-email-body-text", value: gettext("Copy Email To Editor"), id: "copy_email_" + email_id)
$close_button = $ '<a>', href: '#', class: "close-modal" $close_button = $ '<a>', href: '#', class: "close-modal"
$close_button.append $ '<i>', class: 'icon-remove' $close_button.append $ '<i>', class: 'icon fa fa-times'
$email_header.append $close_button $email_header.append $close_button
# HTML escape the subject line # HTML escape the subject line
...@@ -316,10 +316,10 @@ class KeywordValidator ...@@ -316,10 +316,10 @@ class KeywordValidator
do (found_keyword) -> do (found_keyword) ->
if found_keyword not in keywords if found_keyword not in keywords
invalid_keywords.push found_keyword invalid_keywords.push found_keyword
if invalid_keywords.length != 0 if invalid_keywords.length != 0
is_valid = false is_valid = false
return { return {
is_valid: is_valid, is_valid: is_valid,
invalid_keywords: invalid_keywords invalid_keywords: invalid_keywords
......
lms/static/js/spec/shoppingcart/shoppingcart_spec.js
...@@ -7,7 +7,7 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'], ...@@ -7,7 +7,7 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'],
var requests = null; var requests = null;
beforeEach(function() { beforeEach(function() {
setFixtures('<section class="wrapper confirm-enrollment shopping-cart cart-view"><form action="" method="post"><input type="hidden" name="" value="" /><i class="icon-caret-right"></i><input type="submit" value="Payment"/></form></section>'); setFixtures('<section class="wrapper confirm-enrollment shopping-cart cart-view"><form action="" method="post"><input type="hidden" name="" value="" /><i class="icon fa fa-caret-right"></i><input type="submit" value="Payment"/></form></section>');
view = new edx.shoppingcart.showcart.CartView({ view = new edx.shoppingcart.showcart.CartView({
el: $('.confirm-enrollment.cart-view form') el: $('.confirm-enrollment.cart-view form')
...@@ -17,7 +17,7 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'], ...@@ -17,7 +17,7 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'],
// Spy on AJAX requests // Spy on AJAX requests
requests = AjaxHelpers.requests(this); requests = AjaxHelpers.requests(this);
view.submit(); view.submit();
// Verify that the client contacts the server to // Verify that the client contacts the server to
...@@ -56,4 +56,4 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'], ...@@ -56,4 +56,4 @@ define(['js/common_helpers/ajax_helpers', 'js/shoppingcart/shoppingcart'],
}); });
}); });
} }
); );
\ No newline at end of file
lms/static/js/spec/student_account/login_spec.js
...@@ -26,13 +26,13 @@ define([ ...@@ -26,13 +26,13 @@ define([
providers: [ providers: [
{ {
name: 'Google', name: 'Google',
iconClass: 'icon-google-plus', iconClass: 'fa-google-plus',
loginUrl: '/auth/login/google-oauth2/?auth_entry=account_login', loginUrl: '/auth/login/google-oauth2/?auth_entry=account_login',
registerUrl: '/auth/login/google-oauth2/?auth_entry=account_register' registerUrl: '/auth/login/google-oauth2/?auth_entry=account_register'
}, },
{ {
name: 'Facebook', name: 'Facebook',
iconClass: 'icon-facebook', iconClass: 'fa-facebook',
loginUrl: '/auth/login/facebook/?auth_entry=account_login', loginUrl: '/auth/login/facebook/?auth_entry=account_login',
registerUrl: '/auth/login/facebook/?auth_entry=account_register' registerUrl: '/auth/login/facebook/?auth_entry=account_register'
} }
......
lms/static/js/spec/student_account/register_spec.js
...@@ -33,13 +33,13 @@ define([ ...@@ -33,13 +33,13 @@ define([
providers: [ providers: [
{ {
name: 'Google', name: 'Google',
iconClass: 'icon-google-plus', iconClass: 'fa-google-plus',
loginUrl: '/auth/login/google-oauth2/?auth_entry=account_login', loginUrl: '/auth/login/google-oauth2/?auth_entry=account_login',
registerUrl: '/auth/login/google-oauth2/?auth_entry=account_register' registerUrl: '/auth/login/google-oauth2/?auth_entry=account_register'
}, },
{ {
name: 'Facebook', name: 'Facebook',
iconClass: 'icon-facebook', iconClass: 'fa-facebook',
loginUrl: '/auth/login/facebook/?auth_entry=account_login', loginUrl: '/auth/login/facebook/?auth_entry=account_login',
registerUrl: '/auth/login/facebook/?auth_entry=account_register' registerUrl: '/auth/login/facebook/?auth_entry=account_register'
} }
......
lms/static/js/views/cohorts.js
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
title: gettext('You currently have no cohort groups configured'), title: gettext('You currently have no cohort groups configured'),
actionText: gettext('Add Cohort Group'), actionText: gettext('Add Cohort Group'),
actionClass: 'action-create', actionClass: 'action-create',
actionIconClass: 'icon-plus' actionIconClass: 'fa-plus'
}); });
} }
}, },
......
lms/static/sass/course/wiki/_wiki.scss
...@@ -296,9 +296,6 @@ section.wiki { ...@@ -296,9 +296,6 @@ section.wiki {
width: 25px; width: 25px;
margin-right: 3px; margin-right: 3px;
margin-top: 5px; margin-top: 5px;
}
[class^="icon-"] {
padding-right: ($baseline/4); padding-right: ($baseline/4);
} }
......
lms/static/sass/discussion/_discussion.scss
...@@ -354,7 +354,7 @@ body.discussion { ...@@ -354,7 +354,7 @@ body.discussion {
display: table-cell; display: table-cell;
} }
.icon-stack i { .fa-stack .icon {
padding: 0 $baseline/2; padding: 0 $baseline/2;
} }
...@@ -397,20 +397,20 @@ body.discussion { ...@@ -397,20 +397,20 @@ body.discussion {
} }
.helpgrid-row-navigation { .helpgrid-row-navigation {
.icon-reorder {color: $light-gray;} .fa-bars {color: $light-gray;}
.icon-search {color: $light-gray;} .fa-search {color: $light-gray;}
.icon-sort {color: $light-gray;} .fa-sort {color: $light-gray;}
} }
.helpgrid-row-participation { .helpgrid-row-participation {
.icon-plus {color: $green;} .fa-plus {color: $green;}
.icon-flag {color: $pink;} .fa-flag {color: $pink;}
.icon-star {color: $blue;} .fa-star {color: $blue;}
} }
.helpgrid-row-notification { .helpgrid-row-notification {
.icon-sign-blank {color: $green;} .fa-square {color: $green;}
.icon-envelope {color: $light-gray;} .fa-envelope {color: $light-gray;}
} }
.discussion-article { .discussion-article {
...@@ -560,7 +560,7 @@ body.discussion { ...@@ -560,7 +560,7 @@ body.discussion {
@include text-align(left); @include text-align(left);
font-size: 13px; font-size: 13px;
.icon-reply:before { // flip the icon for RTL .fa-reply:before { // flip the icon for RTL
@include ltr { @include ltr {
content: "\f112"; // FA icon arrow to the left content: "\f112"; // FA icon arrow to the left
} }
...@@ -694,7 +694,7 @@ body.discussion { ...@@ -694,7 +694,7 @@ body.discussion {
box-shadow: 0 1px 1px $shadow-l1; box-shadow: 0 1px 1px $shadow-l1;
@include text-align(left); @include text-align(left);
.icon-reply:before { .fa-reply:before {
@include ltr { @include ltr {
content: "\f112"; // FA icon arrow to the left content: "\f112"; // FA icon arrow to the left
} }
......
lms/static/sass/discussion/elements/_navigation.scss
...@@ -209,15 +209,15 @@ ...@@ -209,15 +209,15 @@
} }
} }
.icon-comments { .fa-comments {
color: $gray-l2; color: $gray-l2;
} }
.icon-check { .fa-check-square-o {
color: $forum-color-marked-answer; color: $forum-color-marked-answer;
} }
.icon-question { .fa-question {
color: $pink; color: $pink;
} }
} }
......
lms/static/sass/multicourse/_dashboard.scss
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
display: inline-block; display: inline-block;
color: $gray-l2; color: $gray-l2;
.icon-link { .fa-link {
color: $base-font-color; color: $base-font-color;
} }
...@@ -147,25 +147,25 @@ ...@@ -147,25 +147,25 @@
border-bottom: 0; border-bottom: 0;
padding: 0; padding: 0;
[class^="icon-"] { .icon {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: ($baseline/10) ($baseline/4) 0 0; margin: ($baseline/10) ($baseline/4) 0 0;
} }
&.is-open [class^="icon-"] { &.is-open .icon {
color: $action-primary-bg; color: $action-primary-bg;
} }
&.is-pending [class^="icon-"] { &.is-pending .icon {
color: $warning-color; color: $warning-color;
} }
&.is-approved [class^="icon-"] { &.is-approved .icon {
color: $success-color; color: $success-color;
} }
&.is-denied [class^="icon-"] { &.is-denied .icon {
color: $alert-color; color: $alert-color;
} }
......
lms/static/sass/views/_shoppingcart.scss
...@@ -492,7 +492,7 @@ ...@@ -492,7 +492,7 @@
&.green { &.green {
color: $green1; color: $green1;
} }
.line-through { .line-through {
text-decoration: line-through; text-decoration: line-through;
} }
...@@ -572,7 +572,7 @@ ...@@ -572,7 +572,7 @@
&.disabled { &.disabled {
.counter { .counter {
border: 2px solid $gray; border: 2px solid $gray;
&:hover { &:hover {
cursor: not-allowed; cursor: not-allowed;
} }
...@@ -594,7 +594,7 @@ ...@@ -594,7 +594,7 @@
float: right; float: right;
font-size: 15px; font-size: 15px;
padding: 25px 35px 25px 0; padding: 25px 35px 25px 0;
&:focus { &:focus {
outline: none; outline: none;
} }
...@@ -680,7 +680,7 @@ ...@@ -680,7 +680,7 @@
padding: 8px 12px; padding: 8px 12px;
font-weight: 600; font-weight: 600;
width: 260px; width: 260px;
&:focus { &:focus {
border-color: $dark-gray2; border-color: $dark-gray2;
box-shadow: none; box-shadow: none;
...@@ -803,7 +803,7 @@ ...@@ -803,7 +803,7 @@
margin-left: ($baseline/2); margin-left: ($baseline/2);
} }
} }
.col-2{ .col-2{
width: 65%; width: 65%;
float: right; float: right;
...@@ -828,7 +828,7 @@ ...@@ -828,7 +828,7 @@
form{ form{
position: relative; position: relative;
} }
i.icon-caret-right{ .fa-caret-right {
position: absolute; position: absolute;
right: 30px; right: 30px;
top: 25px; top: 25px;
...@@ -1100,7 +1100,7 @@ ...@@ -1100,7 +1100,7 @@
} }
.bordered-bar { .bordered-bar {
h2 { h2 {
font-size: 14px; font-size: 14px;
} }
......
lms/static/sass/views/_verification.scss
...@@ -699,7 +699,7 @@ ...@@ -699,7 +699,7 @@
@extend %btn-primary-blue; @extend %btn-primary-blue;
padding: ($baseline/2) ($baseline*0.75); padding: ($baseline/2) ($baseline*0.75);
*[class^="icon-"] { .icon {
@extend %t-icon4; @extend %t-icon4;
padding: ($baseline*.25) ($baseline*.5); padding: ($baseline*.25) ($baseline*.5);
display: block; display: block;
...@@ -1517,15 +1517,15 @@ ...@@ -1517,15 +1517,15 @@
color: $white; color: $white;
} }
.icon-over, .icon-under { .fa-stack-1x, .fa-stack-2x {
position: relative; position: relative;
} }
.icon-under { .fa-stack-2x {
@extend %ui-depth1; @extend %ui-depth1;
} }
.icon-over { .fa-stack-1x {
@extend %ui-depth2; @extend %ui-depth2;
@extend %t-icon5; @extend %t-icon5;
position: absolute; position: absolute;
...@@ -1534,6 +1534,11 @@ ...@@ -1534,6 +1534,11 @@
background: $verified-color-lvl3; background: $verified-color-lvl3;
padding: 3px 5px; padding: 3px 5px;
} }
.id-photo {
width: 23px;
padding: 3px 0;
}
} }
.copy { .copy {
...@@ -2150,7 +2155,7 @@ ...@@ -2150,7 +2155,7 @@
@extend %btn-primary-blue; @extend %btn-primary-blue;
padding: ($baseline/2) ($baseline*0.75); padding: ($baseline/2) ($baseline*0.75);
*[class^="icon-"] { .icon {
@extend %t-icon4; @extend %t-icon4;
padding: ($baseline*.25) ($baseline*.5); padding: ($baseline*.25) ($baseline*.5);
display: block; display: block;
......
lms/templates/courseware/course_about.html
...@@ -313,7 +313,7 @@ ...@@ -313,7 +313,7 @@
%if is_shopping_cart_enabled and registration_price: %if is_shopping_cart_enabled and registration_price:
<li class="important-dates-item"> <li class="important-dates-item">
<i class="icon icon-money"></i> <i class="icon fa fa-money"></i>
<p class="important-dates-item-title">${_("Price")}</p> <p class="important-dates-item-title">${_("Price")}</p>
<span class="important-dates-item-text">${_("{currency_symbol}{cost}").format(currency_symbol=currency_symbol, cost=registration_price)}</span> <span class="important-dates-item-text">${_("{currency_symbol}{cost}").format(currency_symbol=currency_symbol, cost=registration_price)}</span>
</li> </li>
......
lms/templates/instructor/instructor_dashboard_2/add-cohort-form.underscore
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<div class="form-actions"> <div class="form-actions">
<button class="form-submit button action-primary action-save"> <button class="form-submit button action-primary action-save">
<i class="icon icon-plus"></i> <i class="icon fa fa-plus"></i>
<%- gettext('Save') %> <%- gettext('Save') %>
</button> </button>
<a href="" class="form-cancel action-secondary action-cancel"><%- gettext('Cancel') %></a> <a href="" class="form-cancel action-secondary action-cancel"><%- gettext('Cancel') %></a>
......
lms/templates/instructor/instructor_dashboard_2/cohort-editor.underscore
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<div class="form-actions"> <div class="form-actions">
<button class="form-submit button action-primary action-view"> <button class="form-submit button action-primary action-view">
<i class="button-icon icon icon-plus"></i> <%- gettext('Add Students') %> <i class="button-icon icon fa fa-plus"></i> <%- gettext('Add Students') %>
</button> </button>
</div> </div>
</form> </form>
......
lms/templates/instructor/instructor_dashboard_2/cohorts.underscore
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</form> </form>
<a href="" class="action-primary action-create"> <a href="" class="action-primary action-create">
<i class="icon icon-plus"></i> <i class="icon fa fa-plus"></i>
<%- gettext('Add Cohort Group') %> <%- gettext('Add Cohort Group') %>
</a> </a>
</div> </div>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div class="cohort-management-supplemental"> <div class="cohort-management-supplemental">
<p class=""> <p class="">
<i class="icon icon-info-sign"></i> <i class="icon fa fa-info-circle"></i>
<%= interpolate( <%= interpolate(
gettext('To review student cohort group assignments or see the results of uploading a CSV file, download course profile information or cohort results on %(link_start)s the Data Download page. %(link_end)s'), gettext('To review student cohort group assignments or see the results of uploading a CSV file, download course profile information or cohort results on %(link_start)s the Data Download page. %(link_end)s'),
{link_start: '<a href="" class="link-cross-reference" data-section="data_download">', link_end: '</a>'}, {link_start: '<a href="" class="link-cross-reference" data-section="data_download">', link_end: '</a>'},
......
lms/templates/login.html
...@@ -220,7 +220,7 @@ ...@@ -220,7 +220,7 @@
% for enabled in provider.Registry.enabled(): % for enabled in provider.Registry.enabled():
## Translators: provider_name is the name of an external, third-party user authentication provider (like Google or LinkedIn). ## Translators: provider_name is the name of an external, third-party user authentication provider (like Google or LinkedIn).
<button type="submit" class="button button-primary button-${enabled.NAME} login-${enabled.NAME}" onclick="thirdPartySignin(event, '${pipeline_url[enabled.NAME]}');"><span class="icon ${enabled.ICON_CLASS}"></span>${_('Sign in with {provider_name}').format(provider_name=enabled.NAME)}</button> <button type="submit" class="button button-primary button-${enabled.NAME} login-${enabled.NAME}" onclick="thirdPartySignin(event, '${pipeline_url[enabled.NAME]}');"><span class="icon fa ${enabled.ICON_CLASS}"></span>${_('Sign in with {provider_name}').format(provider_name=enabled.NAME)}</button>
% endfor % endfor
</div> </div>
......
lms/templates/register.html
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
% for enabled in provider.Registry.enabled(): % for enabled in provider.Registry.enabled():
## Translators: provider_name is the name of an external, third-party user authentication service (like Google or LinkedIn). ## Translators: provider_name is the name of an external, third-party user authentication service (like Google or LinkedIn).
<button type="submit" class="button button-primary button-${enabled.NAME} register-${enabled.NAME}" onclick="thirdPartySignin(event, '${pipeline_urls[enabled.NAME]}');"><span class="icon ${enabled.ICON_CLASS}"></span>${_('Sign up with {provider_name}').format(provider_name=enabled.NAME)}</button> <button type="submit" class="button button-primary button-${enabled.NAME} register-${enabled.NAME}" onclick="thirdPartySignin(event, '${pipeline_urls[enabled.NAME]}');"><span class="icon fa ${enabled.ICON_CLASS}"></span>${_('Sign up with {provider_name}').format(provider_name=enabled.NAME)}</button>
% endfor % endfor
</div> </div>
......
lms/templates/shoppingcart/shopping_cart.html
...@@ -65,7 +65,7 @@ from django.utils.translation import ugettext as _ ...@@ -65,7 +65,7 @@ from django.utils.translation import ugettext as _
<div class="counter"> <div class="counter">
<input maxlength="3" title="Input qty and press enter." max="999" type="text" name="students" value="${item.qty}" id="${item.id}" data-unit-cost="${item.unit_cost}" data-qty="${item.qty}"> <input maxlength="3" title="Input qty and press enter." max="999" type="text" name="students" value="${item.qty}" id="${item.id}" data-unit-cost="${item.unit_cost}" data-qty="${item.qty}">
</div> </div>
<div class="inc button"><i class="icon fa fa-caret-up"><span>+</span></i></div><div class="dec button"><i class="icon-caret-down"></i></div> <div class="inc button"><i class="icon fa fa-caret-up"><span>+</span></i></div><div class="dec button"><i class="icon fa fa-caret-down"></i></div>
<!--<a name="updateBtn" class="updateBtn hidden" id="updateBtn-${item.id}" href="#">update</a>--> <!--<a name="updateBtn" class="updateBtn hidden" id="updateBtn-${item.id}" href="#">update</a>-->
<span class="error-text hidden" id="students-${item.id}"></span> <span class="error-text hidden" id="students-${item.id}"></span>
</div> </div>
...@@ -123,7 +123,7 @@ from django.utils.translation import ugettext as _ ...@@ -123,7 +123,7 @@ from django.utils.translation import ugettext as _
</p> </p>
</div> </div>
<div name="billing" class="hidden"> <div name="billing" class="hidden">
<input type="submit" value = "Billing Details" name="billing-details"><i class="icon-caret-right"></i> <input type="submit" value = "Billing Details" name="billing-details"><i class="icon fa fa-caret-right"></i>
<p> <p>
${_('After this purchase is complete, a receipt is generated with relative billing details and registration codes for students.')} ${_('After this purchase is complete, a receipt is generated with relative billing details and registration codes for students.')}
</p> </p>
......
lms/templates/verify_student/error.underscore
<div id="error" class="wrapper-msg wrapper-msg-activate"> <div id="error" class="wrapper-msg wrapper-msg-activate">
<div class=" msg msg-activate"> <div class=" msg msg-activate">
<i class="msg-icon icon-warning-sign"></i> <i class="msg-icon icon fa fa-exclamation-triangle"></i>
<div class="msg-content"> <div class="msg-content">
<h3 class="title"><%- errorTitle %></h3> <h3 class="title"><%- errorTitle %></h3>
<div class="copy"> <div class="copy">
......
lms/templates/verify_student/face_photo_step.underscore
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<li class="help-item"><%- gettext( "Make sure your face is well-lit" ) %></li> <li class="help-item"><%- gettext( "Make sure your face is well-lit" ) %></li>
<li class="help-item"><%- gettext( "Be sure your entire face is inside the frame" ) %></li> <li class="help-item"><%- gettext( "Be sure your entire face is inside the frame" ) %></li>
<li class="help-item"> <li class="help-item">
<%= _.sprintf( gettext( "Once in position, use the camera button %(icon)s to capture your photo" ), { icon: '<span class="example">(<i class="icon-camera"></i>)</span>' } ) %> <%= _.sprintf( gettext( "Once in position, use the camera button %(icon)s to capture your photo" ), { icon: '<span class="example">(<i class="icon fa fa-camera"></i>)</span>' } ) %>
</li> </li>
<li class="help-item"><%- gettext( "Can we match the photo you took with the one on your ID?" ) %></li> <li class="help-item"><%- gettext( "Can we match the photo you took with the one on your ID?" ) %></li>
<li class="help-item"><%- gettext( "Use the retake photo button if you are not pleased with your photo" ) %></li> <li class="help-item"><%- gettext( "Use the retake photo button if you are not pleased with your photo" ) %></li>
......
lms/templates/verify_student/id_photo_step.underscore
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<li class="help-item"><%- gettext( "Ensure that you can see your photo and read your name" ) %></li> <li class="help-item"><%- gettext( "Ensure that you can see your photo and read your name" ) %></li>
<li class="help-item"><%- gettext( "Make sure your ID is well-lit" ) %></li> <li class="help-item"><%- gettext( "Make sure your ID is well-lit" ) %></li>
<li class="help-item"> <li class="help-item">
<%= _.sprintf( gettext( "Once in position, use the camera button %(icon)s to capture your ID" ), { icon: '<span class="example">(<i class="icon-camera"></i>)</span>' } ) %> <%= _.sprintf( gettext( "Once in position, use the camera button %(icon)s to capture your ID" ), { icon: '<span class="example">(<i class="icon fa fa-camera"></i>)</span>' } ) %>
</li> </li>
<li class="help-item"><%- gettext( "Use the retake photo button if you are not pleased with your photo" ) %></li> <li class="help-item"><%- gettext( "Use the retake photo button if you are not pleased with your photo" ) %></li>
</ul> </ul>
......
lms/templates/verify_student/intro_step.underscore
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<li class="req req-0 req-activate"> <li class="req req-0 req-activate">
<h4 class="title"><%- gettext( "Activate Your Account" ) %></h4> <h4 class="title"><%- gettext( "Activate Your Account" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-envelope-alt"></i> <i class="icon fa fa-envelope-o"></i>
</div> </div>
<div class="copy"> <div class="copy">
...@@ -39,9 +39,9 @@ ...@@ -39,9 +39,9 @@
<% if ( requirements['photo-id-required'] ) { %> <% if ( requirements['photo-id-required'] ) { %>
<li class="req req-1 req-id"> <li class="req req-1 req-id">
<h4 class="title"><%- gettext( "Photo ID" ) %></h4> <h4 class="title"><%- gettext( "Photo ID" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art fa-lg">
<i class="icon-list-alt icon-under"></i> <i class="icon fa fa-list-alt fa-stack-2x"></i>
<i class="icon-user icon-over"></i> <i class="icon fa fa-user id-photo fa-stack-1x"></i>
</div> </div>
<div class="copy"> <div class="copy">
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
<li class="req req-2 req-webcam"> <li class="req req-2 req-webcam">
<h4 class="title"><%- gettext( "Webcam" ) %></h4> <h4 class="title"><%- gettext( "Webcam" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-facetime-video"></i> <i class="icon fa fa-video-camera"></i>
</div> </div>
<div class="copy"></div> <div class="copy"></div>
......
lms/templates/verify_student/make_payment_step.underscore
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
<li class="req req-0 req-activate"> <li class="req req-0 req-activate">
<h4 class="title"><%- gettext( "Activate Your Account" ) %></h4> <h4 class="title"><%- gettext( "Activate Your Account" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-envelope-alt"></i> <i class="icon fa fa-envelope-o"></i>
</div> </div>
<div class="copy"> <div class="copy">
...@@ -134,9 +134,9 @@ ...@@ -134,9 +134,9 @@
<% if ( requirements['photo-id-required'] ) { %> <% if ( requirements['photo-id-required'] ) { %>
<li class="req req-1 req-id"> <li class="req req-1 req-id">
<h4 class="title"><%- gettext( "Government-Issued Photo ID" ) %></h4> <h4 class="title"><%- gettext( "Government-Issued Photo ID" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art fa-lg">
<i class="icon-list-alt icon-under"></i> <i class="icon fa fa-list-alt fa-stack-2x"></i>
<i class="icon-user icon-over"></i> <i class="icon fa fa-user id-photo fa-stack-1x"></i>
</div> </div>
<div class="copy"></div> <div class="copy"></div>
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
<li class="req req-2 req-webcam"> <li class="req req-2 req-webcam">
<h4 class="title"><%- gettext( "Webcam" ) %></h4> <h4 class="title"><%- gettext( "Webcam" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-facetime-video"></i> <i class="icon fa fa-video-camera"></i>
</div> </div>
<div class="copy"></div> <div class="copy"></div>
......
lms/templates/verify_student/payment_confirmation_step.underscore
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
<li class="req req-0 req-activate"> <li class="req req-0 req-activate">
<h4 class="title"><%- gettext( "Activate Your Account" ) %></h4> <h4 class="title"><%- gettext( "Activate Your Account" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-envelope-alt"></i> <i class="icon fa fa-envelope-o"></i>
</div> </div>
<div class="copy"> <div class="copy">
...@@ -103,9 +103,9 @@ ...@@ -103,9 +103,9 @@
<% if ( requirements['photo-id-required'] ) { %> <% if ( requirements['photo-id-required'] ) { %>
<li class="req req-1 req-id"> <li class="req req-1 req-id">
<h4 class="title"><%- gettext( "Photo ID" ) %></h4> <h4 class="title"><%- gettext( "Photo ID" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art fa-lg">
<i class="icon-list-alt icon-under"></i> <i class="icon fa fa-list-alt fa-stack-2x"></i>
<i class="icon-user icon-over"></i> <i class="icon fa fa-user id-photo fa-stack-1x"></i>
</div> </div>
<div class="copy"> <div class="copy">
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
<li class="req req-2 req-webcam"> <li class="req req-2 req-webcam">
<h4 class="title"><%- gettext( "Webcam" ) %></h4> <h4 class="title"><%- gettext( "Webcam" ) %></h4>
<div class="placeholder-art"> <div class="placeholder-art">
<i class="icon-facetime-video"></i> <i class="icon fa fa-video-camera"></i>
</div> </div>
<div class="copy"></div> <div class="copy"></div>
......
lms/templates/verify_student/webcam_photo.underscore
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
<div class="control control-do is-hidden" id="webcam_capture_button"> <div class="control control-do is-hidden" id="webcam_capture_button">
<a class="action action-do"> <a class="action action-do">
<i class="icon-camera"></i> <span class="sr"><%- gettext( "Take Photo" ) %></span> <i class="icon fa fa-camera"></i> <span class="sr"><%- gettext( "Take Photo" ) %></span>
</a> </a>
</div> </div>
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment