Merge pull request #13224 from Stanford-Online/giulio/capa-loading-spinner-upstream

Add font awesome loading spinner to CAPA problems
This commit is contained in:
Albert (AJ) St. Aubin
2016-09-15 09:17:56 -04:00
committed by GitHub
2 changed files with 14 additions and 1 deletions

View File

@@ -1523,3 +1523,10 @@ div.problem .annotation-input {
background: url('#{$static-path}/images/partially-correct-icon.png') center center no-repeat;
}
}
// Loading Spinner
// ====================
.problems-wrapper .loading-spinner {
text-align: center;
color: $gray-d1;
}

View File

@@ -1 +1,7 @@
<div id="problem_${element_id}" class="problems-wrapper" data-problem-id="${id}" data-url="${ajax_url}" data-progress_status="${progress_status}" data-progress_detail="${progress_detail}" data-content="${content | h}"></div>
<%! from django.utils.translation import ugettext as _ %>
<div id="problem_${element_id}" class="problems-wrapper" data-problem-id="${id}" data-url="${ajax_url}" data-progress_status="${progress_status}" data-progress_detail="${progress_detail}" data-content="${content | h}">
<p class="loading-spinner">
<span class="icon fa fa-spinner fa-pulse fa-2x fa-fw" aria-hidden="true"></span>
<span class="sr">${_('Loading')}</span>
</p>
</div>