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

   1 {% extends "WallabagCoreBundle::layout.html.twig" %}
   2
   3 {% block title %}{{ entry.title|raw }} ({{ entry.domainName }}){% 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 }}</span></a></li>
  10             <li><a title="{% trans %}Mark as read{% endtrans %}" class="tool icon icon-check {% if entry.isArchived == 0 %}archive-off{% else %}archive{% endif %}" href="{{ path('archive_entry', { 'id': entry.id }) }}"><span>{% trans %}Toggle mark as read{% endtrans %}</span></a></li>
  11             <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>
  12             <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>
  13             {% 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 %}
  14             {% 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 %}
  15             {% 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 %}
  16             {% 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 %}
  17             {#  {% 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 %} #}
  18             {% 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 %}
  19             {% 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 %}
  20             {% if export_epub %}<li><a href="?epub&amp;method=id&amp;value={{ entry.id }}" title="Generate ePub file">EPUB</a></li>{% endif %}
  21             {% if export_mobi %}<li><a href="?mobi&amp;method=id&amp;value={{ entry.id }}" title="Generate Mobi file">MOBI</a></li>{% endif %}
  22             {% if export_pdf %}<li><a href="?pdf&amp;method=id&amp;value={{ entry.id }}" title="Generate PDF file">PDF</a></li>{% endif %}
  23             <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>
  24         </ul>
  25     </div>
  26     <div id="article">
  27         <header class="mbm">
  28             <h1>{{ entry.title|raw }} <a href="{{ path('edit', { 'id': entry.id }) }}" title="{% trans %}Edit tags{% endtrans %}">✎</a></h1>
  29         </header>
  30         <aside class="tags">
  31             tags: {% for tag in entry.tags %}<a href="./?view=tag&amp;id={{ tag.id }}">{{ tag.label }}</a> {% endfor %}<a href="./?view=edit-tags&amp;id={{ entry.id }}" title="{% trans %}Edit tags{% endtrans %}">✎</a>
  32         </aside>
  33         <article>
  34             {{ entry.content | raw }}
  35         </article>
  36     </div>
  37     <script src="{{ asset('themes/_global/js/restoreScroll.js')}}"></script>
  38     <script type="text/javascript">
  39         $(document).ready(function() {
  40
  41             // toggle read property of current article
  42           /*  $('#markAsRead').click(function(){
  43                 $("body").css("cursor", "wait");
  44                 $.ajax( { url: '{{ path('archive_entry', { 'id': entry.id }) }}' }).done(
  45                         function( data ) {
  46                             if ( data == '1' ) {
  47                                 if ( $('#markAsRead').hasClass("archive-off") ) {
  48                                     $('#markAsRead').removeClass("archive-off");
  49                                     $('#markAsRead').addClass("archive");
  50                                 }
  51                                 else {
  52                                     $('#markAsRead').removeClass("archive");
  53                                     $('#markAsRead').addClass("archive-off");
  54                                 }
  55                             }
  56                             else {
  57                                 alert('Error! Pls check if you are logged in.');
  58                             }
  59                         });
  60                 $("body").css("cursor", "auto");
  61             });*/
  62
  63             // toggle favorite property of current article
  64           /*  $('#setFav').click(function(){
  65                 $("body").css("cursor", "wait");
  66                 $.ajax( { url: '{{ path('star_entry', { 'id': entry.id }) }}' }).done(
  67                         function( data ) {
  68                             if ( data == '1' ) {
  69                                 if ( $('#setFav').hasClass("fav-off") ) {
  70                                     $('#setFav').removeClass("fav-off");
  71                                     $('#setFav').addClass("fav");
  72                                 }
  73                                 else {
  74                                     $('#setFav').removeClass("fav");
  75                                     $('#setFav').addClass("fav-off");
  76                                 }
  77                             }
  78                             else {
  79                                 alert('Error! Pls check if you are logged in.');
  80                             }
  81                         });
  82                 $("body").css("cursor", "auto");
  83             });*/
  84
  85             $(window).scroll(function(e){
  86                 var scrollTop = $(window).scrollTop();
  87                 var docHeight = $(document).height();
  88                 var scrollPercent = (scrollTop) / (docHeight);
  89                 var scrollPercentRounded = Math.round(scrollPercent*100)/100;
  90                 savePercent({{ entry.id }}, scrollPercentRounded);
  91             });
  92
  93             retrievePercent({{ entry.id }});
  94
  95             $(window).resize(function(){
  96                 retrievePercent({{ entry.id }});
  97             });
  98         });
  99     </script>
 100 {% endblock %}