Statistics
| Branch: | Tag: | Revision:

root / cloudcmsresources / templates / content / resources_list.html @ fdf3a06c

History | View | Annotate | Download (1.8 kB)

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
        <a href="#" class="clear">show all</a>
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|upper }}</a>
19
            </li>
20
            {% endfor %}
21
        </ul>
22
    </div>
23

    
24
    <div class="list">
25
        {% for r in resources %}
26
        <div class="resource-wrapper {% cycle 'first' '' '' %}" data-category="{{ r.category.pk }}">
27
        <div class="resource  {{ r.category.get_css_class }}"
28
            id="{{ r.get_html_id }}"
29
            data-category="{{ r.category.pk }}"
30
            data-id="{{ r.pk }}"
31
            >
32
            <div class="front-content">
33

    
34
                <div class="date">{{ r.published_on|date:"d.m.Y" }}</div>
35
                <div class="title">{{ r.translation.title }}</div>
36
                <div class="category">{% trans "filed under" %} {{ r.category.translation.title }}</div>
37
            </div>
38
            <div class="description">
39
                <p>{{ r.translation.description }}</p>
40
            </div>
41
            <div class="download">
42
                <a class="resource-download" target="_blank" href="{{ r.media_file.get_absolute_url }}">
43
                    <span class="download-image"></span>
44
                    <span>{% trans "DOWNLOAD" %} {{ r.get_filetype }}</span>
45
                </a>
46
            </div>
47
        </div>
48
        </div>
49
        {% endfor %}
50
        <div style='clear:both'></div>
51
    </div>
52

    
53
    <script>
54
    </script>
55
</div>
56