Changed how the comment was encoded/read.
[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
36 {% block mediagoblin_content %}
37 <p class="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 {% include "mediagoblin/utils/prev_next.html" %}
46 <div class="media_pane">
47 <div class="media_image_container">
48 {% block mediagoblin_media %}
49 {% set display_media = request.app.public_store.file_url(
50 media.get_display_media()[1]) %}
51 {# if there's a medium file size, that means the medium size
52 # isn't the original... so link to the original!
53 #}
54 {% if media.media_files.has_key('medium') %}
55 <a href="{{ request.app.public_store.file_url(
56 media.media_files['original']) }}">
57 <img class="media_image"
58 src="{{ display_media }}"
59 alt="{% trans media_title=media.title -%}
60 Image for {{ media_title }}{% endtrans %}" />
61 </a>
62 {% else %}
63 <img class="media_image"
64 src="{{ display_media }}"
65 alt="{% trans media_title=media.title -%}
66 Image for {{ media_title }}{% endtrans %}" />
67 {% endif %}
68 {% endblock %}
69 </div>
70 <h2 class="media_title">
71 {{ media.title }}
72 </h2>
73 {% if request.user and
74 (media.uploader == request.user.id or
75 request.user.is_admin) %}
76 {% set edit_url = request.urlgen('mediagoblin.edit.edit_media',
77 user= media.get_uploader.username,
78 media_id=media.id) %}
79 <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a>
80 {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete',
81 user= media.get_uploader.username,
82 media_id=media.id) %}
83 <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a>
84
85 {% endif %}
86 {% autoescape False %}
87 <p>{{ media.description_html }}</p>
88 {% endautoescape %}
89 {% if comments %}
90 {% if app_config['allow_comments'] %}
91 <a
92 {% if not request.user %}
93 href="{{ request.urlgen('mediagoblin.auth.login') }}"
94 {% endif %}
95 class="button_action" id="button_addcomment" title="Add a comment">
96 {% trans %}Add a comment{% endtrans %}
97 </a>
98 {% include "mediagoblin/utils/comment-subscription.html" %}
99
100 {% endif %}
101 {% if request.user %}
102 <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment',
103 user= media.get_uploader.username,
104 media_id=media.id) }}" method="POST" id="form_comment">
105 {{ wtforms_util.render_divs(comment_form) }}
106 <div class="form_submit_buttons">
107 <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" />
108 {{ csrf_token }}
109 </div>
110 <input type="hidden" value="{{ request.urlgen('mediagoblin.user_pages.media_preview_comment') }}" id="previewURL" />
111 <input type="hidden" value="{% trans %}Comment Preview{% endtrans %}" id="previewText"/>
112 </form>
113 <div id="comment_preview"></div>
114 {% endif %}
115 <ul style="list-style:none">
116 {% for comment in comments %}
117 {% set comment_author = comment.get_author %}
118 <li id="comment-{{ comment.id }}"
119 {%- if pagination.active_id == comment.id %}
120 class="comment_wrapper comment_active">
121 <a name="comment" id="comment"></a>
122 {%- else %}
123 class="comment_wrapper">
124 {%- endif %}
125 <div class="comment_author">
126 <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
127 <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
128 user=comment_author.username) }}"
129 class="comment_authorlink">
130 {{- comment_author.username -}}
131 </a>
132 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
133 comment=comment.id,
134 user=media.get_uploader.username,
135 media=media.slug_or_id) }}#comment"
136 class="comment_whenlink">
137 <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'>
138 {%- trans formatted_time=timesince(comment.created) -%}
139 {{ formatted_time }} ago
140 {%- endtrans -%}
141 </span></a>:
142 </div>
143 <div class="comment_content">
144 {% autoescape False -%}
145 {{ comment.content_html }}
146 {%- endautoescape %}
147 </div>
148 </li>
149 {% endfor %}
150 </ul>
151 {{ render_pagination(request, pagination,
152 media.url_for_self(request.urlgen)) }}
153 {% endif %}
154 </div>
155 <div class="media_sidebar">
156 <h3>{% trans %}Added{% endtrans %}</h3>
157 <p><span title="{{ media.created.strftime("%I:%M%p %Y-%m-%d") }}">
158 {%- trans formatted_time=timesince(media.created) -%}
159 {{ formatted_time }} ago
160 {%- endtrans -%}
161 </span></p>
162
163 {% block mediagoblin_after_added_sidebar %}
164 {% endblock %}
165
166 {% if media.tags %}
167 {% include "mediagoblin/utils/tags.html" %}
168 {% endif %}
169
170 {% include "mediagoblin/utils/collections.html" %}
171
172 {% include "mediagoblin/utils/license.html" %}
173
174 {% include "mediagoblin/utils/exif.html" %}
175
176 {%- if media.attachment_files|count %}
177 <h3>{% trans %}Attachments{% endtrans %}</h3>
178 <ul>
179 {%- for attachment in media.attachment_files %}
180 <li>
181 <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
182 {{- attachment.name -}}
183 </a>
184 </li>
185 {%- endfor %}
186 </ul>
187 {%- endif %}
188 {%- if app_config['allow_attachments']
189 and request.user
190 and (media.uploader == request.user.id
191 or request.user.is_admin) %}
192 {%- if not media.attachment_files|count %}
193 <h3>{% trans %}Attachments{% endtrans %}</h3>
194 {%- endif %}
195 <p>
196 <a href="{{ request.urlgen('mediagoblin.edit.attachments',
197 user=media.get_uploader.username,
198 media_id=media.id) }}">
199 {%- trans %}Add attachment{% endtrans -%}
200 </a>
201 </p>
202 {%- endif %}
203
204 {% template_hook("media_sideinfo") %}
205
206 {% block mediagoblin_sidebar %}
207 {% endblock %}
208
209 </div>
210 <div class="clear"></div>
211 {% endblock %}