code.grnet.gr Git - snf-cloudcms/blob - cloudcmsresources/templates/content/resources_list.html

   1 {% load i18n %}
   2 <div class="resources" id="resources-list">
   3
   4   <style type="text/css">
   5         {% block extrastyles %}
   6         {% for cat in categories %}
   7             {{ cat.get_css_def }}
   8         {% endfor %}
   9         {% endblock %}
  10     </style>
  11
  12     <div class="categories">
  13         <h2 class="title">{{ content.filter_title }}</h2>
  14
  15         <ul>
  16             {% for cat in categories %}
  17             <li class="{{ cat.get_css_class }} filter-item" data-id="{{ cat.pk }}">
  18                 <a href="#{{ cat.pk }}">{{ cat.translation.title }}</a>
  19             </li>
  20             {% endfor %}
  21         </ul>
  22         <a href="#" class="clear">Show all</a>
  23     </div>
  24
  25     <div class="list">
  26         {% for r in resources %}
  27         <div class="resource-wrapper {% cycle 'first' '' '' %}" data-category="{{ r.category.pk }}">
  28         <div class="resource  {{ r.category.get_css_class }}"
  29             id="{{ r.get_html_id }}"
  30             data-category="{{ r.category.pk }}"
  31             data-id="{{ r.pk }}"
  32             >
  33             <div class="front-content">
  34
  35                 <div class="date">{{ r.published_on|date:"d.m.Y" }}</div>
  36                 <div class="title">{{ r.translation.title }}</div>
  37                 <div class="category">{% trans "filed under" %} {{ r.category.translation.title }}</div>
  38             </div>
  39             <div class="description">
  40                 <p>{{ r.translation.description }}</p>
  41             </div>
  42             <div class="download">
  43                 <a class="resource-download" target="_blank" href="{{ r.media_file.get_absolute_url }}">
  44                     <span class="download-image"></span>
  45                     <span>{% trans "DOWNLOAD" %} {{ r.get_filetype }}</span>
  46                 </a>
  47             </div>
  48         </div>
  49         </div>
  50         {% endfor %}
  51         <div style='clear:both'></div>
  52     </div>
  53
  54     <script>
  55     </script>
  56 </div>
  57