At this point, I am very close to done with this code! I made one big change at
[mediagoblin: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.has_privilege('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 and request.user and request.user.has_privilege('commenter') %}
90       {% if app_config['allow_comments'] %}
91         <a
92           {% if not request.user %}
93           href="{{ request.urlgen('mediagoblin.auth.login') }}?next={{
94                                                 request.base_url|urlencode }}"
95           {% endif %}
96           class="button_action" id="button_addcomment" title="Add a comment">
97           {% trans %}Add a comment{% endtrans %}
98         </a>
99         {% include "mediagoblin/utils/comment-subscription.html" %}
100
101       {% endif %}
102       {% if request.user %}
103         <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment',
104                                          user= media.get_uploader.username,
105                                          media_id=media.id) }}" method="POST" id="form_comment">
106           {{ wtforms_util.render_divs(comment_form) }}
107           <div class="form_submit_buttons">
108             <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" />
109               {{ csrf_token }}
110           </div>
111           <input type="hidden" value="{{ request.urlgen('mediagoblin.user_pages.media_preview_comment') }}" id="previewURL" />
112           <input type="hidden" value="{% trans %}Comment Preview{% endtrans %}" id="previewText"/>
113         </form>
114         <div id="comment_preview"></div>
115       {% endif %}
116       <ul style="list-style:none">
117       {% for comment in comments %}
118         {% set comment_author = comment.get_author %}
119         <li id="comment-{{ comment.id }}"
120           {%- if pagination.active_id == comment.id %}
121             class="comment_wrapper comment_active">
122             <a name="comment" id="comment"></a>
123           {%- else %}
124             class="comment_wrapper">
125           {%- endif %}
126           <div class="comment_author">
127             <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
128             <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
129                             user=comment_author.username) }}"
130                class="comment_authorlink">
131               {{- comment_author.username -}}
132             </a>
133             <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
134                             comment=comment.id,
135                             user=media.get_uploader.username,
136                             media=media.slug_or_id) }}#comment"
137                class="comment_whenlink">
138               <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'>
139                 {%- trans formatted_time=timesince(comment.created) -%}
140                   {{ formatted_time }} ago
141                 {%- endtrans -%}
142               </span></a>:
143           </div>
144           <div class="comment_content">
145             {% autoescape False -%}
146               {{ comment.content_html }}
147             {%- endautoescape %}
148           </div>
149           <div>
150             {% if app_config.allow_reporting %}
151                 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.report_comment',
152                             user=media.get_uploader.username,
153                              media=media.slug_or_id,
154                              comment=comment.id) }}">
155                     {% trans %}Report{% endtrans %}</a>
156             {% endif %}
157           </div>
158         </li>
159       {% endfor %}
160       </ul>
161       {{ render_pagination(request, pagination,
162                  media.url_for_self(request.urlgen)) }}
163     {% endif %}
164   </div>
165   <div class="media_sidebar">
166     <h3>{% trans %}Added{% endtrans %}</h3>
167     <p><span title="{{ media.created.strftime("%I:%M%p %Y-%m-%d") }}">
168         {%- trans formatted_time=timesince(media.created) -%}
169           {{ formatted_time }} ago
170         {%- endtrans -%}
171     </span></p>
172
173     {% block mediagoblin_after_added_sidebar %}
174     {% endblock %}
175
176     {% if media.tags %}
177       {% include "mediagoblin/utils/tags.html" %}
178     {% endif %}
179
180     {% include "mediagoblin/utils/collections.html" %}
181
182     {% if app_config.allow_reporting %}
183       {% include "mediagoblin/utils/report.html" %}
184     {% endif %}
185
186     {% include "mediagoblin/utils/license.html" %}
187
188     {% include "mediagoblin/utils/exif.html" %}
189
190     {%- if media.attachment_files|count %}
191       <h3>{% trans %}Attachments{% endtrans %}</h3>
192       <ul>
193         {%- for attachment in media.attachment_files %}
194           <li>
195             <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
196               {{- attachment.name -}}
197             </a>
198           </li>
199         {%- endfor %}
200       </ul>
201     {%- endif %}
202     {%- if app_config['allow_attachments']
203           and request.user
204           and (media.uploader == request.user.id
205                or request.user.has_privilege('admin')) %}
206       {%- if not media.attachment_files|count %}
207         <h3>{% trans %}Attachments{% endtrans %}</h3>
208       {%- endif %}
209       <p>
210         <a href="{{ request.urlgen('mediagoblin.edit.attachments',
211                       user=media.get_uploader.username,
212                       media_id=media.id) }}">
213           {%- trans %}Add attachment{% endtrans -%}
214         </a>
215       </p>
216     {%- endif %}
217
218     {% template_hook("media_sideinfo") %}
219
220     {% block mediagoblin_sidebar %}
221     {% endblock %}
222
223   </div>
224   <div class="clear"></div>
225 {% endblock %}