aboutsummaryrefslogtreecommitdiffstats
path: root/server/templates/server/upload_doc.html
blob: 3650cd88631552c0dea62df41b5f999a2052ec3a (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
92
{% extends 'registration/base.html' %}

{% block title %}Admin - Carica documento{% endblock %}

{% block nav %}
  <a style="margin-left: 10px;" href="{% url 'index' %}" class="breadcrumb">Home</a>
  <a href="{% url 'server'%}" class="breadcrumb hide-on-med-and-down">Admin</a>
  <a href="{% url 'docupload'%}" 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 %}