Merge remote-tracking branch 'joar/audio+sniffing'
[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 {% 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 %}
42 {% endblock mediagoblin_head %}
43
44 {% block mediagoblin_content %}
45 <p class="context">
46 {%- trans user_url=request.urlgen(
47 'mediagoblin.user_pages.user_home',
48 user=media.get_uploader.username),
49 username=media.get_uploader.username -%}
50 ❖ Browsing media by <a href="{{user_url}}">{{username}}</a>
51 {%- endtrans -%}
52 </p>
53 {% include "mediagoblin/utils/prev_next.html" %}
54 <div class="media_pane">
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 }}"
67 alt="Image for {{ media.title }}" />
68 </a>
69 {% else %}
70 <img class="media_image"
71 src="{{ display_media }}"
72 alt="Image for {{ media.title }}" />
73 {% endif %}
74 {% endblock %}
75 </div>
76 <h2 class="media_title">
77 {{ media.title }}
78 </h2>
79 {% if request.user and
80 (media.uploader == request.user._id or
81 request.user.is_admin) %}
82 {% set edit_url = request.urlgen('mediagoblin.edit.edit_media',
83 user= media.get_uploader.username,
84 media= media._id) %}
85 <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a>
86 {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete',
87 user= media.get_uploader.username,
88 media= media._id) %}
89 <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a>
90 {% endif %}
91 {% autoescape False %}
92 <p>{{ media.description_html }}</p>
93 {% endautoescape %}
94 {% if media.attachment_files|count %}
95 <h3>Attachments</h3>
96 <ul>
97 {% for attachment in media.attachment_files %}
98 <li>
99 <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
100 {{ attachment.name }}
101 </a>
102 </li>
103 {% endfor %}
104 </ul>
105 {% endif %}
106 {% if app_config['allow_attachments']
107 and request.user
108 and (media.uploader == request.user._id
109 or request.user.is_admin) %}
110 <p>
111 <a href="{{ request.urlgen('mediagoblin.edit.attachments',
112 user=media.get_uploader.username,
113 media=media._id) }}">Add attachment</a>
114 </p>
115 {% endif %}
116 {% if comments %}
117 <h3>
118 <div class="right_align">
119 <a
120 {% if not request.user %}
121 href="{{ request.urlgen('mediagoblin.auth.login') }}"
122 {% endif %}
123 class="button_action" id="button_addcomment" title="Add a comment">
124 {% trans %}Add a comment{% endtrans %}
125 </a>
126 </div>
127 </h3>
128 {% if request.user %}
129 <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment',
130 user= media.get_uploader.username,
131 media=media._id) }}" method="POST" id="form_comment">
132 <p>
133 {% trans %}You can use <a href="http://daringfireball.net/projects/markdown/basics">Markdown</a> for formatting.{% endtrans %}
134 </p>
135 {{ wtforms_util.render_divs(comment_form) }}
136 <div class="form_submit_buttons">
137 <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" />
138 {{ csrf_token }}
139 </div>
140 </form>
141 {% endif %}
142 {% for comment in comments %}
143 {% set comment_author = comment.get_author %}
144 {% if pagination.active_id == comment._id %}
145 <div class="comment_wrapper comment_active" id="comment-{{ comment._id }}">
146 <a name="comment" id="comment"></a>
147 {% else %}
148 <div class="comment_wrapper" id="comment-{{ comment._id }}">
149 {% endif %}
150 <div class="comment_content">
151 {% autoescape False %}
152 {{ comment.content_html }}
153 {% endautoescape %}
154 <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
155 <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
156 user = comment_author.username) }}">
157 {{ comment_author.username -}}
158 </a>
159 {% trans %}at{% endtrans %}
160 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
161 comment = comment._id,
162 user = media.get_uploader.username,
163 media = media.slug_or_id) }}#comment">
164 {{ comment.created.strftime("%I:%M%p %Y-%m-%d") }}
165 </a>
166 </div>
167 </div>
168 {% endfor %}
169 {{ render_pagination(request, pagination,
170 media.url_for_self(request.urlgen)) }}
171 {% endif %}
172 </div>
173 <div class="media_sidebar">
174 {% trans date=media.created.strftime("%Y-%m-%d") -%}
175 <h3>Added on</h3>
176 <p>{{ date }}</p>
177 {%- endtrans %}
178 {% if media.tags %}
179 {% include "mediagoblin/utils/tags.html" %}
180 {% endif %}
181
182 {% include "mediagoblin/utils/license.html" %}
183
184 {% include "mediagoblin/utils/geolocation_map.html" %}
185
186 {% include "mediagoblin/utils/exif.html" %}
187 </div>
188 <div class="clear"></div>
189 {% endblock %}