
diff -r 287af0822445 -r 6c43539e5c67 src_js/iconolab-bundle/src/components/editor/AnnotationList.vue
--- a/src_js/iconolab-bundle/src/components/editor/AnnotationList.vue	Mon Apr 17 13:31:59 2017 +0200
+++ b/src_js/iconolab-bundle/src/components/editor/AnnotationList.vue	Mon Apr 17 14:42:38 2017 +0200
@@ -3,7 +3,7 @@
         <a v-for="annotation in annotations"
             ref="annotations"
             @click="toggleAnnotation($event, annotation)"
-            :href="'#' + annotation.annotation_guid"
+            :href="getAnnotationURL(annotation.annotation_guid)"
             class="list-group-item"
             v-bind:class="{ active: isActive(annotation) }">
             <h3 class="small list-group-item-heading">
@@ -24,7 +24,8 @@
     export default {
         props: [
             'annotations',
-            'annotation'
+            'annotation',
+            'annotationUrl'
         ],
         mounted() {
             if (this.annotation) {
@@ -39,6 +40,9 @@
             }
         },
         methods: {
+            getAnnotationURL: function(guid) {
+                return this.annotationUrl.replace(':annotation_guid', guid);
+            },
             toggleAnnotation: function(e, annotation) {
                 e.preventDefault();
                 if (this.annotation && this.annotation === annotation) {
@@ -56,7 +60,7 @@
             },
             slideToAnnotation: function() {
                 var el = _.find(this.$refs.annotations, (el) => {
-                    return $(el).attr('href') === ('#' + this.annotation.annotation_guid);
+                    return $(el).attr('href') === this.getAnnotationURL(this.annotation.annotation_guid);
                 });
                 if (el) {
                     var $container = $(this.$el.closest('.panel'));




