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