vacancies.html 6.29 KB
Newer Older
1
{% extends 'base.html' %}
2
{% load i18n bleach_tags %}
3

4
5
{% block title %}{% trans "Vacancies" %} — {% trans "Career" %} — {{ block.super }}{% endblock %}

6
7
8
9
{% block body %}
<h1>{% trans "Vacancies" %}</h1>
<p class="tcenter">
    {% blocktrans trimmed %}
10
      You are a student and maybe you are looking for a job or part-time job. Happily we have companies that offer vacancies. So when you want to earn some additional money or when you are (almost) graduated you can look at this page for all outstanding vacancies. When you want to post a vacancy on this page as a company you can contact us at <a href="mailto:samenwerking@thalia.nu" target="_blank">samenwerking@thalia.nu</a>.
11
12
13
14
15
16
17
    {% endblocktrans %}
</p>

<div class="isotope" id="vacanciespage">
    <!-- .portfolio-filter -->
    <div class="isotope-filter tabs-wrapper tabs-centered clearfix">
        <ul class="tabs">
18
            <li class="{% if not preselected_category %}current{% endif %}" id="tab-everything">
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
                <a href="#">{% trans "Everything" %}</a>
            </li>
            {% for category in categories %}
                <li
                        data-filter="category-{{ category.id }}"
                        class="{% if preselected_category and preselected_category.id == category.id %}current{% endif %}">
                    <a href="#">{{ category.name }}</a>
                </li>
            {% endfor %}
        </ul>
    </div>

    <!-- /.portfolio-filter -->
    <div class="row isotope-items">
        {% for vacancy in vacancies %}
            <div class="team span4 clearfix isotope-item"
35
36
37
                 data-filter="{% for cat in vacancy.categories.all %}category-{{ cat.id }} {% endfor %}"
                 data-vacancy="{{ vacancy.id }}"
            >
38
39
40
41
42
43
44
45
46
47
                <div class="team-header">
                    {% if vacancy.get_company_logo %}
                        <img src="{{ vacancy.get_company_logo.url }}" alt="">
                    {% endif %}
                </div>
                <div class="team-content">
                    <h5 class="tcenter">
                        {{ vacancy.get_company_name }}
                        <small>{{ vacancy.title }}</small>
                    </h5>
48
                    <p>{{ vacancy.description|striptags|bleach|truncatechars:150 }}</p>
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
                    <div class="team-readmore">
                        {% if vacancy.partner %}
                             <a href="{% url 'partners:partner' slug=vacancy.partner.slug %}#vacancy-{{ vacancy.id }}">
                                 {% trans "Learn more" %}
                             </a>
                        {% else %}
                            <a href="#vacancy-{{ vacancy.id }}"
                               class="vacancy-external" data-vacancy="{{ vacancy.id }}">
                                {% trans "Learn more" %}
                            </a>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>

    {% if vacancies|length > 0 %}
        <div id="sponsor_vacatures">
            <h3>{% trans "All vacancies" %}</h3>

            <div class="row">
                <div class="span12">
                    <ul class="toggles">
                        {% for vacancy in vacancies %}
                             <li id="vacancy-{{ vacancy.id }}">
                                 <div class="toggle-title">
                                     <a href="#">
                                         <span></span>
                                         {{ vacancy.get_company_name }} | {{ vacancy.title }}
                                     </a>
                                 </div>
                                 <div class="toggle-content">
82
                                     {{ vacancy.description|bleach }}
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

                                     {% if vacancy.link %}
                                         <br /><br />
                                         <a href="{{ vacancy.link }}" target="_blank" rel="noopener">
                                             <button type="button" class="btn-large btn-style2">
                                                 {% trans "Learn more" %}
                                             </button>
                                         </a>
                                     {% endif %}
                                 </div>
                             </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    {% endif %}
</div>

    <script type="text/javascript">
        $(document).ready(function(){
            var body = $('body');

            var isotope = body.find('.isotope'),
                    isotopeFilter = isotope.find('.isotope-filter'),
                    isotopePosts = isotope.find('.isotope-items');

110
111
            var windowhash = window.location.hash;

112
113
114
115
            if (jQuery().isotope) {
                isotopeFilter.delegate('li', 'click', function(e) {
                    var filter;

116
117
118
119
120
                    if (windowhash !== '' && windowhash.substr(0, 9) === '#vacancy-') {
                        filter = '[data-vacancy*="' + windowhash.replace('#vacancy-', '') + '"]';
                        $('#tab-everything').removeClass('current');
                        windowhash = '';
                    } else if ($(this).data('filter')==undefined) {
121
122
123
124
125
126
127
128
129
130
                        filter='*';
                    } else {
                        filter='[data-filter*="' + $(this).data('filter') + '"]';
                    }
                    setTimeout(function() {
                        isotopePosts.isotope({ filter: filter });
                    }, 100);
                });
            }

131
132
133
134
135
136
137
138
            $(window).on('load', function () {
                $(window).resize(function () {
                    if (isotopeFilter.find('li.current').length) {
                        isotopeFilter.find('li.current').trigger('click');
                    } else {
                        isotopeFilter.find('li:first').trigger('click');
                    }
                });
139
140
141
142
143
144
145
146
            });

            $('.vacancy-external').click(function() {
                var id = $(this).attr('data-vacancy');
                $('#vacancy-' + id).children('.toggle-title').click();
            });
        });
    </script>
147
{% endblock body %}