2015-08-04 14:18:15 +00:00
{% extends "WallabagCoreBundle::layout.html.twig" %}
2015-10-06 04:34:11 +00:00
{% block title %} {{ entry .title | raw }} ( {{ entry .domainName | removeWww }} ) {% endblock %}
2015-08-04 14:18:15 +00:00
{% block menu %}
2015-08-16 22:50:46 +00:00
<div class="progress">
<div class="determinate"></div>
</div>
2015-08-06 01:22:45 +00:00
<nav class="hide-on-large-only">
<div class="nav-wrapper cyan darken-1">
<ul>
<li>
2015-08-24 10:27:17 +00:00
<a class="waves-effect" href=" {{ path ( 'homepage' ) }} ">
2015-08-06 01:22:45 +00:00
<i class="mdi-action-exit-to-app"></i>
</a>
</li>
</ul>
<ul class="right">
<li>
<a class="waves-effect" title=" {% trans %} Mark as read {% endtrans %} " href=" {{ path ( 'archive_entry' , { 'id' : entry .id } ) }} " id="markAsRead">
<i class=" {% if entry .isArchived == 0 %} mdi-action-done {% else %} mdi-content-redo {% endif %} small"></i>
</a>
</li>
<li>
<a class="waves-effect" title=" {% trans %} Favorite {% endtrans %} " href=" {{ path ( 'star_entry' , { 'id' : entry .id } ) }} " id="setFav">
<i class=" {% if entry .isStarred == 0 %} mdi-action-favorite-outline {% else %} mdi-action-favorite {% endif %} small"></i>
</a>
</li>
<li>
<a href="#" data-activates="slide-out" class="button-collapse right">
<i class="mdi-navigation-menu"></i>
</a>
</li>
</ul>
</div>
</nav>
2015-08-04 16:39:26 +00:00
<ul id="slide-out" class="collapsible side-nav fixed reader-mode" data-collapsible="accordion">
2015-08-06 01:22:45 +00:00
<li class="bold border-bottom hide-on-med-and-down">
2015-08-24 10:27:17 +00:00
<a class="waves-effect collapsible-header" href=" {{ path ( 'homepage' ) }} ">
2015-08-04 14:18:15 +00:00
<i class="mdi-action-exit-to-app small"></i>
<span> {% trans %} back {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
2015-08-16 19:05:37 +00:00
<li class="bold border-bottom hide-on-med-and-down">
<a class="waves-effect collapsible-header" href=" {{ entry .url | e }} ">
<i class="mdi-content-link small"></i>
<span> {% trans %} original article {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
2015-12-30 08:41:17 +00:00
<li class="bold hide-on-med-and-down">
2016-02-15 16:43:11 +00:00
<a class="waves-effect collapsible-header" title=" {% trans %} Re-fetch content {% endtrans %} " href=" {{ path ( 'reload_entry' , { 'id' : entry .id } ) }} " id="reload">
2015-12-30 08:41:17 +00:00
<i class="mdi-action-autorenew small"></i>
2016-02-15 16:43:11 +00:00
<span> {% trans %} Re-fetch content {% endtrans %} </span>
2015-12-30 08:41:17 +00:00
</a>
<div class="collapsible-body"></div>
</li>
2015-08-06 01:22:45 +00:00
<li class="bold hide-on-med-and-down">
2015-08-04 14:18:15 +00:00
<a class="waves-effect collapsible-header" title=" {% trans %} Mark as read {% endtrans %} " href=" {{ path ( 'archive_entry' , { 'id' : entry .id } ) }} " id="markAsRead">
<i class=" {% if entry .isArchived == 0 %} mdi-action-done {% else %} mdi-content-redo {% endif %} small"></i>
2016-01-09 21:20:19 +00:00
<span> {% if entry .isArchived == 0 %} {% trans %} Mark as read {% endtrans %} {% else %} {% trans %} Mark as unread {% endtrans %} {% endif %} </span>
2015-08-04 14:18:15 +00:00
</a>
<div class="collapsible-body"></div>
</li>
2015-08-06 01:22:45 +00:00
<li class="bold hide-on-med-and-down">
2015-08-04 14:18:15 +00:00
<a class="waves-effect collapsible-header" title=" {% trans %} Favorite {% endtrans %} " href=" {{ path ( 'star_entry' , { 'id' : entry .id } ) }} " id="setFav">
<i class=" {% if entry .isStarred == 0 %} mdi-action-favorite-outline {% else %} mdi-action-favorite {% endif %} small"></i>
2015-10-01 07:26:52 +00:00
<span> {% trans %} Favorite {% endtrans %} </span>
2015-08-04 14:18:15 +00:00
</a>
<div class="collapsible-body"></div>
</li>
2015-08-06 01:22:45 +00:00
<li class="bold border-bottom hide-on-med-and-down">
2015-08-04 14:18:15 +00:00
<a class="waves-effect collapsible-header" title=" {% trans %} Delete {% endtrans %} " href=" {{ path ( 'delete_entry' , { 'id' : entry .id } ) }} ">
<i class="mdi-action-delete small"></i>
<span> {% trans %} Delete {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
2015-08-24 09:59:53 +00:00
<li class="bold border-bottom hide-on-med-and-down">
<a class="waves-effect collapsible-header" id="nav-btn-add-tag">
<i class="mdi-action-label-outline small"></i>
<span> {% trans %} Add a tag {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
2015-08-04 14:18:15 +00:00
<li class="bold">
<a class="waves-effect collapsible-header">
<i class="mdi-social-share small"></i>
<span> {% trans %} Share {% endtrans %} </span>
</a>
<div class="collapsible-body">
<ul>
2016-02-12 15:58:30 +00:00
{% if craue_setting ( 'share_twitter' ) %}
<li>
<a href="https://twitter.com/home?status= {{ entry .title | url_encode }} %20 {{ entry .url | url_encode }} %20via%20@wallabagapp" target="_blank" class="tool twitter icon icon-twitter" title="twitter">
<span>twitter</span>
</a>
</li>
{% endif %}
{% if craue_setting ( 'share_shaarli' ) %}
<li>
<a href=" {{ craue_setting ( 'shaarli_url' ) }} /index.php?post= {{ entry .url | url_encode }} &title= {{ entry .title | url_encode }} " target="_blank" class="tool shaarli" title="shaarli">
<span>shaarli</span>
</a>
</li>
{% endif %}
{% if craue_setting ( 'share_diaspora' ) %}
<li>
<a href=" {{ craue_setting ( 'diaspora_url' ) }} /bookmarklet?url= {{ entry .url | url_encode }} &title= {{ entry .title | url_encode }} ¬es=&v=1&noui=1&jump=doclose" target="_blank" class="tool diaspora icon-image icon-image--diaspora" title="diaspora}">
<span>diaspora}</span>
</a>
</li>
{% endif %}
{% if craue_setting ( 'carrot' ) %}
<li>
<a href="https://secure.carrot.org/GiveAndGetBack.do?url= {{ entry .url | url_encode }} &title= {{ entry .title | url_encode }} " class="tool carrot icon-image icon-image--carrot" target="_blank" title="carrot">
<span>Carrot</span>
</a>
</li>
{% endif %}
{% if craue_setting ( 'share_mail' ) %}
<li>
<a href="mailto:?subject= {{ entry .title | url_encode }} &body= {{ entry .url | url_encode }} %20via%20@wallabagapp" class="tool email icon icon-mail" title=" {% trans %} Email {% endtrans %} ">
<span> {% trans %} Email {% endtrans %} </span>
</a>
</li>
{% endif %}
2015-08-04 14:18:15 +00:00
</ul>
</div>
</li>
<li class="bold">
<a class="waves-effect collapsible-header">
<i class="mdi-file-file-download small"></i>
2015-10-15 18:06:59 +00:00
<span> {% trans %} Download {% endtrans %} </span>
2015-08-04 14:18:15 +00:00
</a>
<div class="collapsible-body">
<ul>
2016-01-21 07:53:09 +00:00
{% if craue_setting ( 'export_epub' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'epub' } ) }} " title="Generate ePub file">EPUB</a></li> {% endif %}
{% if craue_setting ( 'export_mobi' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'mobi' } ) }} " title="Generate Mobi file">MOBI</a></li> {% endif %}
{% if craue_setting ( 'export_pdf' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'pdf' } ) }} " title="Generate PDF file">PDF</a></li> {% endif %}
{% if craue_setting ( 'export_csv' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'csv' } ) }} " title="Generate CSV file">CSV</a></li> {% endif %}
{% if craue_setting ( 'export_json' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'json' } ) }} " title="Generate JSON file">JSON</a></li> {% endif %}
2016-01-25 16:31:45 +00:00
{% if craue_setting ( 'export_txt' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'txt' } ) }} " title="Generate TXT file">TXT</a></li> {% endif %}
2016-01-21 07:53:09 +00:00
{% if craue_setting ( 'export_xml' ) %} <li><a href=" {{ path ( 'export_entry' , { 'id' : entry .id , 'format' : 'xml' } ) }} " title="Generate XML file">XML</a></li> {% endif %}
2015-08-04 14:18:15 +00:00
</ul>
</div>
</li>
2015-08-06 01:22:45 +00:00
<li class="bold hide-on-large-only">
<a class="waves-effect collapsible-header" title=" {% trans %} Delete {% endtrans %} " href=" {{ path ( 'delete_entry' , { 'id' : entry .id } ) }} ">
<i class="mdi-action-delete small"></i>
<span> {% trans %} Delete {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
2015-08-04 14:18:15 +00:00
<li class="bold">
<a class="waves-effect collapsible-header" href="mailto:hello@wallabag.org?subject=Wrong%20display%20in%20wallabag&body= {{ entry .url | url_encode }} " title=" {% trans %} Does this article appear wrong? {% endtrans %} ">
<i class="mdi-alert-error small"></i>
<span> {% trans %} Problems? {% endtrans %} </span>
</a>
<div class="collapsible-body"></div>
</li>
</ul>
<style>
main {
padding: 0;
}
</style>
2016-02-07 15:52:59 +00:00
2015-08-04 14:18:15 +00:00
{% endblock %}
{% block content %}
<div id="article">
<header class="mbm">
2015-08-06 01:22:45 +00:00
<h1> {{ entry .title | raw }} <a href=" {{ path ( 'edit' , { 'id' : entry .id } ) }} " title=" {% trans %} Edit title {% endtrans %} ">✎</a></h1>
2015-08-04 14:18:15 +00:00
</header>
2015-08-24 09:59:53 +00:00
<aside>
2015-10-06 04:34:11 +00:00
<a href=" {{ entry .url | e }} " target="_blank" title=" {% trans %} original {% endtrans %} : {{ entry .title | e }} " class="tool link mdi-content-link"> <span> {{ entry .domainName | removeWww }} </span></a>
2016-02-26 12:59:08 +00:00
{% set nbAnnotations = entry .annotations | length %}
<span class="tool link mdi-communication-comment"> {% transchoice nbAnnotations %} { 0} No annotations| { 1} One annotation|]1,Inf[ %nbAnnotations% annotations {% endtranschoice %} </span>
2015-08-24 09:59:53 +00:00
<div id="list">
2015-10-05 19:37:17 +00:00
{% for tag in entry .tags %}
<div class="chip">
2016-02-26 07:58:36 +00:00
{{ tag .label }} <a href=" {{ path ( 'remove_tag' , { 'entry' : entry .id , 'tag' : tag .id } ) }} "><i class="mdi-action-delete"></i></a>
2015-10-05 19:37:17 +00:00
</div>
{% endfor %}
2015-08-24 09:59:53 +00:00
</div>
2015-09-12 11:39:01 +00:00
{% if entry .previewPicture is not null %}
<div><img class="preview" src=" {{ entry .previewPicture }} " alt=" {{ entry .title | raw }} " /></div>
{% endif %}
2015-08-24 09:59:53 +00:00
<div class="input-field nav-panel-add-tag" style="display: none">
{{ render ( controller ( "WallabagCoreBundle:Tag:addTagForm" , { 'id' : entry .id } ) ) }}
</div>
2015-08-04 14:18:15 +00:00
</aside>
<article>
{{ entry .content | raw }}
</article>
</div>
2016-02-24 00:13:30 +00:00
<script type="text/javascript">
var app = new annotator.App();
app.include(annotator.ui.main, {
element: document.querySelector('article')
});
app.include(annotator.storage.http, {
prefix: '',
urls: {
create: ' {{ path ( 'annotations_post_annotation' , { 'entry' : entry .id } ) }} ',
2016-02-26 12:59:08 +00:00
update: ' {{ path ( 'annotations_put_annotation' , { 'annotation' : 'idAnnotation' } ) }} ',
destroy: ' {{ path ( 'annotations_delete_annotation' , { 'annotation' : 'idAnnotation' } ) }} ',
2016-02-24 00:13:30 +00:00
search: ' {{ path ( 'annotations_get_annotations' , { 'entry' : entry .id } ) }} '
}
});
app
.start()
.then(function () {
app.annotations.load( { entry: {{ entry .id }} });
});
</script>
2015-08-04 14:18:15 +00:00
{% endblock %}
{% block footer %}
2015-08-12 19:16:00 +00:00
{% endblock %}