Add annotator in baggy theme

+ Documentation about annotations

src/Wallabag/CommentBundle/DependencyInjection/WallabagCommentExtension.php

@@ -16,8 +16,5 @@ class WallabagCommentExtension extends Extension
     {
         $configuration = new Configuration();
         $config = $this->processConfiguration($configuration, $configs);
-
-        $loader = new Loader\YamlFileLoader($container, new FileLocator(__DIR__.'/../Resources/config'));
-        $loader->load('services.yml');
     }
 }

src/Wallabag/CommentBundle/Resources/config/services.yml

@@ -1,4 +0,0 @@
-services:
-#    wallabag_comment.example:
-#        class: Wallabag\CommentBundle\Example
-#        arguments: ["@service_id", "plain_value", %parameter%]

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

@@ -107,5 +107,25 @@
                 retrievePercent({{ entry.id }});
             });
         });
+
+        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 %}

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

@@ -198,9 +198,6 @@ app
 .then(function () {
      app.annotations.load({entry: {{ entry.id }}});
 });
-
-
-
 </script>
 
 {% endblock %}