Skip to content
Snippets Groups Projects
Commit c1f79317 authored by ssemenova's avatar ssemenova
Browse files

change icon tags from i to span

TNL-4692
parent faa7f544
No related merge requests found
Showing
with 69 additions and 156 deletions
......@@ -34,10 +34,10 @@ define([
usageUnit: '.group-configuration-usage-unit',
usageUnitAnchor: '.group-configuration-usage-unit a',
usageUnitMessage: '.group-configuration-validation-message',
usageUnitWarningIcon: '.group-configuration-usage-unit i.fa-warning',
usageUnitErrorIcon: '.group-configuration-usage-unit i.fa-exclamation-circle',
usageUnitWarningIcon: '.group-configuration-usage-unit .fa-warning',
usageUnitErrorIcon: '.group-configuration-usage-unit .fa-exclamation-circle',
warningMessage: '.group-configuration-validation-text',
warningIcon: '.wrapper-group-configuration-validation > i',
warningIcon: '.wrapper-group-configuration-validation > .fa-warning',
note: '.wrapper-delete-button'
};
......
......@@ -519,7 +519,7 @@ define(["jquery", "underscore", "underscore.string", "common/js/spec_helpers/aja
var getButtonIcon, getButtonText;
getButtonIcon = function (containerPage) {
return containerPage.$('.action-toggle-preview i');
return containerPage.$('.action-toggle-preview .fa');
};
getButtonText = function (containerPage) {
......
......@@ -443,9 +443,9 @@ define(["jquery", "underscore", "underscore.string", "common/js/spec_helpers/aja
verifyExplicitStaffOnly = function(isStaffOnly) {
if (isStaffOnly) {
expect(containerPage.$('.action-staff-lock i')).toHaveClass('fa-check-square-o');
expect(containerPage.$('.action-staff-lock .fa')).toHaveClass('fa-check-square-o');
} else {
expect(containerPage.$('.action-staff-lock i')).toHaveClass('fa-square-o');
expect(containerPage.$('.action-staff-lock .fa')).toHaveClass('fa-square-o');
}
};
......
......@@ -50,7 +50,7 @@ define(["domReady", "jquery", "underscore", "js/views/utils/create_course_utils"
// Go into creating re-run state
$('.rerun-course-save').addClass('is-disabled').attr('aria-disabled', true).addClass('is-processing').html(
'<i class="icon fa fa-refresh fa-spin"></i>' + gettext('Processing Re-run Request')
'<span class="icon fa fa-refresh fa-spin" aria-hidden="true"></span>' + gettext('Processing Re-run Request') //jshint ignore:line
);
$('.action-cancel').addClass('is-hidden');
};
......
......@@ -287,8 +287,8 @@ function(BaseView, _, MetadataModel, AbstractEditor, FileUpload, UploadDialog,
_.each(value, function(ele, index) {
var template = _.template(
'<li class="list-settings-item">' +
'<input type="text" class="input" value="<%= ele %>">' +
'<a href="#" class="remove-action remove-setting" data-index="<%= index %>"><i class="icon fa fa-times-circle" aria-hidden="true"></i><span class="sr">Remove</span></a>' +
'<input type="text" class="input" value="<%- ele %>">' +
'<a href="#" class="remove-action remove-setting" data-index="<%- index %>"><span class="icon fa fa-times-circle" aria-hidden="true"></span><span class="sr">' + gettext('Remove') + '</span></a>' + //jshint ignore:line
'</li>'
);
list.append($(template({'ele': ele, 'index': index})));
......@@ -455,7 +455,7 @@ function(BaseView, _, MetadataModel, AbstractEditor, FileUpload, UploadDialog,
'<li class="list-settings-item">' +
'<input type="text" class="input input-key" value="<%= key %>">' +
'<input type="text" class="input input-value" value="<%= value %>">' +
'<a href="#" class="remove-action remove-setting" data-value="<%= value %>"><i class="icon fa fa-times-circle" aria-hidden="true"></i><span class="sr">Remove</span></a>' +
'<a href="#" class="remove-action remove-setting" data-value="<%= value %>"><span class="icon fa fa-times-circle" aria-hidden="true"></span><span class="sr">Remove</span></a>' + //jshint ignore:line
'</li>'
);
......
define(["js/views/baseview", "underscore", "gettext", "js/models/assignment_grade", "common/js/components/views/feedback_notification"],
function(BaseView, _, gettext, AssignmentGrade, NotificationView) {
var l10nNotGraded = gettext('Not Graded');
var OverviewAssignmentGrader = BaseView.extend({
// instantiate w/ { graders : CourseGraderCollection, el : <the gradable-status div> }
events : {
"click .menu-toggle" : "showGradeMenu",
"click .menu li" : "selectGradeType"
},
initialize : function() {
// call template w/ {assignmentType : formatname, graders : CourseGraderCollection instance }
this.template = _.template(
// TODO move to a template file
'<h4 class="status-label"><%= assignmentType %></h4>' +
'<a data-tooltip="Mark/unmark this subsection as graded" class="menu-toggle" href="#">' +
'<% if (!hideSymbol) {%><i class="icon fa fa-check"></i><%};%>' +
'</a>' +
'<ul class="menu">' +
'<% graders.each(function(option) { %>' +
'<li><a <% if (option.get("type") == assignmentType) {%>class="is-selected" <%}%> href="#"><%= option.get("type") %></a></li>' +
'<% }) %>' +
'<li><a class="gradable-status-notgraded" href="#">' +
l10nNotGraded +
'</a></li>' +
'</ul>');
this.assignmentGrade = new AssignmentGrade({
locator : this.$el.closest('.id-holder').data('locator'),
graderType : this.$el.data('initial-status')});
// TODO throw exception if graders is null
this.graders = this.options['graders'];
var cachethis = this;
// defining here to get closure around this
this.removeMenu = function(e) {
e.preventDefault();
cachethis.$el.removeClass('is-active');
$(document).off('click', cachethis.removeMenu);
};
this.hideSymbol = this.options['hideSymbol'];
this.render();
},
render : function() {
var graderType = this.assignmentGrade.get('graderType');
this.$el.html(this.template(
{
assignmentType : (graderType == 'notgraded') ? l10nNotGraded : graderType,
graders : this.graders,
hideSymbol : this.hideSymbol
}
));
if (this.assignmentGrade.has('graderType') && this.assignmentGrade.get('graderType') != "notgraded") {
this.$el.addClass('is-set');
}
else {
this.$el.removeClass('is-set');
}
},
showGradeMenu : function(e) {
e.preventDefault();
// I sure hope this doesn't break anything but it's needed to keep the removeMenu from activating
e.stopPropagation();
// nasty global event trap :-(
$(document).on('click', this.removeMenu);
this.$el.addClass('is-active');
},
selectGradeType : function(e) {
e.preventDefault();
this.removeMenu(e);
var saving = new NotificationView.Mini({
title: gettext('Saving')
});
saving.show();
// TODO I'm not happy with this string fetch via the html for what should be an id. I'd rather use the id attr
// of the CourseGradingPolicy model or null for notgraded (NOTE, change template's if check for is-selected accordingly)
this.assignmentGrade.save(
'graderType',
($(e.target).hasClass('gradable-status-notgraded')) ? 'notgraded' : $(e.target).text(),
{success: function () { saving.hide(); }}
);
this.render();
}
});
return OverviewAssignmentGrader;
});
......@@ -44,7 +44,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button upload-button new-button"><i class="icon fa fa-plus"></i> ${_("Upload New File")}</a>
<a href="#" class="button upload-button new-button"><span class="icon fa fa-plus" aria-hidden="true"></span> ${_("Upload New File")}</a>
</li>
</ul>
</nav>
......@@ -56,7 +56,7 @@
<article class="content-primary" role="main">
<div class="wrapper-assets" />
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
</article>
......@@ -88,7 +88,7 @@
</div>
<div class="upload-modal modal">
<a href="#" class="close-button"><i class="icon fa fa-times-circle"></i> <span class="sr">${_('close')}</span></a>
<a href="#" class="close-button"><span class="icon fa fa-times-circle" aria-hidden="true"></span> <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>
......@@ -115,14 +115,14 @@
<!-- alert: save confirmed with close -->
<div class="wrapper wrapper-alert wrapper-alert-confirmation" role="status">
<div class="alert confirmation">
<i class="icon fa fa-check"></i>
<span class="icon fa fa-check" aria-hidden="true"></span>
<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 fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">${_('close alert')}</span>
</a>
</div>
......
......@@ -76,7 +76,7 @@ CMS.User.isGlobalStaff = '${is_global_staff}'=='True' ? true : false;
</div>
% else:
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh" aria-hidden="true"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
% endif
</div>
......
......@@ -9,19 +9,19 @@
<ul class="component-actions">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<i class="icon fa fa-pencil"></i>
<span class="icon fa fa-pencil" aria-hidden="true"></span>
<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 fa fa-copy"></i>
<span class="icon fa fa-copy" aria-hidden="true"></span>
<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 fa fa-trash-o"></i>
<span class="icon fa fa-trash-o" aria-hidden="true"></span>
<span class="sr">${_("Delete this component")}</span>
</a>
</li>
......
......@@ -90,7 +90,7 @@ from openedx.core.djangolib.markup import HTML, Text
% else:
<li class="action-item action-edit nav-item">
<a href="#" class="button button-edit action-button edit-button">
<i class="icon fa fa-pencil"></i>
<span class="icon fa fa-pencil" aria-hidden="true"></span>
<span class="action-button-text">${_("Edit")}</span>
</a>
</li>
......@@ -109,7 +109,7 @@ from openedx.core.djangolib.markup import HTML, Text
<section class="wrapper-xblock level-page is-hidden studio-xblock-wrapper" data-locator="${xblock_locator}" data-course-key="${xblock_locator.course_key}">
</section>
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">
......
......@@ -45,7 +45,7 @@ from openedx.core.djangolib.js_utils import (
<h3 class="sr">${_('Page Actions')}</h3>
<ul>
<li class="nav-item">
<a href="#" class=" button new-button new-update-button"><i class="icon fa fa-plus"></i> ${_('New Update')}</a>
<a href="#" class=" button new-button new-update-button"><span class="icon fa fa-plus" aria-hidden="true"></span> ${_('New Update')}</a>
</li>
</ul>
</nav>
......
......@@ -37,7 +37,7 @@ from openedx.core.djangolib.markup import HTML, Text
%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 fa fa-bullhorn"></i>
<span class="feedback-symbol fa fa-bullhorn" aria-hidden="true"></span>
<div class="copy">
<h2 class="title title-3">${_("This course was created as a re-run. Some manual configuration is needed.")}</h2>
......@@ -48,7 +48,7 @@ from openedx.core.djangolib.markup import HTML, Text
<ul class="nav-actions">
<li class="action action-dismiss">
<a href="#" class="button dismiss-button" data-dismiss-link='${notification_dismiss_url}'>
<i class="icon fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="button-copy">${_("Dismiss")}</span>
</a>
</li>
......@@ -60,7 +60,7 @@ from openedx.core.djangolib.markup import HTML, Text
%if deprecated_blocks_info.get('blocks') or deprecated_blocks_info.get('block_types_enabled'):
<div class="wrapper wrapper-alert wrapper-alert-error is-shown">
<div class="alert announcement">
<i class="feedback-symbol fa fa-warning" aria-hidden="true"></i><span class="sr">${_("Warning")}</span>
<span class="feedback-symbol fa fa-warning" aria-hidden="true"></span><span class="sr">${_("Warning")}</span>
<div class="copy">
<h2 class="title title-3 warning-heading-text">${_("This course uses features that are no longer supported.")}</h2>
......@@ -122,20 +122,20 @@ from openedx.core.djangolib.markup import HTML, Text
<ul>
<li class="nav-item">
<a href="#" class="button button-new" data-category="chapter" data-parent="${context_course.location}" data-default-name="${_('Section')}" title="${_('Click to add a new section')}">
<i class="icon fa fa-plus"></i>${_('New Section')}
<span class="icon fa fa-plus" aria-hidden="true"></span>${_('New Section')}
</a>
</li>
%if reindex_link:
<li class="nav-item">
<a href="${reindex_link}" class="button button-reindex" data-category="reindex" title="${_('Reindex current course')}">
<i class="icon-arrow-right"></i>${_('Reindex')}
<span class="icon-arrow-right" aria-hidden="true"></span>${_('Reindex')}
</a>
</li>
%endif
<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 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>
<span class="collapse-all"><span class="icon fa fa-arrow-up" aria-hidden="true"></span> <span class="label">${_("Collapse All Sections")}</span></span>
<span class="expand-all"><span class="icon fa fa-arrow-down" aria-hidden="true"></span> <span class="label">${_("Expand All Sections")}</span></span>
</a>
</li>
<li class="nav-item">
......@@ -158,7 +158,7 @@ from openedx.core.djangolib.markup import HTML, Text
<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 fa fa-pencil"></i>
<span class="icon fa fa-pencil" aria-hidden="true"></span>
<span class="action-button-text sr">${_("Edit Start Date")}</span>
</a>
</li>
......@@ -185,7 +185,7 @@ from openedx.core.djangolib.markup import HTML, Text
</article>
</div>
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
</article>
<aside class="content-supplementary" role="complementary">
......
......@@ -38,7 +38,7 @@
<h3 class="sr">${_("Page Actions")}</h3>
<ul>
<li class="nav-item">
<a href="#" class="button new-button new-tab"><i class="icon fa fa-plus"></i> ${_("New Page")}</a>
<a href="#" class="button new-button new-tab"><span class="icon fa fa-plus" aria-hidden="true"></span> ${_("New Page")}</a>
</li>
<li class="nav-item">
<a href="${lms_link}" rel="external" class="button view-button view-live-button">${_("View Live")}</a>
......@@ -106,7 +106,7 @@
% else:
<input type="checkbox" class="toggle-checkbox" data-tooltip="${_('Show/hide page')}" />
% endif
<div class="action-button"><i class="icon fa fa-eye"></i><i class="icon fa fa-eye-slash"></i></div>
<div class="action-button"><span class="icon fa fa-eye" aria-hidden="true"></span><span class="icon fa fa-eye-slash"></span></div>
</li>
% endif
......@@ -132,7 +132,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 fa fa-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"><span class="icon fa fa-plus" aria-hidden="true"></span>${_("Add a New Page")}</a></p>
</div>
</article>
</div>
......@@ -164,7 +164,7 @@
</figure>
<a href="#" rel="view" class="action action-modal-close">
<i class="icon fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">${_("close modal")}</span>
</a>
</div>
......
......@@ -94,7 +94,7 @@ else:
<ul class="list-actions">
<li class="item-action">
<a class="action action-export action-primary" href="${export_url}">
<i class="icon fa fa-arrow-circle-o-down"></i>
<span class="icon fa fa-arrow-circle-o-down" aria-hidden="true"></span>
<span class="copy">
%if library:
${_("Export Library Content")}
......
......@@ -40,7 +40,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 fa fa-arrow-circle-o-down"></i>
<span class="icon fa fa-arrow-circle-o-down" aria-hidden="true"></span>
<span class="copy">${_("Export to Git")}</span>
</a>
</li>
......
......@@ -51,7 +51,7 @@ from openedx.core.djangolib.markup import HTML, Text
<div class="wrapper-groups content-groups">
<h3 class="title">${_("Content Groups")}</h3>
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
</div>
......@@ -66,7 +66,7 @@ from openedx.core.djangolib.markup import HTML, Text
</div>
% else:
<div class="ui-loading">
<p><span class="spin"><i class="icon fa fa-refresh"></i></span> <span class="copy">${_("Loading")}</span></p>
<p><span class="spin"><span class="icon fa fa-refresh" aria-hidden="true"></span></span> <span class="copy">${_("Loading")}</span></p>
</div>
% endif
</div>
......
......@@ -39,7 +39,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 fa fa-search-plus"></i>
<span class="icon fa fa-search-plus" aria-hidden="true"></span><span class="sr">${_("Enlarge image")}</span>
</span>
</a>
</figure>
......@@ -84,7 +84,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 fa fa-search-plus"></i>
<span class="icon fa fa-search-plus" aria-hidden="true"></span><span class="sr">${_("Enlarge image")}</span>
</span>
</a>
</figure>
......@@ -118,7 +118,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 fa fa-search-plus"></i>
<span class="icon fa fa-search-plus" aria-hidden="true"></span><span class="sr">${_("Enlarge image")}</span>
</span>
</a>
</figure>
......@@ -178,7 +178,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">${_("close modal")}</span>
</a>
</div>
......@@ -191,7 +191,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">${_("close modal")}</span>
</a>
</div>
......@@ -204,7 +204,7 @@
</figure>
<a href="" rel="view" class="action action-modal-close">
<i class="icon fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="label">${_("close modal")}</span>
</a>
</div>
......
......@@ -7,7 +7,7 @@
<div class="copy">
<h2 class="title">
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-warning" aria-hidden="true"></span>
${_("We're having trouble rendering your component")}
</h2>
......
......@@ -69,7 +69,7 @@ else:
<p class="error-block"></p>
<a href="#" class="action action-choose-file choose-file-button">
<i class="icon fa fa-upload"></i>
<span class="icon fa fa-upload" aria-hidden="true"></span>
<span class="copy">${_("Choose a File to Import")}</span>
</a>
......@@ -102,8 +102,8 @@ else:
<ol class="status-progress list-progress">
<li class="item-progresspoint item-progresspoint-upload is-complete">
<span class="deco status-visual">
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-cog" aria-hidden="true"></span>
<span class="icon fa fa-warning" aria-hidden="true"></span>
</span>
<div class="status-detail">
......@@ -117,8 +117,8 @@ else:
<li class="item-progresspoint item-progresspoint-unpack is-started">
<span class="deco status-visual">
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-cog" aria-hidden="true"></span>
<span class="icon fa fa-warning" aria-hidden="true"v></span>
</span>
<div class="status-detail">
......@@ -130,8 +130,8 @@ else:
<li class="item-progresspoint item-progresspoint-verify is-not-started">
<span class="deco status-visual">
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-cog" aria-hidden="true"></span>
<span class="icon fa fa-warning" aria-hidden="true"></span>
</span>
<div class="status-detail">
......@@ -142,8 +142,8 @@ else:
<li class="item-progresspoint item-progresspoint-import is-not-started">
<span class="deco status-visual">
<i class="icon fa fa-cog"></i>
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-cog" aria-hidden="true"></span>
<span class="icon fa fa-warning" aria-hidden="true"></span>
</span>
<div class="status-detail">
......@@ -165,7 +165,7 @@ else:
</li>
<li class="item-progresspoint item-progresspoint-success has-actions is-not-started">
<span class="deco status-visual">
<i class="icon fa fa-square-o"></i>
<span class="icon fa fa-square-o" aria-hidden="true"></span>
</span>
<div class="status-detail">
......
......@@ -28,19 +28,19 @@ from openedx.core.djangolib.markup import HTML, Text
<ul>
<li class="nav-item">
% if course_creator_status=='granted':
<a href="#" class="button new-button new-course-button"><i class="icon fa fa-plus icon-inline"></i>
<a href="#" class="button new-button new-course-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
${_("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>
% endif
% if show_new_library_button:
<a href="#" class="button new-button new-library-button"><i class="icon fa fa-plus icon-inline"></i>
<a href="#" class="button new-button new-library-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
${_("New Library")}</a>
% endif
% if is_programs_enabled:
<a href=${program_authoring_url + 'new'} class="button new-button new-program-button"><i class="icon fa fa-plus icon-inline"></i>
<a href=${program_authoring_url + 'new'} class="button new-button new-program-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span>
${_("New Program")}</a>
% endif
</li>
......@@ -220,7 +220,7 @@ from openedx.core.djangolib.markup import HTML, Text
<dl class="course-status">
<dt class="label sr">${_("This course run is currently being created.")}</dt>
<dd class="value">
<i class="icon fa fa-refresh fa-spin"></i>
<span class="icon fa fa-refresh fa-spin" aria-hidden="true"></span>
## 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
......@@ -270,7 +270,7 @@ from openedx.core.djangolib.markup import HTML, Text
## the process will follow this text.
<dt class="label sr">${_("This re-run processing status:")}</dt>
<dd class="value">
<i class="icon fa fa-warning"></i>
<span class="icon fa fa-warning" aria-hidden="true"></span>
<span class="copy">${_("Configuration Error")}</span>
</dd>
</dl>
......@@ -282,7 +282,7 @@ from openedx.core.djangolib.markup import HTML, Text
<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 fa fa-times-circle"></i>
<span class="icon fa fa-times-circle" aria-hidden="true"></span>
<span class="button-copy">${_("Dismiss")}</span>
</a>
</li>
......@@ -368,7 +368,7 @@ from openedx.core.djangolib.markup import HTML, Text
<ul class="list-actions">
<li class="action-item">
<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>
<a href="#" class="action-primary action-create action-create-course new-course-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span> ${_('Create Your First Course')}</a>
</li>
</ul>
</div>
......@@ -381,7 +381,7 @@ from openedx.core.djangolib.markup import HTML, Text
%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 fa fa-times-circle"></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> <span class="icon fa fa-times-circle" aria-hidden="true"></span></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
......@@ -395,7 +395,7 @@ from openedx.core.djangolib.markup import HTML, Text
<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 fa fa-cog icon-inline fa fa-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"><span class="icon fa fa-cog icon-inline fa fa-spin" aria-hidden="true"></span> <span class="label">${_('Request the Ability to Create Courses')}</span></button>
</div>
</form>
</div>
......@@ -405,7 +405,7 @@ from openedx.core.djangolib.markup import HTML, Text
%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 fa fa-times-circle"></i></a>
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <span class="icon fa fa-times-circle" aria-hidden="true"></span></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
......@@ -433,7 +433,7 @@ from openedx.core.djangolib.markup import HTML, Text
%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 fa fa-times-circle"></i></a>
<a href="#instruction-creationrights" class="ui-toggle-control current show-creationrights"><span class="label">${_('Your Course Creator Request Status')}</span> <span class="icon fa fa-times-circle" aria-hidden="true"></span></a>
</h3>
<div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
......@@ -508,7 +508,7 @@ from openedx.core.djangolib.markup import HTML, Text
<ul class="list-actions">
<li class="action-item">
<a href="#" class="action-primary action-create new-button action-create-library new-library-button"><i class="icon fa fa-plus icon-inline"></i> ${_('Create Your First Library')}</a>
<a href="#" class="action-primary action-create new-button action-create-library new-library-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span> ${_('Create Your First Library')}</a>
</li>
</ul>
</div>
......@@ -553,7 +553,7 @@ from openedx.core.djangolib.markup import HTML, Text
<ul class="list-actions">
<li class="action-item">
<a href=${program_authoring_url + 'new'} class="action-primary action-create new-button action-create-program new-program-button"><i class="icon fa fa-plus icon-inline"></i> ${_('Create Your First Program')}</a>
<a href=${program_authoring_url + 'new'} class="action-primary action-create new-button action-create-program new-program-button"><span class="icon fa fa-plus icon-inline" aria-hidden="true"></span> ${_('Create Your First Program')}</a>
</li>
</ul>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment