WIP - Upgrade: Font Awesome to 4.2.0

cms/templates/asset_index.html

@@ -79,7 +79,7 @@ <h3 class="title-3">${_("Using File URLs")}</h3>
 </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-times-circle"></i> <span class="sr">${_('close')}</span></a>
     <div class="modal-body">
         <h1 class="title">${_("Upload New File")}</h1>
         <p class="file-name">
@@ -105,14 +105,14 @@ <h1 class="title">${_("Upload New File")}</h1>
 <!-- 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-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-times-circle"></i>
             <span class="label">${_('close alert')}</span>
         </a>
     </div>

cms/templates/component.html

@@ -20,7 +20,7 @@
       </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-trash-o"></i>
             <span class="sr">${_("Delete this component")}</span>
         </a>
       </li>

cms/templates/course_outline.html

@@ -42,7 +42,7 @@ <h2 class="title title-3">${_("This course was created as a re-run. Some manual
       <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 icon-times-circle"></i>
             <span class="button-copy">${_("Dismiss")}</span>
           </a>
         </li>

cms/templates/edit-tabs.html

@@ -105,7 +105,7 @@ <h3 class="title">${_(tab.name)}</h3>
                             % 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-eye"></i><i class="icon-eye-slash"></i></div>
                           </li>
                         % endif
 
@@ -163,7 +163,7 @@ <h3 class="title">${_("Pages in Your Course")}</h3>
   </figure>
 
   <a href="#" rel="view" class="action action-modal-close">
-    <i class="icon-remove-sign"></i>
+    <i class="icon-times-circle"></i>
     <span class="label">${_("close modal")}</span>
   </a>
 </div>

cms/templates/export.html

@@ -51,7 +51,7 @@ <h2 class="title">${_("Export My Course Content")}</h2>
         <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-arrow-circle-o-down"></i>
               <span class="copy">${_("Export Course Content")}</span>
             </a>
           </li>

cms/templates/export_git.html

@@ -39,7 +39,7 @@ <h2 class="title">${_("Export Course to Git:")}</h2>
         <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-arrow-circle-o-down"></i>
               <span class="copy">${_("Export to Git")}</span>
             </a>
           </li>

cms/templates/howitworks.html

@@ -34,7 +34,7 @@ <h2 class="sr">${_("Studio's Many Features")}</h2>
             <img src="${static.url("images/thumb-hiw-feature1.png")}" alt="${_('Studio Helps You Keep Your Courses Organized')}" />
             <figcaption class="sr">${_("Studio Helps You Keep Your Courses Organized")}</figcaption>
             <span class="action-zoom">
-              <i class="icon-zoom-in"></i>
+              <i class="icon-search-plus"></i>
             </span>
           </a>
         </figure>
@@ -68,7 +68,7 @@ <h4 class="title">${_("Go A Week Or A Semester At A Time")}</h4>
           <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-search-plus"></i>
           </span>
         </a>
         </figure>
@@ -102,7 +102,7 @@ <h4 class="title">${_("A Broad Library of Problem Types")}</h4>
             <img src="${static.url("images/thumb-hiw-feature3.png")}" alt="${_('Studio Gives You Simple, Fast, and Incremental Publishing. With Friends.')}" />
             <figcaption class="sr">${_("Studio Gives You Simple, Fast, and Incremental Publishing. With Friends.")}</figcaption>
             <span class="action-zoom">
-              <i class="icon-zoom-in"></i>
+              <i class="icon-search-plus"></i>
             </span>
           </a>
         </figure>
@@ -158,7 +158,7 @@ <h3 class="title">${_("Outlining Your Course")}</h3>
   </figure>
 
   <a href="" rel="view" class="action action-modal-close">
-    <i class="icon-remove-sign"></i>
+    <i class="icon-times-circle"></i>
     <span class="label">${_("close modal")}</span>
   </a>
 </div>
@@ -171,7 +171,7 @@ <h3 class="title">${_("More than Just Lectures")}</h3>
   </figure>
 
   <a href="" rel="view" class="action action-modal-close">
-    <i class="icon-remove-sign"></i>
+    <i class="icon-times-circle"></i>
     <span class="label">${_("close modal")}</span>
   </a>
 </div>
@@ -184,7 +184,7 @@ <h3 class="title">${_("Publishing on Date")}</h3>
   </figure>
 
   <a href="" rel="view" class="action action-modal-close">
-    <i class="icon-remove-sign"></i>
+    <i class="icon-times-circle"></i>
     <span class="label">${_("close modal")}</span>
   </a>
 </div>

cms/templates/html_error.html

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

cms/templates/import.html

@@ -36,7 +36,7 @@ <h2 class="title">${_("Select a .tar.gz File to Replace Your Course Content")}</
         <p class="error-block"></p>
 
         <a href="#" class="action action-choose-file choose-file-button">
-          <i class="icon-upload"></i>
+          <i class="icon-arrow-circle-o-up"></i>
           <span class="copy">${_("Choose a File to Import")}</span>
         </a>
 
@@ -58,7 +58,7 @@ <h3 class="title">${_("Course Import Status")}</h3>
             <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-warning"></i>
               </span>
 
               <div class="status-detail">
@@ -73,7 +73,7 @@ <h3 class="title">${_("Uploading")}</h3>
             <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-warning"></i>
               </span>
 
               <div class="status-detail">
@@ -86,7 +86,7 @@ <h3 class="title">${_("Unpacking")}</h3>
             <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-warning"></i>
               </span>
 
               <div class="status-detail">
@@ -98,7 +98,7 @@ <h3 class="title">${_("Verifying")}</h3>
             <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-warning"></i>
               </span>
 
               <div class="status-detail">
@@ -108,7 +108,7 @@ <h3 class="title">${_("Updating Course")}</h3>
             </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-square-o"></i>
               </span>
 
               <div class="status-detail">

cms/templates/index.html

@@ -183,7 +183,7 @@ <h3 class="course-title">${course_info['display_name']}</h3>
                 <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 icon-warning"></i>
                     <span class="copy">Configuration Error</span>
                   </dd>
                 </dl>
@@ -195,7 +195,7 @@ <h3 class="course-title">${course_info['display_name']}</h3>
                 <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 icon-times-circle"></i>
                       <span class="button-copy">${_("Dismiss")}</span>
                     </a>
                   </li>
@@ -283,7 +283,7 @@ <h3 class="title">${_('Create Your First Course')}</h3>
       %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')}</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')}</span> <i class="icon-times-circle"></i></a>
         </h3>
 
         <div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
@@ -306,7 +306,7 @@ <h4 class="title">${_('Your Course Creator Request Status:')}</h4>
       %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-times-circle"></i></a>
         </h3>
 
         <div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">
@@ -332,7 +332,7 @@ <h4 class="title">${_('Your Course Creator Request Status:')}</h4>
       %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-times-circle"></i></a>
         </h3>
 
         <div class="notice notice-incontext notice-instruction notice-instruction-creationrights ui-toggle-target" id="instruction-creationrights">

cms/templates/js/asset-upload-modal.underscore

@@ -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-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">

cms/templates/js/asset.underscore

@@ -22,7 +22,7 @@
 <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-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>

cms/templates/js/checklist.underscore

@@ -15,7 +15,7 @@
             <%= 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-check-square-o"></i>
               </span>
     </header>
 

cms/templates/js/container-message.underscore

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

cms/templates/js/course-outline.underscore

@@ -23,9 +23,9 @@ if (staffOnlyMessage) {
 
 var statusIconClass = '';
 if (statusType === 'warning') {
-    statusIconClass = 'icon-file-alt';
+    statusIconClass = 'icon-file-o';
 } else if (statusType === 'error') {
-    statusIconClass = 'icon-warning-sign';
+    statusIconClass = 'icon-warning';
 } else if (statusType === 'staff-only') {
     statusIconClass = 'icon-lock';
 }
@@ -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 icon-arrow-circle-o-up"></i>
                             <span class="sr action-button-text"><%= gettext('Publish') %></span>
                         </a>
                     </li>
@@ -80,7 +80,7 @@ if (xblockInfo.get('graded')) {
                 <% } %>
                 <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 icon-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 icon-check-square-o"></i>
                             <%= gettext('Released:') %>
                         <% } else if (xblockInfo.get('release_date')) { %>
-                            <i class="icon icon-time"></i>
+                            <i class="icon icon-clock-o"></i>
                             <%= gettext('Scheduled:') %>
                         <% } else { %>
-                            <i class="icon icon-time"></i>
+                            <i class="icon icon-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 icon-square-o"></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>

cms/templates/js/edit-chapter.underscore

@@ -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-times-circle"></i> <span class="sr"><%= gettext("delete chapter") %></span></a>

cms/templates/js/group-configuration-details.underscore

@@ -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-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"><i class="icon-trash"></i><span><%= gettext("Delete") %></span></button>
+                <button class="delete action-icon is-disabled"><i class="icon-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-warning"></i>
                 <% } else if (unit.validation.type === 'error') { %>
-                  <i class="icon-exclamation-sign"></i>
+                  <i class="icon-exclamation-circle"></i>
                 <% } %>
                 <span class="group-configuration-validation-message">
                   <%= unit.validation.text %>

cms/templates/js/group-configuration-edit.underscore

@@ -34,7 +34,7 @@
         </fieldset>
         <% if (!_.isEmpty(usage)) { %>
             <div class="wrapper-group-configuration-validation">
-                <i class="icon-warning-sign"></i>
+                <i class="icon-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>

cms/templates/js/group-edit.underscore

@@ -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-times-circle"></i> <span class="sr"><%= gettext("delete group") %></span></a>