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         <ul>
  15             {% for cat in categories %}
  16             <li class="{{ cat.get_css_class }} filter-item" data-id="{{ cat.pk }}">
  17                 <a href="#{{ cat.pk }}">{{ cat.translation.title|upper }}</a>
  18             </li>
  19             {% endfor %}
  20         </ul>
  21     </div>
  22
  23     <div class="list">
  24         {% for r in resources %}
  25         <div class="resource-wrapper {% cycle 'first' '' '' %}" data-category="{{ r.category.pk }}">
  26         <div class="resource  {{ r.category.get_css_class }}"
  27             id="{{ r.get_html_id }}"
  28             data-category="{{ r.category.pk }}"
  29             data-id="{{ r.pk }}"
  30             >
  31             <div class="front-content">
  32
  33                 <div class="date">{{ r.published_on|date:"d.m.Y" }}</div>
  34                 <div class="title">{{ r.translation.title }}</div>
  35                 <div class="category">{% trans "filed under" %} {{ r.category.translation.title }}</div>
  36             </div>
  37             <div class="description">
  38                 <p>{{ r.translation.description }}</p>
  39             </div>
  40             <div class="download">
  41                 <a class="resource-download" target="_blank" href="{{ r.media_file.get_absolute_url }}">
  42                     <span class="download-image"></span>
  43                     <span>{% trans "DOWNLOAD" %} {{ r.get_filetype }}</span>
  44                 </a>
  45             </div>
  46         </div>
  47         </div>
  48         {% endfor %}
  49         <div style='clear:both'></div>
  50     </div>
  51
  52     <script>
  53     </script>
  54 </div>
  55