Phraseanet/templates/mobile/lightbox/feed_element.html.twig

{% import "common/thumbnail.html.twig" as thumbnail %}

{% extends "common/index.html.twig" %}

{% block javascript %}
<script type="text/javascript" src="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.js' }) }}"></script>
{% endblock %}

{% block stylesheet %}
    <link rel="stylesheet" href="{{ path('minifier', { 'f' : 'skins/lightbox/jquery.validator.mobile.css' }) }}" />

    <style type="text/css">
        div[data-role="page"] {
            position: relative;
        }

        #content {
            position:absolute;
            top:50px;
            bottom: 0;
            right: 0;
            left: 0;
            text-align: center;
        }
    </style>
{% endblock %}

{% block content %}
  {% set record = feed_element.get_record() %}
<div data-role="page">
  <div data-role="header">
    <a href="{{ path('lightbox_feed_entry', { 'entry_id' : feed_element.get_entry().get_id() }) }}" data-rel="back" data-icon="arrow-l">Back</a>
    <h1>{{feed_element.get_ord()}} - {{record.get_title()}}</h1>
    <a rel="external" href="{{ path('lightbox') }}" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
  </div>
  <div data-role="content">
    {{ thumbnail.format100percent(record.get_preview()) }}
  </div>
  <div data-role="footer">
</div>
{% endblock %}