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 | #} | |
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 JW |
32 | |
33 | {% if app_config['geolocation_map_visible'] %} | |
34 | <link rel="stylesheet" | |
35 | href="{{ request.staticdirect('/extlib/leaflet/leaflet.css') }}" /> | |
36 | ||
37 | <script type="text/javascript" | |
38 | src="{{ request.staticdirect('/extlib/leaflet/leaflet.js') }}"></script> | |
39 | <script type="text/javascript" | |
40 | src="{{ request.staticdirect('/js/geolocation-map.js') }}"></script> | |
41 | {% endif %} | |
75a12d63 JS |
42 | {% endblock mediagoblin_head %} |
43 | ||
9a16e16f | 44 | {% block mediagoblin_content %} |
0dedf3f2 E |
45 | <p class="context"> |
46 | {%- trans user_url=request.urlgen( | |
ee9a0e3c JS |
47 | 'mediagoblin.user_pages.user_home', |
48 | user=media.get_uploader.username), | |
49 | username=media.get_uploader.username -%} | |
0dedf3f2 E |
50 | ❖ Browsing media by <a href="{{user_url}}">{{username}}</a> |
51 | {%- endtrans -%} | |
52 | </p> | |
ee9a0e3c | 53 | {% include "mediagoblin/utils/prev_next.html" %} |
141f14e2 | 54 | <div class="media_pane"> |
38816c66 CAW |
55 | <div class="media_image_container"> |
56 | {% block mediagoblin_media %} | |
57 | {% set display_media = request.app.public_store.file_url( | |
58 | media.get_display_media(media.media_files)) %} | |
59 | {# if there's a medium file size, that means the medium size | |
60 | # isn't the original... so link to the original! | |
61 | #} | |
62 | {% if media.media_files.has_key('medium') %} | |
63 | <a href="{{ request.app.public_store.file_url( | |
64 | media.media_files['original']) }}"> | |
65 | <img class="media_image" | |
66 | src="{{ display_media }}" | |
4a5b97ba CAW |
67 | alt="{% trans media_title=media.title -%} |
68 | Image for {{ media_title }}{% endtrans %}" /> | |
38816c66 CAW |
69 | </a> |
70 | {% else %} | |
9b424b17 CAW |
71 | <img class="media_image" |
72 | src="{{ display_media }}" | |
4a5b97ba CAW |
73 | alt="{% trans media_title=media.title -%} |
74 | Image for {{ media_title }}{% endtrans %}" /> | |
38816c66 CAW |
75 | {% endif %} |
76 | {% endblock %} | |
77 | </div> | |
f80f5b58 CAW |
78 | <h2 class="media_title"> |
79 | {{ media.title }} | |
80 | </h2> | |
ee9a0e3c | 81 | {% if request.user and |
5c2b8486 | 82 | (media.uploader == request.user.id or |
ee9a0e3c JS |
83 | request.user.is_admin) %} |
84 | {% set edit_url = request.urlgen('mediagoblin.edit.edit_media', | |
85 | user= media.get_uploader.username, | |
5c2b8486 | 86 | media= media.id) %} |
ee9a0e3c JS |
87 | <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a> |
88 | {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete', | |
89 | user= media.get_uploader.username, | |
5c2b8486 | 90 | media= media.id) %} |
ee9a0e3c JS |
91 | <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a> |
92 | {% endif %} | |
f80f5b58 CAW |
93 | {% autoescape False %} |
94 | <p>{{ media.description_html }}</p> | |
ee9a0e3c | 95 | {% endautoescape %} |
694e965f | 96 | {% if comments %} |
694e965f JS |
97 | <a |
98 | {% if not request.user %} | |
99 | href="{{ request.urlgen('mediagoblin.auth.login') }}" | |
100 | {% endif %} | |
101 | class="button_action" id="button_addcomment" title="Add a comment"> | |
ee9a0e3c | 102 | {% trans %}Add a comment{% endtrans %} |
694e965f | 103 | </a> |
e360a992 | 104 | {% if request.user %} |
f80f5b58 | 105 | <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment', |
05751758 | 106 | user= media.get_uploader.username, |
5c2b8486 | 107 | media=media.id) }}" method="POST" id="form_comment"> |
bb3b9e40 | 108 | <p> |
fafec727 | 109 | {% trans %}You can use <a href="http://daringfireball.net/projects/markdown/basics">Markdown</a> for formatting.{% endtrans %} |
bb3b9e40 | 110 | </p> |
f80f5b58 CAW |
111 | {{ wtforms_util.render_divs(comment_form) }} |
112 | <div class="form_submit_buttons"> | |
75a12d63 | 113 | <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" /> |
f80f5b58 CAW |
114 | {{ csrf_token }} |
115 | </div> | |
116 | </form> | |
e360a992 | 117 | {% endif %} |
694e965f JS |
118 | {% for comment in comments %} |
119 | {% set comment_author = comment.get_author %} | |
5c2b8486 SS |
120 | {% if pagination.active_id == comment.id %} |
121 | <div class="comment_wrapper comment_active" id="comment-{{ comment.id }}"> | |
694e965f JS |
122 | <a name="comment" id="comment"></a> |
123 | {% else %} | |
5c2b8486 | 124 | <div class="comment_wrapper" id="comment-{{ comment.id }}"> |
694e965f | 125 | {% endif %} |
55dbaa9b | 126 | <div class="comment_author"> |
694e965f JS |
127 | <img src="{{ request.staticdirect('/images/icon_comment.png') }}" /> |
128 | <a href="{{ request.urlgen('mediagoblin.user_pages.user_home', | |
129 | user = comment_author.username) }}"> | |
0dedf3f2 | 130 | {{ comment_author.username -}} |
694e965f JS |
131 | </a> |
132 | {% trans %}at{% endtrans %} | |
133 | <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment', | |
5c2b8486 | 134 | comment = comment.id, |
694e965f | 135 | user = media.get_uploader.username, |
3e907d55 | 136 | media = media.slug_or_id) }}#comment"> |
694e965f | 137 | {{ comment.created.strftime("%I:%M%p %Y-%m-%d") }} |
55dbaa9b JS |
138 | </a>: |
139 | </div> | |
140 | <div class="comment_content"> | |
141 | {% autoescape False %} | |
142 | {{ comment.content_html }} | |
143 | {% endautoescape %} | |
6f65e9eb | 144 | </div> |
694e965f JS |
145 | </div> |
146 | {% endfor %} | |
0eb649ff E |
147 | {{ render_pagination(request, pagination, |
148 | media.url_for_self(request.urlgen)) }} | |
aa7d1a2f | 149 | {% endif %} |
b21c9434 JS |
150 | </div> |
151 | <div class="media_sidebar"> | |
ee9a0e3c | 152 | {% trans date=media.created.strftime("%Y-%m-%d") -%} |
327a1bb2 | 153 | <h3>Added on</h3> |
ee9a0e3c JS |
154 | <p>{{ date }}</p> |
155 | {%- endtrans %} | |
f80f5b58 CAW |
156 | {% if media.tags %} |
157 | {% include "mediagoblin/utils/tags.html" %} | |
aa7d1a2f | 158 | {% endif %} |
5d900647 | 159 | |
be5be115 AW |
160 | {% if media.collections %} |
161 | {% include "mediagoblin/utils/collections.html" %} | |
162 | {% endif %} | |
163 | ||
99a270e9 | 164 | {% include "mediagoblin/utils/license.html" %} |
6d9ce47f | 165 | |
cc7ca4da JW |
166 | {% include "mediagoblin/utils/geolocation_map.html" %} |
167 | ||
168 | {% include "mediagoblin/utils/exif.html" %} | |
b781c3c9 | 169 | |
62b7d1b2 JK |
170 | {% if media.attachment_files|count %} |
171 | <h3>{% trans %}Attachments{% endtrans %}</h3> | |
172 | <ul> | |
173 | {% for attachment in media.attachment_files %} | |
174 | <li> | |
175 | <a href="{{ request.app.public_store.file_url(attachment.filepath) }}"> | |
13ab48a7 | 176 | {{- attachment.name -}} |
62b7d1b2 JK |
177 | </a> |
178 | </li> | |
179 | {% endfor %} | |
180 | </ul> | |
181 | {% endif %} | |
182 | {% if app_config['allow_attachments'] | |
183 | and request.user | |
5c2b8486 | 184 | and (media.uploader == request.user.id |
62b7d1b2 JK |
185 | or request.user.is_admin) %} |
186 | {% if not media.attachment_files|count %} | |
187 | <h3>{% trans %}Attachments{% endtrans %}</h3> | |
188 | {% endif %} | |
189 | <p> | |
190 | <a href="{{ request.urlgen('mediagoblin.edit.attachments', | |
191 | user=media.get_uploader.username, | |
5c2b8486 | 192 | media=media.id) }}">{% trans %}Add attachment{% endtrans %}</a> |
62b7d1b2 JK |
193 | </p> |
194 | {% endif %} | |
195 | ||
be5be115 AW |
196 | {% if request.user %} |
197 | <p> | |
198 | <a type="submit" href="{{ request.urlgen('mediagoblin.user_pages.media_collect', | |
199 | user=media.get_uploader.username, | |
5c2b8486 | 200 | media=media.id) }}" |
d2fad5c9 | 201 | class="button_action" |
9498e3e7 | 202 | title="{% trans %}Add media to collection{% endtrans %}"> |
d2fad5c9 E |
203 | <img src="{{ request.staticdirect('/images/icon_collect.png') }}" |
204 | /> | |
be5be115 AW |
205 | </a> |
206 | </p> | |
207 | {% endif %} | |
208 | ||
b781c3c9 JK |
209 | {% block mediagoblin_sidebar %} |
210 | {% endblock %} | |
f80f5b58 | 211 | </div> |
85778e79 | 212 | <div class="clear"></div> |
d3060210 | 213 | {% endblock %} |