</li>
<li class="bold hide-on-med-and-down">
- <a class="waves-effect collapsible-header" title="{% trans %}Reload content{% endtrans %}" href="{{ path('reload_entry', { 'id': entry.id }) }}" id="reload">
+ <a class="waves-effect collapsible-header" title="{% trans %}Re-fetch content{% endtrans %}" href="{{ path('reload_entry', { 'id': entry.id }) }}" id="reload">
<i class="mdi-action-autorenew small"></i>
- <span>{% trans %}Reload content{% endtrans %}</span>
+ <span>{% trans %}Re-fetch content{% endtrans %}</span>
</a>
<div class="collapsible-body"></div>
</li>
padding: 0;
}
</style>
+
+<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 }) }}',
+ update: '{{ path('annotations_put_annotation', { 'comment': 'idComment' }) }}',
+ destroy: '{{ path('annotations_delete_annotation', { 'comment': 'idComment' }) }}',
+ search: '{{ path('annotations_get_annotations', { 'entry': entry.id }) }}'
+ }
+});
+app
+.start()
+.then(function () {
+ app.annotations.load({entry: {{ entry.id }}});
+});
+</script>
+
{% endblock %}
{% block content %}
<div id="list">
{% for tag in entry.tags %}
<div class="chip">
- {{ tag.label }} <a href="{{ path('remove_tag', { 'entry': entry.id, 'tag': tag.id }) }}"><i class="mdi-navigation-close"></i></a>
+ {{ tag.label }} <a href="{{ path('remove_tag', { 'entry': entry.id, 'tag': tag.id }) }}"><i class="mdi-action-delete"></i></a>
</div>
{% endfor %}
</div>