~doctormo/doctormo-random/art-management-packaging

« back to all changes in this revision

Viewing changes to website/templates/types/uploader.html

  • Committer: Martin Owens
  • Date: 2010-10-18 10:32:35 UTC
  • Revision ID: doctormo@gmail.com-20101018103235-r3f7eqgww05crqac
Images, javascripts and templates for website components.

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
{% extends "base.html" %}
 
2
 
 
3
{% block title %} - Index{% endblock %}
 
4
 
 
5
{% block header %}
 
6
 
 
7
<script src="{{ MEDIA_URL }}js/fileuploader.js" type="text/javascript"></script>
 
8
 
 
9
{% endblock %}
 
10
 
 
11
{% block content %}
 
12
 
 
13
<a href="/type/{{ type.id }}/"><img src="{{ type.icon.url }}" title="{{ type.name }}"/></a>
 
14
 
 
15
<h1>{{ type.name }}<em>{{ type.description }}</em></h1>
 
16
 
 
17
<p>Please upload your content here, if your upload has multiple files then simply create an archive to upload them all.</p>
 
18
 
 
19
<br/>
 
20
 
 
21
<div id="file-uploader">       
 
22
  <noscript>          
 
23
    <p>Please enable JavaScript to use file uploader.</p>
 
24
    <!-- or put a simple form for upload here -->
 
25
    <form name="upload" action="/type/upload/">
 
26
      <input type="hidden" name="type_id" value="{{ type.id }}"/>
 
27
      <label>{% ifequal type.id 1 %}Jpeg Wallpaper Image{% else %}Gzip Archive{% endifequal %}:</label>
 
28
      <input type="file" name="contents"/>
 
29
      <br/>
 
30
      <p><input type="submit" name="submit" class="button" id="submit_btn" value="Upload Content"/></p>
 
31
    </form>
 
32
  </noscript>         
 
33
</div>
 
34
 
 
35
<script>
 
36
jQuery(function(){
 
37
  var uploader = new qq.FileUploader({
 
38
    element: document.getElementById('file-uploader'),
 
39
    action: '/type/upload/',
 
40
    allowedExtensions: [ 'jpeg', 'png', 'tar.gz' ],
 
41
    params: { 'type_id': "{{ type.id }}" },
 
42
  });
 
43
})
 
44
</script>
 
45
 
 
46
{% endblock %}
 
47