Move annotatorjs to the bottom of the body

So that the "article" tag is loaded before
This commit is contained in:
Thomas Citharel 2016-02-24 01:13:30 +01:00 committed by Jeremy Benoist
parent 7720cca532
commit 2b6e65a5e3
2 changed files with 23 additions and 24 deletions

View file

@ -3,9 +3,7 @@
namespace Wallabag\CommentBundle\DependencyInjection; namespace Wallabag\CommentBundle\DependencyInjection;
use Symfony\Component\DependencyInjection\ContainerBuilder; use Symfony\Component\DependencyInjection\ContainerBuilder;
use Symfony\Component\Config\FileLocator;
use Symfony\Component\HttpKernel\DependencyInjection\Extension; use Symfony\Component\HttpKernel\DependencyInjection\Extension;
use Symfony\Component\DependencyInjection\Loader;
class WallabagCommentExtension extends Extension class WallabagCommentExtension extends Extension
{ {

View file

@ -178,28 +178,6 @@ main {
} }
</style> </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 %} {% endblock %}
{% block content %} {% block content %}
@ -230,6 +208,29 @@ app
{{ entry.content | raw }} {{ entry.content | raw }}
</article> </article>
</div> </div>
<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 %} {% endblock %}
{% block footer %} {% block footer %}