Commit | Line | Data |
---|---|---|
9a16e16f SS |
1 | {# |
2 | # GNU MediaGoblin -- federated, autonomous media hosting | |
cf29e8a8 | 3 | # Copyright (C) 2011, 2012 MediaGoblin contributors. See AUTHORS. |
9a16e16f SS |
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 | #} | |
954b407c | 18 | {%- extends "mediagoblin/base.html" %} |
aa7d1a2f JW |
19 | |
20 | {% import "/mediagoblin/utils/wtforms.html" as wtforms_util %} | |
5949be9a | 21 | {% from "mediagoblin/utils/pagination.html" import render_pagination %} |
aa7d1a2f | 22 | |
688f56c2 CAW |
23 | {% block title %}{{ media.title }} — {{ super() }}{% endblock %} |
24 | ||
75a12d63 | 25 | {% block mediagoblin_head %} |
e8e444a8 JW |
26 | <!--[if lte IE 8]><link rel="stylesheet" |
27 | href="{{ request.staticdirect('/extlib/leaflet/leaflet.ie.css') }}" /><![endif]--> | |
ada0642e JS |
28 | <script type="text/javascript" |
29 | src="{{ request.staticdirect('/js/comment_show.js') }}"></script> | |
64327824 JS |
30 | <script type="text/javascript" |
31 | src="{{ request.staticdirect('/js/keyboard_navigation.js') }}"></script> | |
cd1b836e | 32 | |
cac17c15 | 33 | {% template_hook("media_head") %} |
75a12d63 JS |
34 | {% endblock mediagoblin_head %} |
35 | ||
9a16e16f | 36 | {% block mediagoblin_content %} |
0dedf3f2 E |
37 | <p class="context"> |
38 | {%- trans user_url=request.urlgen( | |
ee9a0e3c JS |
39 | 'mediagoblin.user_pages.user_home', |
40 | user=media.get_uploader.username), | |
41 | username=media.get_uploader.username -%} | |
0dedf3f2 E |
42 | ❖ Browsing media by <a href="{{user_url}}">{{username}}</a> |
43 | {%- endtrans -%} | |
44 | </p> | |
ee9a0e3c | 45 | {% include "mediagoblin/utils/prev_next.html" %} |
aa4f958a | 46 | <div class="media_pane"> |
38816c66 CAW |
47 | <div class="media_image_container"> |
48 | {% block mediagoblin_media %} | |
49 | {% set display_media = request.app.public_store.file_url( | |
ddbf6af1 | 50 | media.get_display_media()[1]) %} |
38816c66 CAW |
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 }}" | |
4a5b97ba CAW |
59 | alt="{% trans media_title=media.title -%} |
60 | Image for {{ media_title }}{% endtrans %}" /> | |
38816c66 CAW |
61 | </a> |
62 | {% else %} | |
9b424b17 CAW |
63 | <img class="media_image" |
64 | src="{{ display_media }}" | |
4a5b97ba CAW |
65 | alt="{% trans media_title=media.title -%} |
66 | Image for {{ media_title }}{% endtrans %}" /> | |
38816c66 CAW |
67 | {% endif %} |
68 | {% endblock %} | |
69 | </div> | |
f80f5b58 CAW |
70 | <h2 class="media_title"> |
71 | {{ media.title }} | |
72 | </h2> | |
ee9a0e3c | 73 | {% if request.user and |
aa4f958a | 74 | (media.uploader == request.user.id or |
ee9a0e3c JS |
75 | request.user.is_admin) %} |
76 | {% set edit_url = request.urlgen('mediagoblin.edit.edit_media', | |
77 | user= media.get_uploader.username, | |
461dd971 | 78 | media_id=media.id) %} |
ee9a0e3c JS |
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, | |
461dd971 | 82 | media_id=media.id) %} |
ee9a0e3c | 83 | <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a> |
0c7fa755 | 84 | |
ee9a0e3c | 85 | {% endif %} |
f80f5b58 CAW |
86 | {% autoescape False %} |
87 | <p>{{ media.description_html }}</p> | |
ee9a0e3c | 88 | {% endautoescape %} |
694e965f | 89 | {% if comments %} |
8154ecaf CAW |
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> | |
0c7fa755 JW |
98 | {% include "mediagoblin/utils/comment-subscription.html" %} |
99 | ||
8154ecaf | 100 | {% endif %} |
e360a992 | 101 | {% if request.user %} |
aa4f958a | 102 | <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment', |
05751758 | 103 | user= media.get_uploader.username, |
461dd971 | 104 | media_id=media.id) }}" method="POST" id="form_comment"> |
f80f5b58 CAW |
105 | {{ wtforms_util.render_divs(comment_form) }} |
106 | <div class="form_submit_buttons"> | |
75a12d63 | 107 | <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" /> |
f80f5b58 CAW |
108 | {{ csrf_token }} |
109 | </div> | |
5ab60299 | 110 | <input type="hidden" value="{{ request.urlgen('mediagoblin.user_pages.media_preview_comment') }}" id="previewURL" /> |
f80f5b58 | 111 | </form> |
5ab60299 | 112 | <div id="comment_preview"></div> |
e360a992 | 113 | {% endif %} |
5bae4af1 | 114 | <ul style="list-style:none"> |
694e965f JS |
115 | {% for comment in comments %} |
116 | {% set comment_author = comment.get_author %} | |
5bae4af1 E |
117 | <li id="comment-{{ comment.id }}" |
118 | {%- if pagination.active_id == comment.id %} | |
119 | class="comment_wrapper comment_active"> | |
120 | <a name="comment" id="comment"></a> | |
121 | {%- else %} | |
122 | class="comment_wrapper"> | |
123 | {%- endif %} | |
124 | <div class="comment_author"> | |
694e965f JS |
125 | <img src="{{ request.staticdirect('/images/icon_comment.png') }}" /> |
126 | <a href="{{ request.urlgen('mediagoblin.user_pages.user_home', | |
64308aca CAW |
127 | user=comment_author.username) }}" |
128 | class="comment_authorlink"> | |
4637d50c | 129 | {{- comment_author.username -}} |
694e965f | 130 | </a> |
694e965f | 131 | <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment', |
397c22d1 CAW |
132 | comment=comment.id, |
133 | user=media.get_uploader.username, | |
64308aca CAW |
134 | media=media.slug_or_id) }}#comment" |
135 | class="comment_whenlink"> | |
f1c3807d | 136 | <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'> |
eac52ac1 CAW |
137 | {%- trans formatted_time=timesince(comment.created) -%} |
138 | {{ formatted_time }} ago | |
139 | {%- endtrans -%} | |
140 | </span></a>: | |
55dbaa9b JS |
141 | </div> |
142 | <div class="comment_content"> | |
4637d50c | 143 | {% autoescape False -%} |
55dbaa9b | 144 | {{ comment.content_html }} |
4637d50c | 145 | {%- endautoescape %} |
6f65e9eb | 146 | </div> |
5bae4af1 | 147 | </li> |
694e965f | 148 | {% endfor %} |
5bae4af1 | 149 | </ul> |
0eb649ff E |
150 | {{ render_pagination(request, pagination, |
151 | media.url_for_self(request.urlgen)) }} | |
aa7d1a2f | 152 | {% endif %} |
b21c9434 JS |
153 | </div> |
154 | <div class="media_sidebar"> | |
34d30444 | 155 | <h3>{% trans %}Added{% endtrans %}</h3> |
05ad187b | 156 | <p><span title="{{ media.created.strftime("%I:%M%p %Y-%m-%d") }}"> |
eac52ac1 CAW |
157 | {%- trans formatted_time=timesince(media.created) -%} |
158 | {{ formatted_time }} ago | |
159 | {%- endtrans -%} | |
160 | </span></p> | |
058226d0 | 161 | |
ab4cbb10 CAW |
162 | {% block mediagoblin_after_added_sidebar %} |
163 | {% endblock %} | |
058226d0 | 164 | |
f80f5b58 CAW |
165 | {% if media.tags %} |
166 | {% include "mediagoblin/utils/tags.html" %} | |
aa7d1a2f | 167 | {% endif %} |
5d900647 | 168 | |
44004c17 | 169 | {% include "mediagoblin/utils/collections.html" %} |
be5be115 | 170 | |
99a270e9 | 171 | {% include "mediagoblin/utils/license.html" %} |
6d9ce47f | 172 | |
cc7ca4da | 173 | {% include "mediagoblin/utils/exif.html" %} |
aa4f958a | 174 | |
954b407c | 175 | {%- if media.attachment_files|count %} |
62b7d1b2 JK |
176 | <h3>{% trans %}Attachments{% endtrans %}</h3> |
177 | <ul> | |
954b407c | 178 | {%- for attachment in media.attachment_files %} |
62b7d1b2 JK |
179 | <li> |
180 | <a href="{{ request.app.public_store.file_url(attachment.filepath) }}"> | |
13ab48a7 | 181 | {{- attachment.name -}} |
62b7d1b2 JK |
182 | </a> |
183 | </li> | |
954b407c | 184 | {%- endfor %} |
62b7d1b2 | 185 | </ul> |
954b407c E |
186 | {%- endif %} |
187 | {%- if app_config['allow_attachments'] | |
62b7d1b2 | 188 | and request.user |
5c2b8486 | 189 | and (media.uploader == request.user.id |
62b7d1b2 | 190 | or request.user.is_admin) %} |
954b407c | 191 | {%- if not media.attachment_files|count %} |
62b7d1b2 | 192 | <h3>{% trans %}Attachments{% endtrans %}</h3> |
954b407c | 193 | {%- endif %} |
62b7d1b2 JK |
194 | <p> |
195 | <a href="{{ request.urlgen('mediagoblin.edit.attachments', | |
196 | user=media.get_uploader.username, | |
954b407c E |
197 | media_id=media.id) }}"> |
198 | {%- trans %}Add attachment{% endtrans -%} | |
199 | </a> | |
62b7d1b2 | 200 | </p> |
954b407c | 201 | {%- endif %} |
62b7d1b2 | 202 | |
927be5e8 | 203 | {% template_hook("media_sideinfo") %} |
1c2d01ae | 204 | |
b781c3c9 JK |
205 | {% block mediagoblin_sidebar %} |
206 | {% endblock %} | |
1c2d01ae | 207 | |
f80f5b58 | 208 | </div> |
85778e79 | 209 | <div class="clear"></div> |
d3060210 | 210 | {% endblock %} |