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 {% block note %}{% endblock %}
  30
  31     <form id="fileupload" method="post" action="." enctype="multipart/form-data">{% csrf_token %}
  32         <div class="row fileupload-buttonbar">
  33             <div class="span7">
  34                 <span class="btn btn-success fileinput-button">
  35                     <i class="icon-plus icon-white"></i>
  36                     <span>{% trans "Add files..." %}</span>
  37                     <input type="file" multiple="" name="files">
  38                 </span>
  39                 <button class="btn btn-primary start" type="submit">
  40                     <i class="icon-upload icon-white"></i>
  41                     <span>{% trans "Start upload" %}</span>
  42                 </button>
  43                 <button class="btn btn-warning cancel" type="reset">
  44                     <i class="icon-ban-circle icon-white"></i>
  45                     <span>{% trans "Cancel upload" %}</span>
  46                 </button>
  47                 <button class="btn btn-danger delete" type="button">
  48                     <i class="icon-trash icon-white"></i>
  49                     <span>{% trans "Delete" %}</span>
  50                 </button>
  51                 <input type="checkbox" class="toggle">
  52             </div>
  53             <div class="span5 fileupload-progress fade">
  54                 <div class="progress progress-success progres-striped active">
  55                     <div class="bar" style="width:0%"></div>
  56                 </div>
  57                 <div class="progress-extended">&nbsp;</div>
  58             </div>
  59         </div>
  60         <div class="fileupload-loading"></div>
  61         <table class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
  62     </form>
  63     <div class="fileupload-content">
  64         <table class="files"></table>
  65         <div class="fileupload-progressbar"></div>
  66     </div>
  67
  68 {% endblock %}
  69
  70 {% block add_js %}
  71
  72 {% upload_js %}
  73 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  74 <script src="{{ STATIC_URL }}fileupload/js/jquery.ui.widget.js"></script>
  75 <script src="{{ STATIC_URL }}fileupload/js/tmpl.min.js"></script>
  76 <script src="{{ STATIC_URL }}fileupload/js/load-image.min.js"></script>
  77 <script src="{{ STATIC_URL }}fileupload/js/canvas-to-blob.min.js"></script>
  78 <script src="{{ STATIC_URL }}fileupload/js/bootstrap.min.js"></script>
  79 <script src="{{ STATIC_URL }}fileupload/js/bootstrap-image-gallery.min.js"></script>
  80 <script src="{{ STATIC_URL }}fileupload/js/jquery.iframe-transport.js"></script>
  81 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload.js"></script>
  82 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload-fp.js"></script>
  83 <script src="{{ STATIC_URL }}fileupload/js/jquery.fileupload-ui.js"></script>
  84 <script src="{{ STATIC_URL }}fileupload/js/locale-{{ LANGUAGE_CODE }}.js"></script>
  85 <script src="{{ STATIC_URL }}fileupload/js/main.js"></script>
  86 <script src="{{ STATIC_URL }}fileupload/js/csrf.js"></script>
  87 {% endblock %}