aboutsummaryrefslogtreecommitdiffstats
path: root/youtube/templates/common_elements.html
blob: bacc513d34ef4532e76cbd937be32e28fdabfa64 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
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
82
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
{% macro text_runs(runs) %}
    {%- if runs[0] is mapping -%}
        {%- for text_run in runs -%}
            {%- if text_run.get("bold", false) -%}
                <b>{{ text_run["text"] }}</b>
            {%- elif text_run.get('italics', false) -%}
                <i>{{ text_run["text"] }}</i>
            {%- else -%}
                {{ text_run["text"] }}
            {%- endif -%}
        {%- endfor -%}
    {%- elif runs -%}
        {{ runs }}
    {%- endif -%}
{% endmacro %}

{% macro item(info, description=false, horizontal=true, include_author=true, include_badges=true, lazy_load=false) %}
    <article class="item-box">
        {% if info['error'] %}
            {{ info['error'] }}
        {% else %}
            <div class="item-video {{ info['type'] + '-item' }}">
                <a class="thumbnail-box" href="{{ info['url'] }}" title="{{ info['title'] }}">
                    <div class="thumbnail {% if info['type'] == 'channel' %} channel {% endif %}">
                        {% if lazy_load %}
                            <img class="thumbnail-img lazy" alt="&#x20;" data-src="{{ info['thumbnail'] }}">
                        {% elif info['type'] == 'channel' %}
                            <img class="thumbnail-img channel" alt="&#x20;" src="{{ info['thumbnail'] }}">
                        {% else %}
                            <img class="thumbnail-img" alt="&#x20;" src="{{ info['thumbnail'] }}">
                        {% endif %}

                        {% if info['type'] != 'channel' %}
                            <p class="length">{{ (info['video_count']|commatize + ' videos') if info['type'] == 'playlist' else info['duration'] }}</p>
                        {% endif %}
                    </div>
                </a>
                <h4 class="title"><a href="{{ info['url'] }}" title="{{ info['title'] }}">{{ info['title'] }}</a></h4>

                {% if include_author %}
                    {% set author_description = info['author'] %}
                    {% set AUTHOR_DESC_LENGTH = 35 %}
                    {% if author_description != None %}
                        {% if author_description|length >= AUTHOR_DESC_LENGTH %}
                            {% set author_description = author_description[:AUTHOR_DESC_LENGTH].split(' ')[:-1]|join(' ') %}
                            {% if not author_description[-1] in ['.', '?', ':', '!'] %}
                                {% set author_more = author_description + '…' %}
                                {% set author_description = author_more|replace('"','') %}
                            {% endif %}
                        {% endif %}
                    {% endif %}
                    {% if info.get('author_url') %}
                        <address title="{{ info['author'] }}"><b><a href="{{ info['author_url'] }}">{{ author_description }}</a></b></address>
                    {% else %}
                        <address title="{{ info['author'] }}"><b>{{ author_description }}</b></address>
                    {% endif %}
                {% endif %}

                <div class="stats {{'horizontal-stats' if horizontal else 'vertical-stats'}}">
                    {% if info['type'] == 'channel' %}
                        <div>{{ info['approx_subscriber_count'] }} subscribers</div>
                        <div>{{ info['video_count']|commatize }} videos</div>
                    {% else %}
                        {% if info.get('time_published') %}
                            <span>{{ info['time_published'] }}</span>
                        {% endif %}
                        {% if info.get('approx_view_count') %}
                            <div class="views">{{ info['approx_view_count'] }} views</div>
                        {% endif %}
                    {% endif %}
                </div>
            </div>
            {% if info['type'] == 'video' %}
                <input class="item-checkbox" type="checkbox" name="video_info_list" value="{{ info['video_info'] }}" form="playlist-edit">
            {% endif %}
        {% endif %}
    </article>
{% endmacro %}

{% macro page_buttons(estimated_pages, url, parameters_dictionary, include_ends=false) %}
    {% set current_page = parameters_dictionary.get('page', 1)|int %}
    {% set parameters_dictionary = parameters_dictionary.to_dict() %}
    {% if current_page is le(5) %}
        {% set page_start = 1 %}
        {% set page_end = [9, estimated_pages]|min %}
    {% else %}
        {% set page_start = current_page - 4 %}
        {% set page_end = [current_page + 4, estimated_pages]|min %}
    {% endif %}

    {% if include_ends and page_start is gt(1) %}
        {% set _ = parameters_dictionary.__setitem__('page', 1) %}
        <a class="page-link first-page-button" href="{{ url + '?' + parameters_dictionary|urlencode }}">{{ 1 }}</a>
    {% endif %}

    {% for page in range(page_start, page_end+1) %}
        {% if page == current_page %}
            <a class="page-link is-current">{{ page }}</a>
        {% else %}
            {# https://stackoverflow.com/questions/36886650/how-to-add-a-new-entry-into-a-dictionary-object-while-using-jinja2 #}
            {% set _ = parameters_dictionary.__setitem__('page', page) %}
            <a class="page-link" href="{{ url + '?' + parameters_dictionary|urlencode }}">{{ page }}</a>
        {% endif %}
    {% endfor %}

    {% if include_ends and page_end is lt(estimated_pages) %}
        {% set _ = parameters_dictionary.__setitem__('page', estimated_pages) %}
        <a class="page-link last-page-button" href="{{ url + '?' + parameters_dictionary|urlencode }}">{{ estimated_pages }}</a>
    {% endif %}

{% endmacro %}

{% macro next_previous_buttons(is_last_page, url, parameters_dictionary) %}
    {% set current_page = parameters_dictionary.get('page', 1)|int %}
    {% set parameters_dictionary = parameters_dictionary.to_dict() %}

    {% if current_page != 1 %}
        {% set _ = parameters_dictionary.__setitem__('page', current_page - 1) %}
        <a class="page-link previous-page" href="{{ url + '?' + parameters_dictionary|urlencode }}">Previous page</a>
    {% endif %}

    {% if not is_last_page %}
        {% set _ = parameters_dictionary.__setitem__('page', current_page + 1) %}
        <a class="page-link next-page" href="{{ url + '?' + parameters_dictionary|urlencode }}">Next page</a>
    {% endif %}
{% endmacro %}

{% macro next_previous_ctoken_buttons(prev_ctoken, next_ctoken, url, parameters_dictionary) %}
    {% set parameters_dictionary = parameters_dictionary.to_dict() %}

    {% if prev_ctoken %}
        {% set _ = parameters_dictionary.__setitem__('ctoken', prev_ctoken) %}
        <a class="page-link previous-page" href="{{ url + '?' + parameters_dictionary|urlencode }}">Previous page</a>
    {% endif %}

    {% if next_ctoken %}
        {% set _ = parameters_dictionary.__setitem__('ctoken', next_ctoken) %}
        <a class="page-link next-page" href="{{ url + '?' + parameters_dictionary|urlencode }}">Next page</a>
    {% endif %}
{% endmacro %}