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 {% block mediagoblin_content %}
  36 <div class="row foot">
  37   <p class="eleven columns 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   <div class="five columns">
  46     {% include "mediagoblin/utils/prev_next.html" %}
  47   </div>
  48 </div>
  49   <div class="media_pane sixteen columns">
  50     <div class="media_image_container">
  51       {% block mediagoblin_media %}
  52         {% set display_media = request.app.public_store.file_url(
  53                  media.get_display_media()[1]) %}
  54         {# if there's a medium file size, that means the medium size
  55          #  isn't the original... so link to the original!
  56          #}
  57         {% if media.media_files.has_key('medium') %}
  58           <a href="{{ request.app.public_store.file_url(
  59                         media.media_files['original']) }}">
  60             <img class="media_image"
  61                  src="{{ display_media }}"
  62                  alt="{% trans media_title=media.title -%}
  63                         Image for {{ media_title }}{% endtrans %}" />
  64           </a>
  65         {% else %}
  66           <img class="media_image"
  67                src="{{ display_media }}"
  68                alt="{% trans media_title=media.title -%}
  69                       Image for {{ media_title }}{% endtrans %}" />
  70         {% endif %}
  71       {% endblock %}
  72     </div>
  73     <div class="row head foot">
  74     <h2 class="media_title">
  75       {{ media.title }}
  76     </h2>
  77     {% if request.user and
  78           (media.uploader == request.user.id or
  79            request.user.has_privilege('admin')) %}
  80     <div class="pull-right" style="padding-top:20px;">
  81       {% set edit_url = request.urlgen('mediagoblin.edit.edit_media',
  82                                  user= media.get_uploader.username,
  83                                  media_id=media.id) %}
  84       <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a>
  85       {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete',
  86                                  user= media.get_uploader.username,
  87                                  media_id=media.id) %}
  88       <a class="button_action button_warning" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a>
  89       </div>
  90     {% endif %}
  91     {% autoescape False %}
  92       <p>{{ media.description_html }}</p>
  93     {% endautoescape %}
  94     </div>
  95     </div>
  96
  97     <div class="eleven columns omega">
  98     {% if comments and request.user and request.user.has_privilege('commenter') %}
  99     <div class="media_comments">
 100       {% if app_config['allow_comments'] %}
 101         <a
 102           {% if not request.user %}
 103           href="{{ request.urlgen('mediagoblin.auth.login') }}?next={{
 104                                                 request.base_url|urlencode }}"
 105           {% endif %}
 106           class="button_action" id="button_addcomment" title="Add a comment">
 107           {% trans %}Add a comment{% endtrans %}
 108         </a>
 109         {% include "mediagoblin/utils/comment-subscription.html" %}
 110
 111       {% endif %}
 112       {% if request.user %}
 113         <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment',
 114                                          user= media.get_uploader.username,
 115                                          media_id=media.id) }}" method="POST" id="form_comment">
 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           <input type="hidden" value="{{ request.urlgen('mediagoblin.user_pages.media_preview_comment') }}" id="previewURL" />
 122           <input type="hidden" value="{% trans %}Comment Preview{% endtrans %}" id="previewText"/>
 123         </form>
 124         <div id="comment_preview"></div>
 125       {% endif %}
 126       <ul style="list-style:none">
 127       {% for comment in comments %}
 128         {% set comment_author = comment.get_author %}
 129         <li id="comment-{{ comment.id }}"
 130           {%- if pagination.active_id == comment.id %}
 131             class="comment_wrapper comment_active">
 132             <a name="comment" id="comment"></a>
 133           {%- else %}
 134             class="comment_wrapper">
 135           {%- endif %}
 136           <div class="comment_author">
 137             <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
 138             <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
 139                             user=comment_author.username) }}"
 140                class="comment_authorlink">
 141               {{- comment_author.username -}}
 142             </a>
 143             <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
 144                             comment=comment.id,
 145                             user=media.get_uploader.username,
 146                             media=media.slug_or_id) }}#comment"
 147                class="comment_whenlink">
 148               <span title='{{- comment.created.strftime("%I:%M%p %Y-%m-%d") -}}'>
 149                 {%- trans formatted_time=timesince(comment.created) -%}
 150                   {{ formatted_time }} ago
 151                 {%- endtrans -%}
 152               </span></a>:
 153           </div>
 154           <div class="comment_content">
 155             {% autoescape False -%}
 156               {{ comment.content_html }}
 157             {%- endautoescape %}
 158           </div>
 159           <div>
 160             {% if app_config.allow_reporting %}
 161                 <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.report_comment',
 162                             user=media.get_uploader.username,
 163                              media=media.slug_or_id,
 164                              comment=comment.id) }}">
 165                     {% trans %}Report{% endtrans %}</a>
 166             {% endif %}
 167           </div>
 168         </li>
 169       {% endfor %}
 170       </ul>
 171       {{ render_pagination(request, pagination,
 172                  media.url_for_self(request.urlgen)) }}
 173     {% else %}
 174       <div class="empty_space no_background">
 175     {% endif %}
 176   </div>
 177   </div>
 178
 179   <div class="five columns alpha media_sidebar">
 180     <h3>{% trans %}Added{% endtrans %}</h3>
 181     <p><span title="{{ media.created.strftime("%I:%M%p %Y-%m-%d") }}">
 182         {%- trans formatted_time=timesince(media.created) -%}
 183           {{ formatted_time }} ago
 184         {%- endtrans -%}
 185     </span></p>
 186
 187     {% block mediagoblin_after_added_sidebar %}
 188     {% endblock %}
 189
 190     {% if media.tags %}
 191       {% include "mediagoblin/utils/tags.html" %}
 192     {% endif %}
 193
 194     {% include "mediagoblin/utils/collections.html" %}
 195
 196     {% if app_config.allow_reporting %}
 197       {% include "mediagoblin/utils/report.html" %}
 198     {% endif %}
 199
 200     {% include "mediagoblin/utils/license.html" %}
 201
 202     {% include "mediagoblin/utils/exif.html" %}
 203
 204     {%- if media.attachment_files|count %}
 205       <h3>{% trans %}Attachments{% endtrans %}</h3>
 206       <ul>
 207         {%- for attachment in media.attachment_files %}
 208           <li>
 209             <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
 210               {{- attachment.name -}}
 211             </a>
 212           </li>
 213         {%- endfor %}
 214       </ul>
 215     {%- endif %}
 216     {%- if app_config['allow_attachments']
 217           and request.user
 218           and (media.uploader == request.user.id
 219                or request.user.has_privilege('admin')) %}
 220       {%- if not media.attachment_files|count %}
 221         <h3>{% trans %}Attachments{% endtrans %}</h3>
 222       {%- endif %}
 223       <p>
 224         <a href="{{ request.urlgen('mediagoblin.edit.attachments',
 225                       user=media.get_uploader.username,
 226                       media_id=media.id) }}">
 227           {%- trans %}Add attachment{% endtrans -%}
 228         </a>
 229       </p>
 230     {%- endif %}
 231
 232     {% template_hook("media_sideinfo") %}
 233
 234     {% block mediagoblin_sidebar %}
 235     {% endblock %}
 236
 237   </div><!--end media_sidebar-->
 238
 239   <div class="clear"></div>
 240 {% endblock %}