blob: 15ac971f1c15d2b4650620c76e79128c6c0ad689 (
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
|
{% extends "base.html" %}
{% block content %}
<p>You have {{ files|length() }} uploaded files totaling {{ total_size }}.</p>
<table class="table table-striped">
<thead>
<tr>
<th>File</th>
<th></th>
<th>Size</th>
<th>Date</th>
<th></th>
</tr>
</thead>
<tbody>
{% for file in files %}
<tr>
<td>
<a href="{{ url_for('.file', hash = file.hash, filename = file.filename) }}" id="filename-{{ loop.index }}">{{ file.filename }}</a>
</td>
<td>
<small>
<a href="{{ url_for('.file', hash = file.hash) }}">hash</a>
{% if file.ext %}
– <a href="{{ url_for('.file', hash = file.hash, ext = file.ext) }}">ext.</a>
{% endif %}
</small>
</td>
<td>{{ file.formatted_size }}</td>
<td>{{ file.formatted_date }}</td>
<td>
<button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#modal-filename" data-index="{{ loop.index }}" data-file-hash="{{ file.hash }}">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
<span class="sr-only">Rename</span>
</button>
<button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#modal-delete" data-index="{{ loop.index }}" data-file-hash="{{ file.hash }}">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
<span class="sr-only">Delete</span>
</button>
</td>
</tr>
{% else %}
<tr><td colspan="5"><em>(No file uploads yet.)</em></td></tr>
{% endfor %}
</tbody>
</table>
{% include "file-modals.html" %}
{% endblock %}
{% block scripts %}
<script>
$('#modal-filename').on('show.bs.modal', function(event) {
$('#modal-filename-spinner').hide();
var button = $(event.relatedTarget);
var filename = $('#filename-' + button.data('index')).text().trim();
$(this).find('input#filename').val(filename);
$(this).find('input.hash').val(button.data('file-hash'));
}).on('shown.bs.modal', function(event) {
$(this).find('input#filename').focus();
});
$('#modal-filename-confirm').click(function(event) {
$('#modal-filename-spinner').show();
});
$('#modal-delete').on('show.bs.modal', function(event) {
$('#modal-delete-spinner').hide();
var button = $(event.relatedTarget);
var filename = $('#filename-' + button.data('index')).text().trim();
$(this).find('#modal-delete-filename').text(filename);
$(this).find('input.hash').val(button.data('file-hash'));
});
$('#modal-delete-confirm').click(function(event) {
$('#modal-delete-spinner').show();
});
</script>
{% endblock %}
|
