Fix comment input field width/padding; change some text; remove weird #form_comment...

[mediagoblin.git] / mediagoblin / templates / mediagoblin / user_pages / media.html

{#
# GNU MediaGoblin -- federated, autonomous media hosting
# Copyright (C) 2011, 2012 MediaGoblin contributors.  See AUTHORS.
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#}
{% extends "mediagoblin/base.html" %}

{% import "/mediagoblin/utils/wtforms.html" as wtforms_util %}
{% from "mediagoblin/utils/pagination.html" import render_pagination %}

{% block title %}{{ media.title }} &mdash; {{ super() }}{% endblock %}

{% block mediagoblin_head %}
<!--[if lte IE 8]><link rel="stylesheet"
    href="{{ request.staticdirect('/extlib/leaflet/leaflet.ie.css') }}" /><![endif]-->
  <script type="text/javascript"
          src="{{ request.staticdirect('/js/comment_show.js') }}"></script>

  {% if app_config['geolocation_map_visible'] %}
    <link rel="stylesheet"
	  href="{{ request.staticdirect('/extlib/leaflet/leaflet.css') }}" />

    <script type="text/javascript"
            src="{{ request.staticdirect('/extlib/leaflet/leaflet.js') }}"></script>
    <script type="text/javascript"
            src="{{ request.staticdirect('/js/geolocation-map.js') }}"></script>
  {% endif %}
{% endblock mediagoblin_head %}

{% block mediagoblin_content %}
  {% trans user_url=request.urlgen(
              'mediagoblin.user_pages.user_home',
              user=media.get_uploader.username),
              username=media.get_uploader.username -%}
    <p class="context">❖ Browsing media by <a href="{{ user_url }}">{{ username }}</a></p>
  {%- endtrans %}
  {% include "mediagoblin/utils/prev_next.html" %}
  <div class="media_image_container">
    {% block mediagoblin_media %}
      {% set display_media = request.app.public_store.file_url(
               media.get_display_media(media.media_files)) %}
      {# if there's a medium file size, that means the medium size
       #  isn't the original... so link to the original!
       #}
      {% if media.media_files.has_key('medium') %}
        <a href="{{ request.app.public_store.file_url(
                      media.media_files['original']) }}">
          <img class="media_image"
               src="{{ display_media }}"
               alt="Image for {{ media.title }}" />
        </a>
      {% else %}
        <img class="media_image"
             src="{{ display_media }}"
             alt="Image for {{ media.title }}" />
      {% endif %}
    {% endblock %}
  </div>
  <div class="media_pane">
    <h2 class="media_title">
      {{ media.title }}
    </h2>
    {% if request.user and
          (media.uploader == request.user._id or 
           request.user.is_admin) %}
      {% set edit_url = request.urlgen('mediagoblin.edit.edit_media',
                                 user= media.get_uploader.username,
                                 media= media._id) %}
      <a class="button_action" href="{{ edit_url }}">{% trans %}Edit{% endtrans %}</a>
      {% set delete_url = request.urlgen('mediagoblin.user_pages.media_confirm_delete',
                                 user= media.get_uploader.username,
                                 media= media._id) %}
      <a class="button_action" href="{{ delete_url }}">{% trans %}Delete{% endtrans %}</a>
    {% endif %}
    {% autoescape False %}
      <p>{{ media.description_html }}</p>
    {% endautoescape %}
    {% if media.attachment_files|count %}
      <h3>Attachments</h3>
      <ul>
        {% for attachment in media.attachment_files %}
          <li>
            <a href="{{ request.app.public_store.file_url(attachment.filepath) }}">
              {{ attachment.name }}
            </a>
          </li>
        {% endfor %}
      </ul>
    {% endif %}
    {% if app_config['allow_attachments']
          and request.user
          and (media.uploader == request.user._id
               or request.user.is_admin) %}
      <p>
        <a href="{{ request.urlgen('mediagoblin.edit.attachments',
                      user=media.get_uploader.username,
                      media=media._id) }}">Add attachment</a>
      </p>
    {% endif %}
    {% if comments %}
      <h3>
        <div class="right_align">
          <a
            {% if not request.user %}
              href="{{ request.urlgen('mediagoblin.auth.login') }}"
            {% endif %}
            class="button_action" id="button_addcomment" title="Add a comment">
            {% trans %}Add a comment{% endtrans %}
          </a>
        </div>
      </h3>
      {% if request.user %}
        <form action="{{ request.urlgen('mediagoblin.user_pages.media_post_comment', 
                                         user= media.get_uploader.username,
                                         media=media._id) }}" method="POST" id="form_comment">
          <p>
            {% trans %}You can use <a href="http://daringfireball.net/projects/markdown/basics">Markdown</a> for formatting.{% endtrans %}
          </p>
          {{ wtforms_util.render_divs(comment_form) }}
          <div class="form_submit_buttons">
            <input type="submit" value="{% trans %}Add this comment{% endtrans %}" class="button_action" />
              {{ csrf_token }}
          </div>
        </form>
      {% endif %}
      {% for comment in comments %}
        {% set comment_author = comment.get_author %}
	        {% if pagination.active_id == comment._id %}
            <div class="comment_wrapper comment_active" id="comment-{{ comment._id }}">
		          <a name="comment" id="comment"></a>
          {% else %}
            <div class="comment_wrapper" id="comment-{{ comment._id }}">
	        {% endif %}
          <div class="comment_content">
            {% autoescape False %}
              {{ comment.content_html }}
            {% endautoescape %}
            <img src="{{ request.staticdirect('/images/icon_comment.png') }}" />
            <a href="{{ request.urlgen('mediagoblin.user_pages.user_home',
                            user = comment_author.username) }}">
              {{ comment_author.username }}
            </a>
            {% trans %}at{% endtrans %}
            <a href="{{ request.urlgen('mediagoblin.user_pages.media_home.view_comment',
                   comment = comment._id,
                   user = media.get_uploader.username,
                   media = media.slug_or_id) }}#comment">
              {{ comment.created.strftime("%I:%M%p %Y-%m-%d") }}
            </a>
          </div>
        </div>
      {% endfor %}
      {{ render_pagination(request, pagination,
                 media.url_for_self(request.urlgen)) }}
    {% endif %}
  </div>
  <div class="media_sidebar">
    {% trans date=media.created.strftime("%Y-%m-%d") -%}
      <h3 class="sidedata">Added on</h3>
      <p>{{ date }}</p>
    {%- endtrans %}

    {% if media.tags %}
      {% include "mediagoblin/utils/tags.html" %}
    {% endif %}

    {% include "mediagoblin/utils/license.html" %}

    {% include "mediagoblin/utils/geolocation_map.html" %}

    {% include "mediagoblin/utils/exif.html" %}
  </div>
{% endblock %}