Merge branch 'master' into merge-python3-port
[mediagoblin.git] / mediagoblin / templates / mediagoblin / user_pages / media.html
1 {#
2 # GNU MediaGoblin -- federated, autonomous media hosting
3 # Copyright (C) 2011, 2012 MediaGoblin contributors. See AUTHORS.
4 #
5 # This program is free software: you can redistribute it and/or modify
6 # it under the terms of the GNU Affero General Public License as published by
7 # the Free Software Foundation, either version 3 of the License, or
8 # (at your option) any later version.
9 #
10 # This program is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 # GNU Affero General Public License for more details.
14 #
15 # You should have received a copy of the GNU Affero General Public License
16 # along with this program. If not, see <http://www.gnu.org/licenses/>.
17 #}
18 {%- extends "mediagoblin/base.html" %}
19
20 {% import "/mediagoblin/utils/wtforms.html" as wtforms_util %}
21 {% from "mediagoblin/utils/pagination.html" import render_pagination %}
22
23 {% block title %}{{ media.title }} &mdash; {{ super() }}{% endblock %}
24
25 {% block mediagoblin_head %}
26 <!--[if lte IE 8]><link rel="stylesheet"
27 href="{{ request.staticdirect('/extlib/leaflet/leaflet.ie.css') }}" /><![endif]-->
28 <script type="text/javascript"
29 src="{{ request.staticdirect('/js/comment_show.js') }}"></script>
30 <script type="text/javascript"
31 src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script>
32
33 {% template_hook("media_head") %}
34 {% endblock mediagoblin_head %}
35 {% block mediagoblin_content %}
36 <div class="row foot">
37 <p class="eleven columns context">
38 {%- trans user_url=request.urlgen(
39 'mediagoblin.user_pages.user_home',
40 user=media.get_uploader.username),
41 username=media.get_uploader.username -%}
42 ❖ Browsing media by <a href="{{user_url}}">{{username}}</a>
43 {%- endtrans -%}
44 </p>
45 <div class="five columns">
46 {% include "mediagoblin/utils/prev_next.html" %}
47 </div>
48 </div>
49 <div class="media_pane eleven columns">
50 <div class="media_image_container">
51 {% block mediagoblin_media %}
52 {% set display_media = request.app.public_store.file_url(
53 media.get_display_media()[1]) %}
54 {# if there's a medium file size, that means the medium size
55 # isn't the original... so link to the original!
56 #}
57 {% if media.media_files.has_key('medium') %}
58 <a href="{{ request.app.public_store.file_url(
59 media.media_files['original']) }}">
60 <img class="media_image"
61 src="{{ display_media }}"
62 alt="{% trans media_title=media.title -%}
63 Image for {{ media_title }}{% endtrans %}" />
64 </a>
65 {% else %}
66 <img class="media_image"
67 src="{{ display_media }}"
68 alt="{% trans media_title=media.title -%}
69 Image for {{ media_title }}{% endtrans %}" />
70 {% endif %}
71 {% endblock %}
72 </div>
73 <div class="row head foot">
74 <h2 class="media_title">
75 {{ media.title }}
76 </h2>
77 {% if request.user and
78 (media.uploader == request.user.id or
79 request.user.has_privilege('admin')) %}
80 <div class="pull-right" style="padding-top:20px;">
81 {% set edit_url = request.urlgen('mediagoblin.edit.edit_media',
82 user= media.get_uploader.username,
83 media_id=media.id) %}
84 <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a>
85 {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete',
86 user= media.get_uploader.username,
87 media_id=media.id) %}
88 <a class="button_action button_warning" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a>
89 </div>
90 {% endif %}
91 {% autoescape False %}
92 <p>{{ media.description_html }}</p>
93 {% endautoescape %}
94 </div>
95 {% if comments and request.user and request.user.has_privilege('commenter') %}
96 <div class="media_comments">
97 {% if app_config['allow_comments'] %}
98 <a
99 {% if not request.user %}
100 href="{{ request.urlgen('mediagoblin.auth.login') }}?next={{
101 request.base_url|urlencode }}"
102 {% endif %}
103 class="button_action" id="button_addcomment" title="Add a comment">
104 {% trans %}Add a comment{% endtrans %}
105 </a>
106 {% include "mediagoblin/utils/comment-subscription.html" %}
107
108 {% endif %}
109 {% if request.user %}
110 <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment',
111 user= media.get_uploader.username,
112 media_id=media.id) }}" method="POST" id="form_comment">
113 {{ wtforms_util.render_divs(comment_form) }}
114 <div class="form_submit_buttons">
115 <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" />
116 {{ csrf_token }}
117 </div>
118 <input type="hidden" value="{{ request.urlgen('mediagoblin.user_pages.media_preview_comment') }}" id="previewURL" />
119 <input type="hidden" value="{% trans %}Comment Preview{% endtrans %}" id="previewText"/>
120 </form>
121 <div id="comment_preview"></div>
122 {% endif %}
123 <ul style="list-style:none">
124 {% for comment in comments %}
125 {% set comment_author = comment.get_author %}
126 <li id="comment-{{ comment.id }}"
127 {%- if pagination.active_id == comment.id %}
128 class="comment_wrapper comment_active">
129 <a name="comment" id="comment"></a>
130 {%- else %}
131 class="comment_wrapper">
132 {%- endif %}
133 <div class="comment_author">
134 <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
135 <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
136 user=comment_author.username) }}"
137 class="comment_authorlink">
138 {{- comment_author.username -}}
139 </a>
140 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
141 comment=comment.id,
142 user=media.get_uploader.username,
143 media=media.slug_or_id) }}#comment"
144 class="comment_whenlink">
145 <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'>
146 {%- trans formatted_time=timesince(comment.created) -%}
147 {{ formatted_time }} ago
148 {%- endtrans -%}
149 </span></a>:
150 </div>
151 <div class="comment_content">
152 {% autoescape False -%}
153 {{ comment.content_html }}
154 {%- endautoescape %}
155 </div>
156 <div>
157 {% if app_config.allow_reporting %}
158 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.report_comment',
159 user=media.get_uploader.username,
160 media=media.slug_or_id,
161 comment=comment.id) }}">
162 {% trans %}Report{% endtrans %}</a>
163 {% endif %}
164 </div>
165 </li>
166 {% endfor %}
167 </ul>
168 {{ render_pagination(request, pagination,
169 media.url_for_self(request.urlgen)) }}
170 {% else %}
171 <div class="empty_space no_background">
172 {% endif %}
173 </div>
174
175 </div>
176
177
178 <div class="five columns media_sidebar">
179 <h3>{% trans %}Added{% endtrans %}</h3>
180 <p><span title="{{ media.created.strftime("%I:%M%p %Y-%m-%d") }}">
181 {%- trans formatted_time=timesince(media.created) -%}
182 {{ formatted_time }} ago
183 {%- endtrans -%}
184 </span></p>
185
186 {% block mediagoblin_after_added_sidebar %}
187 {% endblock %}
188
189 {% if media.tags %}
190 {% include "mediagoblin/utils/tags.html" %}
191 {% endif %}
192
193 {% include "mediagoblin/utils/collections.html" %}
194
195 {% if app_config.allow_reporting %}
196 {% include "mediagoblin/utils/report.html" %}
197 {% endif %}
198
199 {% include "mediagoblin/utils/license.html" %}
200
201 {% include "mediagoblin/utils/exif.html" %}
202
203 {%- if media.attachment_files|count %}
204 <h3>{% trans %}Attachments{% endtrans %}</h3>
205 <ul>
206 {%- for attachment in media.attachment_files %}
207 <li>
208 <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
209 {{- attachment.name -}}
210 </a>
211 </li>
212 {%- endfor %}
213 </ul>
214 {%- endif %}
215 {%- if app_config['allow_attachments']
216 and request.user
217 and (media.uploader == request.user.id
218 or request.user.has_privilege('admin')) %}
219 {%- if not media.attachment_files|count %}
220 <h3>{% trans %}Attachments{% endtrans %}</h3>
221 {%- endif %}
222 <p>
223 <a href="{{ request.urlgen('mediagoblin.edit.attachments',
224 user=media.get_uploader.username,
225 media_id=media.id) }}">
226 {%- trans %}Add attachment{% endtrans -%}
227 </a>
228 </p>
229 {%- endif %}
230
231 {% block mediagoblin_sidebar %}
232 {% endblock %}
233
234 {% template_hook("media_sideinfo") %}
235
236 </div><!--end media_sidebar-->
237
238 <div class="clear"></div>
239 {% endblock %}