Mukhtar
10 years ago
parent
5d06b0e51d
commit
744df48a0f
10 changed files with 363 additions and 124 deletions
@ -1,17 +1,112 @@ |
|||||||
<!DOCTYPE html> |
{% extends 'partials/base.html' %} |
||||||
<html lang="en"> |
|
||||||
<head> |
{% load thumbnail %} |
||||||
<meta charset="UTF-8"> |
|
||||||
<title>Title</title> |
|
||||||
</head> |
{% block content %} |
||||||
<body> |
{% include 'partials/header.html' %} |
||||||
<h1>Демо чат</h1> |
<h1>Test file</h1> |
||||||
<h2>{{ order}}</h2> |
<div class="gal-pluss"> |
||||||
|
<div class="inset-gp"> |
||||||
|
<p class="title-gp">Дипломы / Сертификаты</p> |
||||||
<div id="message_chat"> |
<div class="upload2 up-l3"> |
||||||
{{ html_content }} |
|
||||||
</div> |
<input type="file" name="upload" id="diplom-upload" class="diplom-upload"> |
||||||
|
<p>Загрузить файл</p> |
||||||
</body> |
|
||||||
</html> |
</div> |
||||||
|
<div class="galleryWork2 gal-iss disTab"> |
||||||
|
|
||||||
|
{% for diplom in diploms %} |
||||||
|
<div class="col-lg-4"> |
||||||
|
<div class="insetCol box-sizing disTab"> |
||||||
|
{% thumbnail diplom.img "210x334" crop="center" as im %} |
||||||
|
<div class="imgGal" |
||||||
|
style="background: url('{{ im.url }}') no-repeat center;"> |
||||||
|
<div class="imgFigure"></div> |
||||||
|
</div> |
||||||
|
{% endthumbnail %} |
||||||
|
</div> |
||||||
|
<div class="insetCol2 box-sizing disTab"> |
||||||
|
<p> |
||||||
|
{{ diplom.title }} |
||||||
|
</p> |
||||||
|
<div class="buttonsImg" distab=""> |
||||||
|
<div class="insetBI insetBI2"> |
||||||
|
<i class="fa fa-times"></i> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
{% endfor %} |
||||||
|
|
||||||
|
<div id="progress" class="progress"> |
||||||
|
<div class="progress-bar progress-bar-success"></div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{% endblock %} |
||||||
|
|
||||||
|
|
||||||
|
{% block js_block %} |
||||||
|
<script type="text/javascript"> |
||||||
|
|
||||||
|
'use_strict'; |
||||||
|
function csrfSafeMethod(method) { |
||||||
|
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
$(function () { |
||||||
|
var url = '/work_sell/basic/'; |
||||||
|
var csrftoken = $.cookie('csrftoken'); |
||||||
|
alert(csrftoken); |
||||||
|
$('#diplom-upload').fileupload({ |
||||||
|
url: url, |
||||||
|
crossDomain: false, |
||||||
|
beforeSend: function (xhr, settings) { |
||||||
|
$('#progress .progress-bar').css( |
||||||
|
'width', |
||||||
|
'0%' |
||||||
|
); |
||||||
|
if (!csrfSafeMethod(settings.type)) { |
||||||
|
xhr.setRequestHeader("X-CSRFToken", csrftoken); |
||||||
|
} |
||||||
|
}, |
||||||
|
dataType: 'json', |
||||||
|
done: function (e, data) { |
||||||
|
alert(data); |
||||||
|
console.log(data); |
||||||
|
$.each(data.result.files, function (index, file) { |
||||||
|
var img = $('<img style="width:200px;height:200px;margin:10px;">').attr('src', file.url).appendTo('.galleryWork2'); |
||||||
|
console.log(file); |
||||||
|
{# var currentValue = $("#upload-files-pk").val();#} |
||||||
|
{# currentValue += file.id + ';';#} |
||||||
|
{# $("#upload-files-pk").val(currentValue);#} |
||||||
|
|
||||||
|
}); |
||||||
|
}, |
||||||
|
error: function(e, data){ |
||||||
|
alert(e); |
||||||
|
console.log(e); |
||||||
|
console.log(data); |
||||||
|
}, |
||||||
|
progressall: function (e, data) { |
||||||
|
var progress = parseInt(data.loaded / data.total * 100, 10); |
||||||
|
console.log(progress); |
||||||
|
$('#progress .progress-bar').css( |
||||||
|
'width', |
||||||
|
progress + '%' |
||||||
|
); |
||||||
|
} |
||||||
|
}).prop('disabled', !$.support.fileInput) |
||||||
|
.parent().addClass($.support.fileInput ? undefined : 'disabled'); |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
</script> |
||||||
|
{% endblock %} |
||||||
|
|||||||
Loading…
Reference in new issue