src/fileupload/templates/fileupload/picture_form.html

   1 {% extends "documents/base.html" %}
   2 {% load i18n %}
   3 {% load upload_tags %}
   4
   5 {% block add_css %}
   6     <link rel="stylesheet" href="{{ STATIC_URL }}fileupload/css/bootstrap.min.css">
   7     <link rel="stylesheet" href="{{ STATIC_URL }}fileupload/css/style.css">
   8     <link rel="stylesheet" href="{{ STATIC_URL }}fileupload/css/bootstrap-image-gallery.min.css">
   9     <link rel="stylesheet" href="{{ STATIC_URL }}fileupload/css/jquery.fileupload-ui.css">
  10     <!-- Shim to make HTML5 elements usable in older Internet Explorer versions -->
  11     <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  12 {% endblock %}
  13
  14
  15 {% block content %}
  16
  17 <h1>
  18 {% trans "Browse:" %}
  19 {% for crumb in view.breadcrumbs %}
  20     {% if crumb.1 %}
  21         <a href="{{ crumb.1 }}">{{ crumb.0 }}</a>
  22     {% else %}
  23         {{ crumb.0 }}
  24     {% endif %}
  25     {% if not forloop.last %}/{% endif %}
  26 {% endfor %}
  27 </h1>
  28
  29
  30     <form id="fileupload" method="post" action="." enctype="multipart/form-data">{% csrf_token %}
  31         <div class="row fileupload-buttonbar">
  32             <div class="span7">
  33                 <span class="btn btn-success fileinput-button">
  34                     <i class="icon-plus icon-white"></i>
  35                     <span>{% trans "Add files..." %}</span>
  36                     <input type="file" multiple="" name="files">
  37                 </span>
  38                 <button class="btn btn-primary start" type="submit">
  39                     <i class="icon-upload icon-white"></i>
  40                     <span>{% trans "Start upload" %}</span>
  41                 </button>
  42                 <button class="btn btn-warning cancel" type="reset">
  43                     <i class="icon-ban-circle icon-white"></i>
  44                     <span>{% trans "Cancel upload" %}</span>
  45                 </button>
  46                 <button class="btn btn-danger delete" type="button">
  47                     <i class="icon-trash icon-white"></i>
  48                     <span>{% trans "Delete" %}</span>
  49                 </button>
  50                 <input type="checkbox" class="toggle">
  51             </div>
  52             <div class="span5 fileupload-progress fade">
  53                 <div class="progress progress-success progres-striped active">
  54                     <div class="bar" style="width:0%"></div>
  55                 </div>
  56                 <div class="progress-extended">&nbsp;</div>
  57             </div>
  58         </div>
  59         <div class="fileupload-loading"></div>
  60         <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
  61     </form>
  62     <div class="fileupload-content">
  63         <table class="files"></table>
  64         <div class="fileupload-progressbar"></div>
  65     </div>
  66
  67 {% endblock %}
  68
  69 {% block add_js %}
  70
  71 {% upload_js %}
  72 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  73 <script src="{{ STATIC_URL }}fileupload/js/jquery.ui.widget.js"></script>
  74 <script src="{{ STATIC_URL }}fileupload/js/tmpl.min.js"></script>
  75 <script src="{{ STATIC_URL }}fileupload/js/load-image.min.js"></script>
  76 <script src="{{ STATIC_URL }}fileupload/js/canvas-to-blob.min.js"></script>
  77 <script src="{{ STATIC_URL }}fileupload/js/bootstrap.min.js"></script>
  78 <script src="{{ STATIC_URL }}fileupload/js/bootstrap-image-gallery.min.js"></script>
  79 <script src="{{ STATIC_URL }}fileupload/js/jquery.iframe-transport.js"></script>
  80 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload.js"></script>
  81 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload-fp.js"></script>
  82 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload-ui.js"></script>
  83 <script src="{{ STATIC_URL }}fileupload/js/locale-{{ LANGUAGE_CODE }}.js"></script>
  84 <script src="{{ STATIC_URL }}fileupload/js/main.js"></script>
  85 <script src="{{ STATIC_URL }}fileupload/js/csrf.js"></script>
  86 {% endblock %}