67 lines
2.7 KiB
HTML
67 lines
2.7 KiB
HTML
<%inherit file="base.html" />
|
|
<%namespace name='static' file='static_content.html'/>
|
|
|
|
<%! from django.core.urlresolvers import reverse %>
|
|
<%block name="title">Import</%block>
|
|
<%block name="bodyclass">import</%block>
|
|
|
|
<%block name="content">
|
|
<div class="main-wrapper">
|
|
<div class="inner-wrapper">
|
|
<h1>Import</h1>
|
|
<article class="import-overview">
|
|
<div class="description">
|
|
<h3>Importing a new course will delete all course content currently associated with your course
|
|
and replace it with the contents of the uploaded file.</h3>
|
|
<p>File uploads must be zip files containing, at a minimum, a <code>course.xml</code> file.</p>
|
|
<p>Please note that if your course has any problems with auto-generated <code>url_name</code> nodes,
|
|
re-importing your course could cause the loss of student data associated with those problems.</p>
|
|
</div>
|
|
<form action="${reverse('import_course', kwargs=dict(org=context_course.location.org, course=context_course.location.course, name=context_course.location.name))}" method="post" enctype="multipart/form-data" class="import-form">
|
|
<h2>Course to import:</h2>
|
|
<a href="#" class="choose-file-button">Choose File</a>
|
|
<p class="file-name-block"><span class="file-name"></span><a href="#" class="choose-file-button-inline">change</a></p>
|
|
<input type="file" name="course-data" class="file-input">
|
|
<input type="submit" value="Replace my course with the one above" class="submit-button">
|
|
<div class="progress" style="position:relative; margin-top:5px; width:250px; height:15px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display:none;">
|
|
<div class="bar" style="background-color: #B4F5B4; width:0%; height:10px; border-radius: 3px;"></div>
|
|
<div class="percent" style="margin-top:5px;">0%</div>
|
|
</div>
|
|
</form>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</%block>
|
|
|
|
<%block name="jsextra">
|
|
<script>
|
|
(function() {
|
|
|
|
var bar = $('.bar');
|
|
var percent = $('.percent');
|
|
var status = $('#status');
|
|
|
|
$('form').ajaxForm({
|
|
beforeSend: function() {
|
|
status.empty();
|
|
var percentVal = '0%';
|
|
bar.width(percentVal)
|
|
percent.html(percentVal);
|
|
},
|
|
uploadProgress: function(event, position, total, percentComplete) {
|
|
var percentVal = percentComplete + '%';
|
|
bar.width(percentVal)
|
|
percent.html(percentVal);
|
|
},
|
|
complete: function(xhr) {
|
|
if (xhr.status == 200) {
|
|
alert('Your import has been successful.');
|
|
window.location = '${successful_import_redirect_url}';
|
|
}
|
|
else
|
|
alert('Your import has failed.\n\n' + xhr.responseText);
|
|
}
|
|
});
|
|
})();
|
|
</script>
|
|
</%block> |