| 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 }} — {{ 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="{% trans media_title=media.title -%} |
| 68 | Image for {{ media_title }}{% endtrans %}" /> |
| 69 | </a> |
| 70 | {% else %} |
| 71 | <img class="media_image" |
| 72 | src="{{ display_media }}" |
| 73 | alt="{% trans media_title=media.title -%} |
| 74 | Image for {{ media_title }}{% endtrans %}" /> |
| 75 | {% endif %} |
| 76 | {% endblock %} |
| 77 | </div> |
| 78 | <h2 class="media_title"> |
| 79 | {{ media.title }} |
| 80 | </h2> |
| 81 | {% if request.user and |
| 82 | (media.uploader == request.user._id or |
| 83 | request.user.is_admin) %} |
| 84 | {% set edit_url = request.urlgen('mediagoblin.edit.edit_media', |
| 85 | user= media.get_uploader.username, |
| 86 | media= media._id) %} |
| 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, |
| 90 | media= media._id) %} |
| 91 | <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a> |
| 92 | {% endif %} |
| 93 | {% autoescape False %} |
| 94 | <p>{{ media.description_html }}</p> |
| 95 | {% endautoescape %} |
| 96 | {% if comments %} |
| 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"> |
| 102 | {% trans %}Add a comment{% endtrans %} |
| 103 | </a> |
| 104 | {% if request.user %} |
| 105 | <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment', |
| 106 | user= media.get_uploader.username, |
| 107 | media=media._id) }}" method="POST" id="form_comment"> |
| 108 | <p> |
| 109 | {% trans %}You can use <a href="http://daringfireball.net/projects/markdown/basics">Markdown</a> for formatting.{% endtrans %} |
| 110 | </p> |
| 111 | {{ wtforms_util.render_divs(comment_form) }} |
| 112 | <div class="form_submit_buttons"> |
| 113 | <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" /> |
| 114 | {{ csrf_token }} |
| 115 | </div> |
| 116 | </form> |
| 117 | {% endif %} |
| 118 | {% for comment in comments %} |
| 119 | {% set comment_author = comment.get_author %} |
| 120 | {% if pagination.active_id == comment._id %} |
| 121 | <div class="comment_wrapper comment_active" id="comment-{{ comment._id }}"> |
| 122 | <a name="comment" id="comment"></a> |
| 123 | {% else %} |
| 124 | <div class="comment_wrapper" id="comment-{{ comment._id }}"> |
| 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 | {{ comment_author.username -}} |
| 131 | </a> |
| 132 | {% trans %}at{% endtrans %} |
| 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 | {{ comment.created.strftime("%I:%M%p %Y-%m-%d") }} |
| 138 | </a>: |
| 139 | </div> |
| 140 | <div class="comment_content"> |
| 141 | {% autoescape False %} |
| 142 | {{ comment.content_html }} |
| 143 | {% endautoescape %} |
| 144 | </div> |
| 145 | </div> |
| 146 | {% endfor %} |
| 147 | {{ render_pagination(request, pagination, |
| 148 | media.url_for_self(request.urlgen)) }} |
| 149 | {% endif %} |
| 150 | </div> |
| 151 | <div class="media_sidebar"> |
| 152 | {% trans date=media.created.strftime("%Y-%m-%d") -%} |
| 153 | <h3>Added on</h3> |
| 154 | <p>{{ date }}</p> |
| 155 | {%- endtrans %} |
| 156 | {% if app_config['original_date_visible'] |
| 157 | and media.media_data.exif_all is defined |
| 158 | and 'EXIF DateTimeOriginal' in media.media_data.exif_all %} |
| 159 | {% trans date=media.media_data.exif_all['EXIF DateTimeOriginal']['printable'][:10].replace(':','-') -%} |
| 160 | <h3>Created on</h3> |
| 161 | <p>{{ date }}</p> |
| 162 | {%- endtrans %} |
| 163 | {% endif %} |
| 164 | {% if media.tags %} |
| 165 | {% include "mediagoblin/utils/tags.html" %} |
| 166 | {% endif %} |
| 167 | |
| 168 | {% if media.collections %} |
| 169 | {% include "mediagoblin/utils/collections.html" %} |
| 170 | {% endif %} |
| 171 | |
| 172 | {% include "mediagoblin/utils/license.html" %} |
| 173 | |
| 174 | {% include "mediagoblin/utils/geolocation_map.html" %} |
| 175 | |
| 176 | {% include "mediagoblin/utils/exif.html" %} |
| 177 | |
| 178 | {% if media.attachment_files|count %} |
| 179 | <h3>{% trans %}Attachments{% endtrans %}</h3> |
| 180 | <ul> |
| 181 | {% for attachment in media.attachment_files %} |
| 182 | <li> |
| 183 | <a href="{{ request.app.public_store.file_url(attachment.filepath) }}"> |
| 184 | {{ attachment.name }} |
| 185 | </a> |
| 186 | </li> |
| 187 | {% endfor %} |
| 188 | </ul> |
| 189 | {% endif %} |
| 190 | {% if app_config['allow_attachments'] |
| 191 | and request.user |
| 192 | and (media.uploader == request.user._id |
| 193 | or request.user.is_admin) %} |
| 194 | {% if not media.attachment_files|count %} |
| 195 | <h3>{% trans %}Attachments{% endtrans %}</h3> |
| 196 | {% endif %} |
| 197 | <p> |
| 198 | <a href="{{ request.urlgen('mediagoblin.edit.attachments', |
| 199 | user=media.get_uploader.username, |
| 200 | media=media._id) }}">{% trans %}Add attachment{% endtrans %}</a> |
| 201 | </p> |
| 202 | {% endif %} |
| 203 | |
| 204 | {% if request.user %} |
| 205 | <p> |
| 206 | <a type="submit" href="{{ request.urlgen('mediagoblin.user_pages.media_collect', |
| 207 | user=media.get_uploader.username, |
| 208 | media=media._id) }}" class="button_action button_collect" > |
| 209 | </a> |
| 210 | </p> |
| 211 | {% endif %} |
| 212 | |
| 213 | {% block mediagoblin_sidebar %} |
| 214 | {% endblock %} |
| 215 | </div> |
| 216 | <div class="clear"></div> |
| 217 | {% endblock %} |