src/Wallabag/CoreBundle/Resources/views/themes/baggy/Entry/entry.html.twig

   1 {% extends "WallabagCoreBundle::layout.html.twig" %}
   2
   3 {% block title %}{{ entry.title|raw }} ({{ entry.domainName|removeWww }}){% endblock %}
   4
   5 {% block content %}
   6     <div id="article_toolbar">
   7         <ul class="links">
   8             <li class="topPosF"><a href="#top" title="{% trans %}Back to top{% endtrans %}" class="tool top icon icon-arrow-up-thick"><span>{% trans %}Back to top{% endtrans %}</span></a></li>
   9             <li><a href="{{ entry.url|e }}" target="_blank" title="{% trans %}original{% endtrans %} : {{ entry.title|e }}" class="tool link icon icon-link"><span>{{ entry.domainName|removeWww }}</span></a></li>
  10             <li><a title="{% trans %}Reload content{% endtrans %}" class="tool icon icon-reload" href="{{ path('reload_entry', { 'id': entry.id }) }}"><span>{% trans %}Reload content{% endtrans %}</span></a></li>
  11             <li><a title="{% if entry.isArchived == 0 %}{% trans %}Mark as read{% endtrans %}{% else %}{% trans %}Mark as unread{% endtrans %}{% endif %}" class="tool icon icon-check {% if entry.isArchived == 0 %}archive-off{% else %}archive{% endif %}" href="{{ path('archive_entry', { 'id': entry.id }) }}"><span>{% if entry.isArchived == 0 %}{% trans %}Mark as read{% endtrans %}{% else %}{% trans %}Mark as unread{% endtrans %}{% endif %}</span></a></li>
  12             <li><a title="{% trans %}Favorite{% endtrans %}" class="tool icon icon-star {% if entry.isStarred == 0 %}fav-off{% else %}fav{% endif %}" href="{{ path('star_entry', { 'id': entry.id }) }}"><span>{% trans %}Toggle favorite{% endtrans %}</span></a></li>
  13             <li><a title="{% trans %}Delete{% endtrans %}" class="tool delete icon icon-trash" href="{{ path('delete_entry', { 'id': entry.id }) }}"><span>{% trans %}Delete{% endtrans %}</span></a></li>
  14             {% if 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="{% trans %}Tweet{% endtrans %}"><span>{% trans %}Tweet{% endtrans %}</span></a></li>{% endif %}
  15             {% if share_mail %}<li><a href="mailto:?subject={{ entry.title|url_encode }}&amp;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 %}
  16             {% if share_shaarli %}<li><a href="{{ shaarli_url }}/index.php?post={{ entry.url|url_encode }}&amp;title={{ entry.title|url_encode }}" target="_blank" class="tool shaarli" title="{% trans %}shaarli{% endtrans %}"><span>{% trans %}shaarli{% endtrans %}</span></a></li>{% endif %}
  17             {% if share_diaspora %}<li><a href="{{ diaspora_url }}/bookmarklet?url={{ entry.url|url_encode }}&title={{ entry.title|url_encode }}&notes=&v=1&noui=1&jump=doclose" target="_blank" class="tool diaspora icon-image icon-image--diaspora" title="{% trans %}diaspora{% endtrans %}"><span>{% trans %}diaspora{% endtrans %}</span></a></li>{% endif %}
  18             {#  {% if flattr %}{% if flattr.status == flattrable %}<li><a href="http://flattr.com/submit/auto?url={{ entry.url }}" class="tool flattr icon icon-flattr" target="_blank" title="{% trans %}flattr{% endtrans %}"><span>{% trans %}flattr{% endtrans %}</span></a></li>{% elseif flattr.status == flattred %}<li><a href="{{ flattr.flattrItemURL }}" class="tool flattr icon icon-flattr" target="_blank" title="{% trans %}flattr{% endtrans %}><span>{% trans %}flattr{% endtrans %}</span> ({{ flattr.numFlattrs }})</a></li>{% endif %}{% endif %} #}
  19             {% if 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="{% trans %}carrot{% endtrans %}"><span>Carrot</span></a></li>{% endif %}
  20             {% if show_printlink %}<li><a title="{% trans %}Print{% endtrans %}" class="tool icon icon-print" href="javascript: window.print();"><span>{% trans %}Print{% endtrans %}</span></a></li>{% endif %}
  21             {% if export_epub %}<li><a href="?epub&amp;method=id&amp;value={{ entry.id }}" title="Generate ePub file">EPUB</a></li>{% endif %}
  22             {% if export_mobi %}<li><a href="?mobi&amp;method=id&amp;value={{ entry.id }}" title="Generate Mobi file">MOBI</a></li>{% endif %}
  23             {% if export_pdf %}<li><a href="?pdf&amp;method=id&amp;value={{ entry.id }}" title="Generate PDF file">PDF</a></li>{% endif %}
  24             <li><a href="mailto:hello@wallabag.org?subject=Wrong%20display%20in%20wallabag&amp;body={{ entry.url|url_encode }}" title="{% trans %}Does this article appear wrong?{% endtrans %}" class="tool bad-display icon icon-delete"><span>{% trans %}Does this article appear wrong?{% endtrans %}</span></a></li>
  25         </ul>
  26     </div>
  27     <div id="article">
  28         <header class="mbm">
  29             <h1>{{ entry.title|raw }} <a href="{{ path('edit', { 'id': entry.id }) }}" title="{% trans %}Edit tags{% endtrans %}">✎</a></h1>
  30         </header>
  31         <aside class="tags">
  32             {% for tag in entry.tags %}<span class="mdi-action-label-outline">{{ tag.label }}</span>{% endfor %}
  33             {{ render(controller( "WallabagCoreBundle:Tag:addTagForm", { 'id': entry.id } )) }}
  34         </aside>
  35         {% if entry.previewPicture is not null %}
  36             <div><img class="preview" src="{{ entry.previewPicture }}" alt="{{ entry.title|raw }}" /></div>
  37         {% endif %}
  38         <article>
  39             {{ entry.content | raw }}
  40         </article>
  41     </div>
  42     <script src="{{ asset('bundles/wallabagcore/themes/_global/js/restoreScroll.js')}}"></script>
  43     <script type="text/javascript">
  44         $(document).ready(function() {
  45
  46             // toggle read property of current article
  47           /*  $('#markAsRead').click(function(){
  48                 $("body").css("cursor", "wait");
  49                 $.ajax( { url: '{{ path('archive_entry', { 'id': entry.id }) }}' }).done(
  50                         function( data ) {
  51                             if ( data == '1' ) {
  52                                 if ( $('#markAsRead').hasClass("archive-off") ) {
  53                                     $('#markAsRead').removeClass("archive-off");
  54                                     $('#markAsRead').addClass("archive");
  55                                 }
  56                                 else {
  57                                     $('#markAsRead').removeClass("archive");
  58                                     $('#markAsRead').addClass("archive-off");
  59                                 }
  60                             }
  61                             else {
  62                                 alert('Error! Pls check if you are logged in.');
  63                             }
  64                         });
  65                 $("body").css("cursor", "auto");
  66             });*/
  67
  68             // toggle favorite property of current article
  69           /*  $('#setFav').click(function(){
  70                 $("body").css("cursor", "wait");
  71                 $.ajax( { url: '{{ path('star_entry', { 'id': entry.id }) }}' }).done(
  72                         function( data ) {
  73                             if ( data == '1' ) {
  74                                 if ( $('#setFav').hasClass("fav-off") ) {
  75                                     $('#setFav').removeClass("fav-off");
  76                                     $('#setFav').addClass("fav");
  77                                 }
  78                                 else {
  79                                     $('#setFav').removeClass("fav");
  80                                     $('#setFav').addClass("fav-off");
  81                                 }
  82                             }
  83                             else {
  84                                 alert('Error! Pls check if you are logged in.');
  85                             }
  86                         });
  87                 $("body").css("cursor", "auto");
  88             });*/
  89
  90             $(window).scroll(function(e){
  91                 var scrollTop = $(window).scrollTop();
  92                 var docHeight = $(document).height();
  93                 var scrollPercent = (scrollTop) / (docHeight);
  94                 var scrollPercentRounded = Math.round(scrollPercent*100)/100;
  95                 savePercent({{ entry.id }}, scrollPercentRounded);
  96             });
  97
  98             retrievePercent({{ entry.id }});
  99
 100             $(window).resize(function(){
 101                 retrievePercent({{ entry.id }});
 102             });
 103         });
 104     </script>
 105 {% endblock %}