blob: b29e2ae5e1d321a58cfef5129c13b17c947e319f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
{% extends 'registration/base_admin.html' %}
{% block title %}Admin - Carica documento{% endblock %}
{% block breadcrumb %}
<a href="{% url 'server'%}" class="breadcrumb hide-on-med-and-down">Admin</a>
<a class="breadcrumb hide-on-med-and-down">Carica Documento</a>
{% endblock %}
{% block content %}
<form target="_blank" action="{% url 'docpreview' %}" method="post" id="preview_form">
{% csrf_token %}
<input type="hidden" name="preview" id="code_submit">
</form>
<div class="row">
<div class="col l4 offset-l4 m8 offset-m2 s12">
<div class="card">
<form id="form" action="{% url 'docupload'%}" method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="card-content">
<div class="row">
<div class="input-field col s12">
<input name="code" id="code" type="text">
<label for="code">Codice documento</label>
</div>
</div>
<div class="row">
<div class="file-field input-field col s12">
<div class="btn red lighten-1">
<span><i class="material-icons left">file_upload</i>File</span>
<input type="file" name="doc_sign" id="doc_sign" onchange="loadFile(event)">
</div>
<div class="file-path-wrapper">
<input id="doc_sign_name" class="file-path" type="text" placeholder="Documento firmato">
</div>
</div>
</div>
</div>
<div class="card-action">
<a id="send_button" class="waves-effect waves-light btn red lighten-1" href="#" onclick="confirm()">Approva</a>
<a class="right waves-effect waves-light btn red lighten-1" onclick="send()">Anteprima documento</a>
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col l4 offset-l4 m8 offset-m2 s12">
<div class="card">
<div class="card-image">
<img id="preview"/>
</div>
</div>
</div>
</div>
{% endblock %}
{% block script %}
function confirm() {
var button = document.getElementById('send_button')
button.innerHTML = "Sicuro?"
button.setAttribute('onclick', "document.getElementById('form').submit()")
button.setAttribute('class', "waves-effect waves-light btn green")
}
function send() {
var form = document.getElementById('preview_form')
var action = document.getElementById('code_submit')
var text = document.getElementById('code').value
action.setAttribute('value', text);
form.submit()
}
var loadFile = function(event) {
var output = document.getElementById('preview');
output.src = URL.createObjectURL(event.target.files[0]);
output.onload = function() {
URL.revokeObjectURL(output.src) // free memory
}
};
$(document).ready(function(){
{% if error %}
M.toast({html: '{{ error_text }}', classes: 'orange'})
{% elif success %}
M.toast({html: '{{ success_text }}', classes: 'green'})
{% endif %}
});
{% endblock %}
|