forked from expo/troggle
100 lines
3.5 KiB
HTML
100 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Simple Fileupload (Photos){% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
|
|
{% if folder %}
|
|
<h2>Upload photos into /photos/{{folder}}/</h2>
|
|
{% else %}
|
|
<h2>Upload photos into /photos/{{year}}/</h2>
|
|
{% endif %}
|
|
|
|
|
|
<div style = "max-width:35%; margin-left:20%; text-align: center; " >
|
|
<form method ='post' enctype ="multipart/form-data">
|
|
{% csrf_token %}
|
|
<br>
|
|
<input class="fancybutton2" type = "file" multiple="multiple"
|
|
name = "uploadfiles" id="uploadfiles" />
|
|
<br><br><br>
|
|
<input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 125px"
|
|
label = "Rename to" name = "renameto" id="renameto"
|
|
pattern="[A-Za-z][A-Za-z0-9_-\.]*"/>
|
|
<label
|
|
style="padding: 0.5em 25px; margin-left: 110px"
|
|
for="renameto">If uploading a single file, you can rename it<br></label>
|
|
<br><br><br>
|
|
<button class="fancybutton2" style="padding: 0.5em 25px; margin-left: 155px" type = "submit" value = "Upload" >
|
|
Upload
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div style = "max-width:29%; margin-left:20%; text-align: left" >
|
|
{% if filesaved %}
|
|
<p>
|
|
<b>File(s) saved as <br>
|
|
{% for f in actual_saved %}
|
|
<em>{{f}}</em> <br>
|
|
{% endfor %}
|
|
</p>
|
|
{% endif %}
|
|
|
|
<strong style="font-size: 110%;">Files:</strong><br>
|
|
{% for f in files %}
|
|
<a href="{{urlfile|urlencode}}/{{f|urlencode}}">{{f}}</a><br />
|
|
{% empty %}
|
|
<p><No files here>
|
|
{% endfor %}
|
|
|
|
|
|
<p><strong style="font-size: 110%;">Photographer Directories:</strong><br>
|
|
{% if folder %}
|
|
<a href="{{urldir}}/..">[up]</a><br />
|
|
{% endif %}
|
|
{% for f in dirs %}
|
|
<a href="{{urldir}}/{{f}}">/{{f}}/</a><br />
|
|
{% empty %}
|
|
<p><No subdirectories>
|
|
{% endfor %}
|
|
</div>
|
|
{% if folder %}
|
|
<p>You can upload your photographs here.
|
|
<p>You cannot create sub-folders here.
|
|
<p>Note that only photo image files are accepted: all other types of files are refused.
|
|
{% else %}
|
|
<p>You can upload your photographs to any of these folders, and you can create a new folder in your name for your photos.
|
|
<p>Note that only photo image files are accepted: all other types of files are refused.
|
|
<hr>
|
|
<h2>Create new Photographer folder in /photos/{{year}}/</h2>
|
|
|
|
|
|
|
|
<div style = "max-width:35%; margin-left:20%; text-align: center; " >
|
|
<form method ='post'>
|
|
{% csrf_token %}
|
|
<br>
|
|
<input class="fancybutton2" style="padding: 0.5em 25px; margin-left: 125px"
|
|
label = "Photographer" name = "photographer" id="photographer"
|
|
pattern="[A-Za-z]+"
|
|
placeholder="{{placeholder}}" required />
|
|
<label
|
|
style="padding: 0.5em 25px; margin-left: 110px"
|
|
for="photographer">Photographer's name<br></label>
|
|
<label
|
|
style="padding: 0.5em 25px; margin-left: 110px"
|
|
for="photographer">(no spaces, only letters)</label>
|
|
<br><br><br>
|
|
<button class="fancybutton2" style="padding: 0.5em 25px; margin-left: 155px" type = "submit" value = "Create" >
|
|
Create folder
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<p>
|
|
|
|
{% endif %}
|
|
<hr />
|
|
|
|
|
|
{% endblock %} |