qcg/templates/qcg/gridftp.html

   1 {% extends 'qcg/base.html' %}
   2 {% load staticfiles %}
   3
   4 {% block extra_css %}
   5     <link href="{% static 'qcg/selectize/selectize.bootstrap3.css' %}" rel="stylesheet">
   6 {% endblock %}
   7
   8 {% block extra_js %}
   9     <script src="{% static 'qcg/selectize/selectize.min.js' %}"></script>
  10     <script src="{% static 'filex/underscore/underscore.js' %}"></script>
  11     <script src="{% static 'filex/backbone/backbone.js' %}"></script>
  12     <script src="{% static 'filex/filex.js' %}"></script>
  13
  14     <script>
  15         var app;
  16         $(function() {
  17             app = new Filex.FilexView({
  18                 host: 'qcg.man.poznan.pl',
  19                 hostOptions: [
  20                     {host: 'qcg.man.poznan.pl', path: '/home/plgrid/{{ request.user.username }}/reef'},
  21                     {host: 'ui.grid.icm.edu.pl', path: '/icm/hydra/home/grid/{{ request.user.username }}'},
  22                     {host: 'ui.plgrid.wcss.wroc.pl', path: '/home/grid/users/{{ request.user.username }}'},
  23                     {host: 'ui.grid.task.gda.pl', path: '/home/plgrid/{{ request.user.username }}'},
  24                     {host: 'zeus.cyfronet.pl', path: '/people/{{ request.user.username }}'}
  25                 ]
  26             });
  27         });
  28     </script>
  29
  30     <script type="text/template" id="path-bit-template">
  31         <a href="#"><%= name %></a>
  32     </script>
  33
  34     <script type="text/template" id="dir-template">
  35         <td class="text-center"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span></td>
  36         <td><a class="link" href="#"><%= name %></a></td>
  37         <td class="text-right"><%= size %></td>
  38         <td><%= date %></td>
  39     </script>
  40
  41     <script type="text/template" id="file-template">
  42         <td class="text-center"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></td>
  43         <td>
  44             <a href="{% url 'filex:download' %}?<%= url_params %>" class="btn btn-default btn-xs pull-right link" title="Pobierz plik">
  45                 <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
  46             </a>
  47             <%= name %>
  48         </td>
  49         <td class="text-right"><%= size %></td>
  50         <td><%= date %></td>
  51     </script>
  52 {% endblock extra_js %}
  53
  54 {% block container %}
  55     <h1 class="page-header">{% block title %}Zarządzanie plikami GridFTP{% endblock %}</h1>
  56
  57     <div id="filex">
  58         <div class="row">
  59             <div class="col-sm-3">
  60                 <div id="host-controls" style="margin-top: 1px">
  61                     <div class="change">
  62                         <label for="host-selector" class="sr-only">Wybierz host</label>
  63                         <select id="host-selector"></select>
  64                     </div>
  65                     <button class="btn btn-default view"></button>
  66                 </div>
  67             </div>
  68
  69             <div class="col-sm-7">
  70                 <ol class="breadcrumb path"></ol>
  71             </div>
  72
  73             <div class="col-sm-2 text-right">
  74                 <div class="btn-group" data-toggle="buttons" style="margin-top: 1px">
  75                     <label class="btn btn-default">
  76                         <input id="show-hidden" type="checkbox" autocomplete="off"> Pokaż ukryte
  77                     </label>
  78                 </div>
  79             </div>
  80         </div>
  81
  82         <table class="table table-hover">
  83             <thead>
  84                 <tr>
  85                     <th style="width: 40px"></th>
  86                     <th>Nazwa</th>
  87                     <th style="width: 120px">Rozmiar</th>
  88                     <th style="width: 200px">Data</th>
  89                 </tr>
  90             </thead>
  91             <tbody></tbody>
  92         </table>
  93
  94         <div id="no-items" class="alert alert-info" hidden>
  95             <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
  96             Brak elementów
  97         </div>
  98
  99         <div id="error" class="alert alert-danger" hidden>
 100             <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
 101             <span class="msg"></span>
 102         </div>
 103
 104         <div id="spinner-overlay"></div>
 105     </div>
 106
 107 {% endblock container %}