From fa81d975252beeebf3d4487e96b952af631a3f8e Mon Sep 17 00:00:00 2001
From: Julien Cougnaud <julien.cougnaud@makina-corpus.com>
Date: Mon, 21 Oct 2024 17:57:22 +0200
Subject: [PATCH] [OS-9314] Create a single view and change the css class of
 the thread view

---
 README.md                                     |   7 +-
 ...ad.stories.ts => CommentViewer.stories.ts} |  45 +++---
 ...ntThread.test.ts => CommentViewer.test.ts} | 148 +++++++++++++++---
 .../{CommentThread.vue => CommentViewer.vue}  |  39 +++--
 .../__snapshots__/CommentThread.test.ts.snap  |  38 -----
 .../__snapshots__/CommentViewer.test.ts.snap  |  45 ++++++
 frontend/__snapshots__/main.test.ts.snap      |  10 +-
 frontend/components/CommentEntry.test.ts      |  18 ++-
 frontend/components/CommentEntry.vue          |   9 +-
 .../__snapshots__/CommentEditor.test.ts.snap  |   4 +-
 .../__snapshots__/CommentEntry.test.ts.snap   |  18 ++-
 frontend/locales/en.ts                        |   1 +
 frontend/locales/fr.ts                        |   1 +
 frontend/main.test.ts                         |  36 ++++-
 frontend/main.ts                              |  10 +-
 frontend/test.setup.ts                        |   4 +
 .../static/osis_comment/osis-comment.css      |   2 +-
 .../osis_comment/osis-comment.umd.min.js      |   4 +-
 .../osis_comment/osis-comment.umd.min.js.map  |   2 +-
 setup.py                                      |   2 +-
 20 files changed, 322 insertions(+), 121 deletions(-)
 rename frontend/{CommentThread.stories.ts => CommentViewer.stories.ts} (77%)
 rename frontend/{CommentThread.test.ts => CommentViewer.test.ts} (66%)
 rename frontend/{CommentThread.vue => CommentViewer.vue} (88%)
 delete mode 100644 frontend/__snapshots__/CommentThread.test.ts.snap
 create mode 100644 frontend/__snapshots__/CommentViewer.test.ts.snap

diff --git a/README.md b/README.md
index 784e497..db48055 100644
--- a/README.md
+++ b/README.md
@@ -94,7 +94,9 @@ urlpatterns = [
 ]
 ```
 
-Then to render the widget for an object, include the CSS and JS file while adding a `div.comment-viewer` element to your DOM:
+Then to render the widget for an object, include the CSS and JS file while adding a :
+- `div.comment-viewer` element to your DOM if you want to display one comment (simple view).
+- `div.comment-thread-viewer` element to your DOM if you want to display a paginated list of all comments (thread view).
 
 ```html
 {% block style %}
@@ -102,7 +104,10 @@ Then to render the widget for an object, include the CSS and JS file while addin
 {% endblock style %}
 
 {% block content %}
+  <!-- Simple view -->
   <div class="comment-viewer" data-url="{% url 'some-test' object.uuid %}"></div>
+  <!-- Thread view -->
+  <div class="comment-thread-viewer" data-url="{% url 'some-test' object.uuid %}"></div>
 {% endblock %}
 
 {% block script %}
diff --git a/frontend/CommentThread.stories.ts b/frontend/CommentViewer.stories.ts
similarity index 77%
rename from frontend/CommentThread.stories.ts
rename to frontend/CommentViewer.stories.ts
index 4e46fd7..2a3da43 100644
--- a/frontend/CommentThread.stories.ts
+++ b/frontend/CommentViewer.stories.ts
@@ -24,24 +24,24 @@
  *
  */
 
-import CommentThread from './CommentThread.vue';
+import CommentViewer from './CommentViewer.vue';
 import fetchMock from 'fetch-mock';
 import type {Meta, StoryFn} from "@storybook/vue3";
 import type {EntriesResponse} from "./interfaces";
 
 export default {
-  title: 'CommentThread',
-  component: CommentThread,
+  title: 'CommentViewer',
+  component: CommentViewer,
 } as Meta;
 
-const Template: StoryFn<typeof CommentThread> = (args) => ({
-  components: {CommentThread},
+const Template: StoryFn<typeof CommentViewer> = (args) => ({
+  components: {CommentViewer},
   setup() {
     fetchMock.restore().mock('path:/api', mockEntries);
     return {args};
   },
   template: `
-    <CommentThread v-bind="args" url="/api" />
+    <CommentViewer v-bind="args" url="/api" :single-mode="false" />
   `,
 });
 
@@ -101,40 +101,40 @@ Default.args = {
 export const NoComments = () => {
   fetchMock.restore().mock('path:/api', {...mockEntries, results: []});
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api"/>',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" />',
   };
 };
 
 export const HttpError = () => {
   fetchMock.restore().mock('path:/api', 404);
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api"/>',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" />',
   };
 };
 
 export const Exception = () => {
   fetchMock.restore().mock('path:/api', {throws: new Error('Some network error')});
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api"/>',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" />',
   };
 };
 
 export const WithoutAdding = () => {
   fetchMock.restore().mock('path:/api', {...mockEntries, create: {error: "Nope"}});
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api"/>',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" />',
   };
 };
 
 export const Paginated = () => {
   fetchMock.restore().mock('path:/api', {...mockEntries, next: "/api?next", previous: "/api?previous"});
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api" />',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" />',
   };
 };
 
@@ -142,7 +142,16 @@ export const Paginated = () => {
 export const Ckeditor = () => {
   fetchMock.restore().mock('path:/api', {...mockEntries, results: []});
   return {
-    components: {CommentThread},
-    template: '<CommentThread url="/api" :rich-text-config="{}" />',
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="false" :rich-text-config="{}" />',
+  };
+};
+
+
+export const SingleView = () => {
+  fetchMock.restore().mock('path:/api', {...mockEntries, results: [mockEntries.results[0]]});
+  return {
+    components: {CommentViewer},
+    template: '<CommentViewer url="/api" :single-mode="true" />',
   };
 };
diff --git a/frontend/CommentThread.test.ts b/frontend/CommentViewer.test.ts
similarity index 66%
rename from frontend/CommentThread.test.ts
rename to frontend/CommentViewer.test.ts
index 90ca985..7889d41 100644
--- a/frontend/CommentThread.test.ts
+++ b/frontend/CommentViewer.test.ts
@@ -26,7 +26,7 @@
 
 import {beforeEach, expect, test} from 'vitest';
 import {flushPromises, mount} from '@vue/test-utils';
-import CommentThread from "./CommentThread.vue";
+import CommentViewer from "./CommentViewer.vue";
 import type {EntriesResponse} from "./interfaces";
 import fetchMock from "fetch-mock";
 import CommentEditor from "./components/CommentEditor.vue";
@@ -90,19 +90,19 @@ beforeEach(() => {
   fetchMock.reset().mock('path:' + apiUrl, mockEntries);
 });
 
-test('thread wihout token', () => {
+test('thread without token', () => {
   (document.getElementById('csrf-token') as Element).remove();
 
-  expect(() => mount(CommentThread, {
-    props: {url: apiUrl},
+  expect(() => mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   })).toThrowError('Please include {% csrf_token %} in your page.');
 });
 
 test('thread', async () => {
-  expect(CommentThread).toBeTruthy();
+  expect(CommentViewer).toBeTruthy();
 
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
   await flushPromises();
   expect(wrapper.html()).toMatchSnapshot();
@@ -112,7 +112,7 @@ test('thread', async () => {
 test('handle 404', async () => {
   fetchMock.reset().mock('path:' + apiUrl, 404);
 
-  const wrapper = mount(CommentThread, {
+  const wrapper = mount(CommentViewer, {
     props: {url: apiUrl},
   });
 
@@ -124,8 +124,8 @@ test('handle 404', async () => {
 test('handle network error', async () => {
   fetchMock.reset().mock('path:' + apiUrl, {throws: new Error('Some network error')});
 
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
@@ -134,8 +134,8 @@ test('handle network error', async () => {
 });
 
 test('change sort', async () => {
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
@@ -153,6 +153,110 @@ test('change sort', async () => {
   expect(sortButton.get('i').classes()).toContain('fa-sort-down');
 });
 
+test('single mode', async () => {
+  const previousUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=1';
+  const nextUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=3';
+
+  const sortButton = '.panel-heading .btn';
+  const previousButton = '.btn-default .fa-chevron-left';
+  const nextButton = '.btn-default .fa-chevron-right';
+  const createButton = '.btn-primary .fa-plus';
+
+  fetchMock.reset().mock('path:' + apiUrl, {
+    ...mockEntries,
+    previous: previousUrl,
+    next: nextUrl,
+  });
+
+  const singleWrapperWithEntry = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: true},
+  });
+
+  await flushPromises();
+  expect(fetchMock.lastUrl()).toBe('/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?last=1');
+
+  [sortButton, previousButton, nextButton, createButton].forEach((selector) => {
+    expect(singleWrapperWithEntry.find(selector).exists()).toBe(false);
+  });
+
+  expect(singleWrapperWithEntry.find('.panel-heading').text()).toBe('thread.title');
+
+  expect(
+      singleWrapperWithEntry.find('.comment-authoring').text()).toBe(
+      'entry.last_update_by John Doe entry.authored_date',
+  );
+
+  fetchMock.reset().mock('path:' + apiUrl, {
+    ...mockEntries,
+    results: [],
+  });
+
+  const singleWrapperWithoutEntry = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: true},
+  });
+
+  await flushPromises();
+
+  [sortButton, previousButton, nextButton].forEach((selector) => {
+    expect(singleWrapperWithoutEntry.find(selector).exists()).toBe(false);
+  });
+
+  expect(singleWrapperWithoutEntry.find(createButton).exists()).toBe(true);
+});
+
+test('thread mode', async () => {
+  const previousUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=1';
+  const nextUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=3';
+
+  const sortButton = '.panel-heading .btn';
+  const previousButton = '.btn-default .fa-chevron-left';
+  const nextButton = '.btn-default .fa-chevron-right';
+  const createButton = '.btn-primary .fa-plus';
+
+  fetchMock.reset().mock('path:' + apiUrl, {
+    ...mockEntries,
+    previous: previousUrl,
+    next: nextUrl,
+  });
+
+  const threadWrapperWithEntries = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
+  });
+
+  await flushPromises();
+  expect(fetchMock.lastUrl()).toBe('/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at');
+
+  [sortButton, previousButton, nextButton, createButton].forEach((selector) => {
+    expect(threadWrapperWithEntries.find(selector).exists()).toBe(true);
+  });
+
+  expect(threadWrapperWithEntries.find('.panel-heading').text()).toBe('thread.title  (3) thread.sort');
+
+  expect(
+      threadWrapperWithEntries.find('.comment-authoring').text()).toBe(
+      'John Doe entry.authored_date',
+  );
+
+  fetchMock.reset().mock('path:' + apiUrl, {
+    ...mockEntries,
+    results: [],
+  });
+
+  const threadWrapperWithoutEntries = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
+  });
+
+  await flushPromises();
+
+  [previousButton, nextButton].forEach((selector) => {
+    expect(threadWrapperWithoutEntries.find(selector).exists()).toBe(false);
+  });
+
+  [sortButton, createButton].forEach((selector) => {
+    expect(threadWrapperWithoutEntries.find(selector).exists()).toBe(true);
+  });
+});
+
 test('handle pagination', async () => {
   const previousUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=1';
   const nextUrl = '/api/dac97c6d-ddb9-47cf-bf72-913fa0ebbbfd/?limit=10&sort=-modified_at&page=3';
@@ -162,8 +266,8 @@ test('handle pagination', async () => {
     next: nextUrl,
   });
 
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
@@ -176,8 +280,8 @@ test('handle pagination', async () => {
 });
 
 test('add comment', async () => {
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl, tags: ['foo']},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, tags: ['foo'], singleMode: false},
   });
 
   await flushPromises();
@@ -198,8 +302,8 @@ test('add comment', async () => {
 });
 
 test('cancel adding comment', async () => {
-  const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+  const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
@@ -212,8 +316,8 @@ test('cancel adding comment', async () => {
 });
 
 test('edit comment', async () => {
-   const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+   const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
@@ -243,8 +347,8 @@ test('edit comment', async () => {
 
 test('delete comment', async () => {
 
-   const wrapper = mount(CommentThread, {
-    props: {url: apiUrl},
+   const wrapper = mount(CommentViewer, {
+    props: {url: apiUrl, singleMode: false},
   });
 
   await flushPromises();
diff --git a/frontend/CommentThread.vue b/frontend/CommentViewer.vue
similarity index 88%
rename from frontend/CommentThread.vue
rename to frontend/CommentViewer.vue
index 8ee5390..a7b2b28 100644
--- a/frontend/CommentThread.vue
+++ b/frontend/CommentViewer.vue
@@ -26,15 +26,16 @@
 
 <template>
   <div
-      class="comment-thread panel border border-primary mb-4 rounded-top d-flex flex-column"
+      class="comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column"
       :class="`panel-${panelClass} card-${panelClass}`"
   >
     <div class="panel-heading clearfix bg-primary text-white">
       {{ headerTitle || $t('thread.title') }}
-      <template v-if="total != null">
+      <template v-if="total != null && !singleMode">
         ({{ total }})
       </template>
       <button
+          v-if="!singleMode"
           class="btn btn-default p-2 px-3 btn-sm pull-right float-end"
           @click="changeSort()"
       >
@@ -50,7 +51,7 @@
         class="spinner"
     />
     <div
-        v-else-if="error"
+        v-if="error"
         class="panel-body card-body pb-0 text-danger"
     >
       {{ error }}
@@ -61,6 +62,7 @@
         :key="entry.uuid"
         :entry="entry"
         :rich-text-config="richTextConfig"
+        :with-last-update-by-prefix="singleMode"
         @edit="editEntry"
         @delete="deleteEntry"
     />
@@ -69,7 +71,7 @@
         class="panel-body card-body pb-3"
     >
       <button
-          v-if="previousPage"
+          v-if="previousPage && !singleMode"
           class="btn btn-sm btn-default"
           @click="previousPage && (currentUrl = previousPage); loadEntries()"
       >
@@ -77,7 +79,7 @@
         {{ $t('thread.previous') }}
       </button>
       <button
-          v-if="nextPage"
+          v-if="nextPage && !singleMode"
           class="btn btn-sm btn-default"
           @click="nextPage && (currentUrl = nextPage); loadEntries()"
       >
@@ -114,7 +116,7 @@ import EventBus from './event-bus';
 import {defineComponent} from "vue";
 
 export default defineComponent({
-  name: 'CommentThread',
+  name: 'CommentViewer',
   components: {CommentEditor, CommentEntry},
   props: {
     url: {
@@ -145,12 +147,21 @@ export default defineComponent({
       type: Object,
       default: () => undefined,
     },
+    singleMode: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
-    const params = new URLSearchParams({
-      limit: String(this.pageSize),
-      sort: '-modified_at',
-    });
+    const params = new URLSearchParams(this.singleMode
+        ? {
+          last: '1',
+        }
+        : {
+          limit: String(this.pageSize),
+          sort: '-modified_at',
+        },
+    );
     if (this.tags.length) {
       params.append('tags', this.tags.join(','));
     }
@@ -192,7 +203,7 @@ export default defineComponent({
     async loadEntries() {
       const data = (await this.doRequest(this.currentUrl, {}, false)) as EntriesResponse;
       if (data) {
-        this.createUrl = typeof data.create === 'string' ? data.create : null;
+        this.createUrl = typeof data.create === 'string' && (!this.singleMode || data.results.length === 0) ? data.create : null;
         this.previousPage = data.previous;
         this.nextPage = data.next;
         this.total = data.count;
@@ -206,11 +217,11 @@ export default defineComponent({
       });
       this.isAdding = false;
     },
-    async editEntry(url: string, value: string) {
+    async editEntry(url: string, value: string, callback: () => void) {
       await this.doRequest(url, {
         method: 'PUT',
         body: JSON.stringify({comment: value}),
-      });
+      }).then(callback);
     },
     async deleteEntry(url: string) {
       await this.doRequest(url, {method: 'DELETE'});
@@ -247,7 +258,7 @@ export default defineComponent({
 </script>
 
 <style>
-.comment-thread .panel-heading {
+.comment-panel .panel-heading {
   line-height: 30px;
 }
 </style>
diff --git a/frontend/__snapshots__/CommentThread.test.ts.snap b/frontend/__snapshots__/CommentThread.test.ts.snap
deleted file mode 100644
index 2200086..0000000
--- a/frontend/__snapshots__/CommentThread.test.ts.snap
+++ /dev/null
@@ -1,38 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`thread 1`] = `
-"<div class=\\"comment-thread panel panel-default\\">
-  <div class=\\"panel-heading clearfix\\">thread.title (3) <button class=\\"btn btn-default btn-sm pull-right\\">thread.sort <i class=\\"fas fa-sort-down\\"></i></button></div>
-  <div class=\\"panel-body clearfix\\">
-    <div class=\\"comment-authoring\\"><strong>John Doe</strong> entry.authored_date</div>
-    <div class=\\"pull-right comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times\\"></i></button></div>
-    <div class=\\"comment-content\\">
-      <!-- eslint-disable vue/no-v-html -->
-      <p>Lorem ipsum dolor amet</p>
-    </div>
-  </div>
-  <div class=\\"panel-body clearfix\\">
-    <div class=\\"comment-authoring\\"><strong>John Doe</strong> entry.authored_date</div>
-    <div class=\\"pull-right comment-actions\\">
-      <!--v-if-->
-      <!--v-if-->
-    </div>
-    <div class=\\"comment-content\\">
-      <!-- eslint-disable vue/no-v-html -->
-      <p>Consetetur sadipscing elitr, sed diam nonumy eirmod</p>
-    </div>
-  </div>
-  <div class=\\"panel-body clearfix\\">
-    <div class=\\"comment-authoring\\"><strong>Bob Smith</strong> entry.authored_date</div>
-    <div class=\\"pull-right comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times\\"></i></button></div>
-    <div class=\\"comment-content\\">
-      <!-- eslint-disable vue/no-v-html -->
-      <p>Et dolore magna aliquyam erat, sed diam voluptua.</p>
-    </div>
-  </div>
-  <div class=\\"panel-body\\">
-    <!--v-if-->
-    <!--v-if--><button class=\\"btn btn-sm btn-primary pull-right\\"><i class=\\"fas fa-plus\\"></i> thread.add_comment</button>
-  </div>
-</div>"
-`;
diff --git a/frontend/__snapshots__/CommentViewer.test.ts.snap b/frontend/__snapshots__/CommentViewer.test.ts.snap
new file mode 100644
index 0000000..903d332
--- /dev/null
+++ b/frontend/__snapshots__/CommentViewer.test.ts.snap
@@ -0,0 +1,45 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`thread 1`] = `
+"<div class=\\"comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column panel-default card-default\\">
+  <div class=\\"panel-heading clearfix bg-primary text-white\\">thread.title (3) <button class=\\"btn btn-default p-2 px-3 btn-sm pull-right float-end\\">thread.sort <i class=\\"fas fa-sort-down\\"></i></button></div>
+  <!--v-if-->
+  <div class=\\"panel-body card-body pb-0 clearfix\\">
+    <div class=\\"comment-authoring\\">
+      <!--v-if--><strong>John Doe</strong> entry.authored_date
+    </div>
+    <div class=\\"pull-right float-end comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil fs-6\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times fs-6\\"></i></button></div>
+    <div class=\\"comment-content pb-0\\">
+      <!-- eslint-disable vue/no-v-html -->
+      <p>Lorem ipsum dolor amet</p>
+    </div>
+  </div>
+  <div class=\\"panel-body card-body pb-0 clearfix\\">
+    <div class=\\"comment-authoring\\">
+      <!--v-if--><strong>John Doe</strong> entry.authored_date
+    </div>
+    <div class=\\"pull-right float-end comment-actions\\">
+      <!--v-if-->
+      <!--v-if-->
+    </div>
+    <div class=\\"comment-content pb-0\\">
+      <!-- eslint-disable vue/no-v-html -->
+      <p>Consetetur sadipscing elitr, sed diam nonumy eirmod</p>
+    </div>
+  </div>
+  <div class=\\"panel-body card-body pb-0 clearfix\\">
+    <div class=\\"comment-authoring\\">
+      <!--v-if--><strong>Bob Smith</strong> entry.authored_date
+    </div>
+    <div class=\\"pull-right float-end comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil fs-6\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times fs-6\\"></i></button></div>
+    <div class=\\"comment-content pb-0\\">
+      <!-- eslint-disable vue/no-v-html -->
+      <p>Et dolore magna aliquyam erat, sed diam voluptua.</p>
+    </div>
+  </div>
+  <div class=\\"panel-body card-body pb-3\\">
+    <!--v-if-->
+    <!--v-if--><button class=\\"btn btn-sm p-2 btn-primary pull-right float-end fs-7\\"><i class=\\"fas fa-plus\\"></i> thread.add_comment</button>
+  </div>
+</div>"
+`;
diff --git a/frontend/__snapshots__/main.test.ts.snap b/frontend/__snapshots__/main.test.ts.snap
index eebe6e1..897e2ca 100644
--- a/frontend/__snapshots__/main.test.ts.snap
+++ b/frontend/__snapshots__/main.test.ts.snap
@@ -1,12 +1,18 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`mount app 1`] = `
-"<div class=\\"comment-viewer\\" data-url=\\"/api\\" data-v-app=\\"\\"><div class=\\"comment-thread panel panel-default\\"><div class=\\"panel-heading clearfix\\">Comments  (0) <button class=\\"btn btn-default btn-sm pull-right\\">sort <i class=\\"fas fa-sort-down\\"></i></button></div><!--v-if--></div></div>
+"<div class=\\"comment-thread-viewer\\" data-url=\\"/api\\" data-v-app=\\"\\"><div class=\\"comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column panel-default card-default\\"><div class=\\"panel-heading clearfix bg-primary text-white\\">Comments  (0) <button class=\\"btn btn-default p-2 px-3 btn-sm pull-right float-end\\">sort <i class=\\"fas fa-sort-down\\"></i></button></div><!--v-if--><!--v-if--></div></div>
+    <div class=\\"comment-count\\" data-url=\\"/api\\" data-v-app=\\"\\"><!--v-if--></div>
+    <input name=\\"csrfmiddlewaretoken\\">"
+`;
+
+exports[`mount app in single mode 1`] = `
+"<div class=\\"comment-viewer\\" data-url=\\"/api\\" data-v-app=\\"\\"><div class=\\"comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column panel-default card-default\\"><div class=\\"panel-heading clearfix bg-primary text-white\\">Comments <!--v-if--><!--v-if--></div><!--v-if--><!--v-if--></div></div>
     <div class=\\"comment-count\\" data-url=\\"/api\\" data-v-app=\\"\\"><!--v-if--></div>
     <input name=\\"csrfmiddlewaretoken\\">"
 `;
 
 exports[`mount app on invalid element 1`] = `
-"<div class=\\"comment-viewer\\" data-url=\\"/api\\" data-v-app=\\"\\"><div class=\\"comment-thread panel panel-default\\"><div class=\\"panel-heading clearfix\\">Comments  (0) <button class=\\"btn btn-default btn-sm pull-right\\">sort <i class=\\"fas fa-sort-down\\"></i></button></div><!--v-if--></div></div>
+"<div class=\\"comment-thread-viewer\\" data-url=\\"/api\\" data-v-app=\\"\\"><div class=\\"comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column panel-default card-default\\"><div class=\\"panel-heading clearfix bg-primary text-white\\">Comments  (0) <button class=\\"btn btn-default p-2 px-3 btn-sm pull-right float-end\\">sort <i class=\\"fas fa-sort-down\\"></i></button></div><!--v-if--><!--v-if--></div></div>
     <input name=\\"csrfmiddlewaretoken\\">"
 `;
diff --git a/frontend/components/CommentEntry.test.ts b/frontend/components/CommentEntry.test.ts
index 30d6094..ec4058f 100644
--- a/frontend/components/CommentEntry.test.ts
+++ b/frontend/components/CommentEntry.test.ts
@@ -112,7 +112,7 @@ test('entry editing', async () => {
   expect(wrapper.findComponent({name: 'CommentEditor'}).exists()).toBe(true);
 
   await wrapper.find('button.btn-primary').trigger('click');
-  expect(wrapper.emitted('edit')).toEqual([[apiUrl, comment]]);
+  expect(wrapper.emitted('edit')).toEqual([[apiUrl, comment, expect.any(Function)]]);
 });
 
 test('entry editing cancel', async () => {
@@ -135,3 +135,19 @@ test('entry deletion', async () => {
   await wrapper.find('button.btn-danger').trigger('click');
   expect(wrapper.emitted('delete')).toEqual([[apiUrl]]);
 });
+
+test('entry authoring', () => {
+  const wrapperWithoutPrefix = mount(CommentEntry, {
+    props: {entry: new Entry(entryData), withLastUpdateByPrefix: false},
+  });
+
+  expect(wrapperWithoutPrefix.find('.comment-authoring').text()).toBe('John Doe entry.authored_date');
+
+  const wrapperWithPrefix= mount(CommentEntry, {
+    props: {entry: new Entry(entryData), withLastUpdateByPrefix: true},
+  });
+
+  expect(wrapperWithPrefix.find('.comment-authoring').text()).toBe(
+    'entry.last_update_by John Doe entry.authored_date',
+  );
+});
diff --git a/frontend/components/CommentEntry.vue b/frontend/components/CommentEntry.vue
index 67941e7..a6fb0a9 100644
--- a/frontend/components/CommentEntry.vue
+++ b/frontend/components/CommentEntry.vue
@@ -27,10 +27,11 @@
 <template>
   <div class="panel-body card-body pb-0 clearfix">
     <div class="comment-authoring">
+      <span v-if="withLastUpdateByPrefix">{{ $t('entry.last_update_by') + ' ' }}</span>
       <strong>{{ entry.author || $t('entry.anonymous') }}</strong>
       {{
         $t('entry.authored_date', {
-          date: entry.modified_at.toLocaleDateString(this.$i18n.locale),
+          date: entry.modified_at.toLocaleDateString($i18n.locale),
           time: entry.modified_at.toLocaleTimeString(),
         })
       }}
@@ -72,7 +73,7 @@
         v-else
         :default-value="entry.comment"
         :rich-text-config="richTextConfig"
-        @submit="(value) => $emit('edit', entry.links.edit, value)"
+        @submit="(value) => $emit('edit', entry.links.edit, value, () => (isEditing = false))"
         @cancel="isEditing = false"
     />
   </div>
@@ -95,6 +96,10 @@ export default defineComponent({
       type: Entry,
       required: true,
     },
+    withLastUpdateByPrefix: {
+      type: Boolean,
+      default: () => false,
+    },
   },
   emits: ['edit', 'delete'],
   data: function () {
diff --git a/frontend/components/__snapshots__/CommentEditor.test.ts.snap b/frontend/components/__snapshots__/CommentEditor.test.ts.snap
index 5fe2df8..f26335d 100644
--- a/frontend/components/__snapshots__/CommentEditor.test.ts.snap
+++ b/frontend/components/__snapshots__/CommentEditor.test.ts.snap
@@ -2,13 +2,13 @@
 
 exports[`comment editor 1`] = `
 "<div><textarea class=\\"form-control\\" placeholder=\\"entry.placeholder\\"></textarea>
-  <div class=\\"text-right btn-actions\\"><button class=\\"btn btn-sm btn-primary\\">entry.save_comment</button><button class=\\"btn btn-sm btn-default\\">entry.cancel_edit</button></div>
+  <div class=\\"text-right text-end btn-actions\\"><button class=\\"btn btn-sm p-2 btn-primary fs-7\\">entry.save_comment</button><button class=\\"btn btn-sm p-2 btn-default fs-7\\">entry.cancel_edit</button></div>
 </div>"
 `;
 
 exports[`comment editor with ckeditor 1`] = `
 "<div>
   <div><textarea></textarea></div>
-  <div class=\\"text-right btn-actions\\"><button class=\\"btn btn-sm btn-primary\\">entry.save_comment</button><button class=\\"btn btn-sm btn-default\\">entry.cancel_edit</button></div>
+  <div class=\\"text-right text-end btn-actions\\"><button class=\\"btn btn-sm p-2 btn-primary fs-7\\">entry.save_comment</button><button class=\\"btn btn-sm p-2 btn-default fs-7\\">entry.cancel_edit</button></div>
 </div>"
 `;
diff --git a/frontend/components/__snapshots__/CommentEntry.test.ts.snap b/frontend/components/__snapshots__/CommentEntry.test.ts.snap
index 80a211b..00b2843 100644
--- a/frontend/components/__snapshots__/CommentEntry.test.ts.snap
+++ b/frontend/components/__snapshots__/CommentEntry.test.ts.snap
@@ -1,10 +1,12 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`entry 1`] = `
-"<div class=\\"panel-body clearfix\\">
-  <div class=\\"comment-authoring\\"><strong>John Doe</strong> entry.authored_date</div>
-  <div class=\\"pull-right comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times\\"></i></button></div>
-  <div class=\\"comment-content\\">
+"<div class=\\"panel-body card-body pb-0 clearfix\\">
+  <div class=\\"comment-authoring\\">
+    <!--v-if--><strong>John Doe</strong> entry.authored_date
+  </div>
+  <div class=\\"pull-right float-end comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil fs-6\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times fs-6\\"></i></button></div>
+  <div class=\\"comment-content pb-0\\">
     <!-- eslint-disable vue/no-v-html -->
     <p>Lorem ipsum dolor amet<br>Nope</p>
   </div>
@@ -12,9 +14,11 @@ exports[`entry 1`] = `
 `;
 
 exports[`entry rich text 1`] = `
-"<div class=\\"panel-body clearfix\\">
-  <div class=\\"comment-authoring\\"><strong>John Doe</strong> entry.authored_date</div>
-  <div class=\\"pull-right comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times\\"></i></button></div><!-- eslint-disable vue/no-v-html -->
+"<div class=\\"panel-body card-body pb-0 clearfix\\">
+  <div class=\\"comment-authoring\\">
+    <!--v-if--><strong>John Doe</strong> entry.authored_date
+  </div>
+  <div class=\\"pull-right float-end comment-actions\\"><button class=\\"btn btn-sm btn-primary\\" title=\\"entry.edit_comment\\"><i class=\\"fas fa-pencil fs-6\\"></i></button><button class=\\"btn btn-sm btn-danger\\" title=\\"entry.delete_comment\\"><i class=\\"fas fa-times fs-6\\"></i></button></div><!-- eslint-disable vue/no-v-html -->
   <div class=\\"comment-content\\">
     <p>Lorem ipsum <strong>dolor</strong> amet</p>
     <p>Nope</p>
diff --git a/frontend/locales/en.ts b/frontend/locales/en.ts
index 47722ef..a6a879b 100644
--- a/frontend/locales/en.ts
+++ b/frontend/locales/en.ts
@@ -36,6 +36,7 @@ export default {
     anonymous: 'Anonymous',
     authored_date: 'on {date} at {time}',
     edit_comment: 'Edit',
+    last_update_by: 'Last update by',
     save_comment: "Save",
     delete_comment: 'Delete',
     cancel_edit: 'Annuler',
diff --git a/frontend/locales/fr.ts b/frontend/locales/fr.ts
index 92271eb..de8b05f 100644
--- a/frontend/locales/fr.ts
+++ b/frontend/locales/fr.ts
@@ -36,6 +36,7 @@ export default  {
     anonymous: 'Anonyme',
     authored_date: 'le {date} à {time}',
     edit_comment: 'Modifier',
+    last_update_by: 'Dernière mise à jour par',
     save_comment: "Enregistrer",
     delete_comment: 'Supprimer',
     cancel_edit: 'Annuler',
diff --git a/frontend/main.test.ts b/frontend/main.test.ts
index d280f5f..b2088ff 100644
--- a/frontend/main.test.ts
+++ b/frontend/main.test.ts
@@ -26,7 +26,7 @@
 
 import {vi, expect, test, beforeEach} from 'vitest';
 import * as exports from '@vue/runtime-dom';
-import CommentThread from "./CommentThread.vue";
+import CommentViewer from "./CommentViewer.vue";
 import {createApp} from "vue";
 import fetchMock from "fetch-mock";
 
@@ -41,6 +41,27 @@ beforeEach(() => {
 });
 
 test('mount app', async () => {
+  document.body.innerHTML = `<div class="comment-thread-viewer" data-url="/api"></div>
+    <div class="comment-count" data-url="/api"></div>
+    <input name="csrfmiddlewaretoken"/>`;
+
+  const spy = vi.spyOn(exports, 'createApp').mockImplementation(createApp);
+
+  // Executes main file
+  await import('./main');
+
+  expect(document.body.innerHTML).toMatchSnapshot();
+  const pElement = document.querySelector('[data-v-app]');
+  expect(pElement).toBeTruthy();
+
+  expect(spy).toHaveBeenCalledWith(CommentViewer, {
+    url: '/api',
+    singleMode: false,
+  });
+});
+
+
+test('mount app in single mode', async () => {
   document.body.innerHTML = `<div class="comment-viewer" data-url="/api"></div>
     <div class="comment-count" data-url="/api"></div>
     <input name="csrfmiddlewaretoken"/>`;
@@ -54,14 +75,15 @@ test('mount app', async () => {
   const pElement = document.querySelector('[data-v-app]');
   expect(pElement).toBeTruthy();
 
-  expect(spy).toHaveBeenCalledWith(CommentThread, {
+  expect(spy).toHaveBeenCalledWith(CommentViewer, {
     url: '/api',
+    singleMode: true,
   });
 });
 
 
 test('mount app on invalid element', async () => {
-  document.body.innerHTML = `<div class="comment-viewer" data-url="/api"></div>
+  document.body.innerHTML = `<div class="comment-thread-viewer" data-url="/api"></div>
     <input name="csrfmiddlewaretoken"/>`;
 
   const spy = vi.spyOn(exports, 'createApp').mockImplementation(createApp);
@@ -73,15 +95,16 @@ test('mount app on invalid element', async () => {
   const pElement = document.querySelector('[data-v-app]');
   expect(pElement).toBeTruthy();
 
-  expect(spy).toHaveBeenCalledWith(CommentThread, {
+  expect(spy).toHaveBeenCalledWith(CommentViewer, {
     url: '/api',
+    singleMode: false,
   });
 });
 
 
 test('correct conversions', async () => {
   document.body.innerHTML = `
-    <div class="comment-viewer"
+    <div class="comment-thread-viewer"
       data-url="/api"
       data-page-size="2"
       data-tags="foo,bar"
@@ -92,8 +115,9 @@ test('correct conversions', async () => {
 
   // Executes main file
   await import('./main');
-  expect(spy).toHaveBeenCalledWith(CommentThread, {
+  expect(spy).toHaveBeenCalledWith(CommentViewer, {
     url: '/api',
+    singleMode: false,
     "pageSize": 2,
     "tags": [
       "foo",
diff --git a/frontend/main.ts b/frontend/main.ts
index 483bffd..9ae9797 100644
--- a/frontend/main.ts
+++ b/frontend/main.ts
@@ -25,7 +25,7 @@
  */
 import {createApp} from '@vue/runtime-dom'; // not importing from 'vue' so it can be spied on
 import {i18n} from './i18n';
-import CommentThread from './CommentThread.vue';
+import CommentViewer from './CommentViewer.vue';
 import CommentCount from "./components/CommentCount.vue";
 
 interface Props extends Record<string, unknown> {
@@ -36,12 +36,14 @@ interface Props extends Record<string, unknown> {
   richTextConfig?: object,
   pageSize?: number,
   tags?: string[],
+  singleMode?: boolean,
 }
 
 function initCommentComponents() {
 
-  document.querySelectorAll<HTMLElement>('.comment-viewer:not([data-v-app])').forEach((elem) => {
+  document.querySelectorAll<HTMLElement>('.comment-viewer:not([data-v-app]), .comment-thread-viewer:not([data-v-app])').forEach((elem) => {
     const props: Props = {url: "", ...elem.dataset};
+
     if (typeof elem.dataset.pageSize !== 'undefined') {
       props.pageSize = Number.parseInt(elem.dataset.pageSize);
     }
@@ -51,7 +53,9 @@ function initCommentComponents() {
     if (typeof elem.dataset.richTextConfig !== 'undefined') {
       props.richTextConfig = JSON.parse(elem.dataset.richTextConfig) as object;
     }
-    createApp(CommentThread, props).use(i18n).mount(elem);
+    props.singleMode = elem.classList.contains('comment-viewer');
+
+    createApp(CommentViewer, props).use(i18n).mount(elem);
   });
 
   document.querySelectorAll<HTMLElement>('.comment-count:not([data-v-app])').forEach((elem) => {
diff --git a/frontend/test.setup.ts b/frontend/test.setup.ts
index 7f7d14d..c81ba9a 100644
--- a/frontend/test.setup.ts
+++ b/frontend/test.setup.ts
@@ -27,6 +27,10 @@
 // tests/unit.setup.ts
 import {config} from "@vue/test-utils";
 
+
 config.global.mocks = {
   $t: (tKey: string) => tKey, // just return translation key
+  $i18n: () => ({
+    locale: 'fr',
+  }),
 };
diff --git a/osis_comment/static/osis_comment/osis-comment.css b/osis_comment/static/osis_comment/osis-comment.css
index b9ebbbe..838ce56 100644
--- a/osis_comment/static/osis_comment/osis-comment.css
+++ b/osis_comment/static/osis_comment/osis-comment.css
@@ -1 +1 @@
-.btn-actions{margin-top:.5em}.btn-actions>button{margin-left:.3em}.comment-authoring{background:#dddddd;padding:.5em 1em}.comment-content{padding:1em 0}.comment-actions{padding:4px 0}.comment-actions>button{margin-left:.3em;min-width:34px;min-height:34px}.comment-thread .panel-heading{line-height:30px}.badge-compteur{display:inline-block;min-width:10px;padding:3px 7px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:10px;margin-left:5px;font-size:9px;background-color:#337ab7}
+.btn-actions{margin-top:.5em}.btn-actions>button{margin-left:.3em}.comment-authoring{background:#dddddd;padding:.5em 1em}.comment-content{padding:1em 0}.comment-actions{padding:4px 0}.comment-actions>button{margin-left:.3em;min-width:34px;min-height:34px}.comment-panel .panel-heading{line-height:30px}.badge-compteur{display:inline-block;min-width:10px;padding:3px 7px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:10px;margin-left:5px;font-size:9px;background-color:#337ab7}
diff --git a/osis_comment/static/osis_comment/osis-comment.umd.min.js b/osis_comment/static/osis_comment/osis-comment.umd.min.js
index 47cb49b..bca9ff6 100644
--- a/osis_comment/static/osis_comment/osis-comment.umd.min.js
+++ b/osis_comment/static/osis_comment/osis-comment.umd.min.js
@@ -1,5 +1,5 @@
-(function(a,l){typeof exports=="object"&&typeof module<"u"?l(require("@vue/runtime-dom"),require("vue-i18n"),require("vue")):typeof define=="function"&&define.amd?define(["@vue/runtime-dom","vue-i18n","vue"],l):(a=typeof globalThis<"u"?globalThis:a||self,l(a.Vue,a.VueI18n,a.Vue))})(this,function(a,l,n){"use strict";var se=Object.defineProperty;var le=(a,l,n)=>l in a?se(a,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[l]=n;var u=(a,l,n)=>(le(a,typeof l!="symbol"?l+"":l,n),n);const _={thread:{title:e=>{const{normalize:t}=e;return t(["Comments"])},add_comment:e=>{const{normalize:t}=e;return t(["Add"])},previous:e=>{const{normalize:t}=e;return t(["Previous page"])},next:e=>{const{normalize:t}=e;return t(["Next page"])},sort:e=>{const{normalize:t}=e;return t(["sort"])}},entry:{anonymous:e=>{const{normalize:t}=e;return t(["Anonymous"])},authored_date:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["on ",o(r("date"))," at ",o(r("time"))])},edit_comment:e=>{const{normalize:t}=e;return t(["Edit"])},save_comment:e=>{const{normalize:t}=e;return t(["Save"])},delete_comment:e=>{const{normalize:t}=e;return t(["Delete"])},cancel_edit:e=>{const{normalize:t}=e;return t(["Annuler"])},placeholder:e=>{const{normalize:t}=e;return t(["Your comment"])}},error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Error: ",o(r("error"))])},request_error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Request error: ",o(r("error"))])}},$={thread:{title:e=>{const{normalize:t}=e;return t(["Commentaires"])},add_comment:e=>{const{normalize:t}=e;return t(["Ajouter"])},previous:e=>{const{normalize:t}=e;return t(["Page précédente"])},next:e=>{const{normalize:t}=e;return t(["Page suivante"])},sort:e=>{const{normalize:t}=e;return t(["trier"])}},entry:{anonymous:e=>{const{normalize:t}=e;return t(["Anonyme"])},authored_date:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["le ",o(r("date"))," à ",o(r("time"))])},edit_comment:e=>{const{normalize:t}=e;return t(["Modifier"])},save_comment:e=>{const{normalize:t}=e;return t(["Enregistrer"])},delete_comment:e=>{const{normalize:t}=e;return t(["Supprimer"])},cancel_edit:e=>{const{normalize:t}=e;return t(["Annuler"])},placeholder:e=>{const{normalize:t}=e;return t(["Votre commentaire"])}},error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Erreur: ",o(r("error"))])},request_error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Erreur HTTP: ",o(r("error"))])}},b=l.createI18n({locale:document.documentElement.lang||"en",messages:{en:_,fr:$}});class y{constructor({uuid:t,comment:o,author:r,tags:i,extra_data:c,links:d,created_at:s,modified_at:m}){u(this,"uuid");u(this,"comment");u(this,"author");u(this,"tags");u(this,"extra_data");u(this,"links");u(this,"created_at");u(this,"modified_at");this.uuid=t,this.comment=o,this.author=r,this.tags=i,this.extra_data=c,this.links=d,this.created_at=new Date(s),this.modified_at=new Date(m)}}/**
+(function(a,l){typeof exports=="object"&&typeof module<"u"?l(require("@vue/runtime-dom"),require("vue-i18n"),require("vue")):typeof define=="function"&&define.amd?define(["@vue/runtime-dom","vue-i18n","vue"],l):(a=typeof globalThis<"u"?globalThis:a||self,l(a.Vue,a.VueI18n,a.Vue))})(this,function(a,l,n){"use strict";var le=Object.defineProperty;var de=(a,l,n)=>l in a?le(a,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[l]=n;var u=(a,l,n)=>(de(a,typeof l!="symbol"?l+"":l,n),n);const _={thread:{title:e=>{const{normalize:t}=e;return t(["Comments"])},add_comment:e=>{const{normalize:t}=e;return t(["Add"])},previous:e=>{const{normalize:t}=e;return t(["Previous page"])},next:e=>{const{normalize:t}=e;return t(["Next page"])},sort:e=>{const{normalize:t}=e;return t(["sort"])}},entry:{anonymous:e=>{const{normalize:t}=e;return t(["Anonymous"])},authored_date:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["on ",o(r("date"))," at ",o(r("time"))])},edit_comment:e=>{const{normalize:t}=e;return t(["Edit"])},last_update_by:e=>{const{normalize:t}=e;return t(["Last update by"])},save_comment:e=>{const{normalize:t}=e;return t(["Save"])},delete_comment:e=>{const{normalize:t}=e;return t(["Delete"])},cancel_edit:e=>{const{normalize:t}=e;return t(["Annuler"])},placeholder:e=>{const{normalize:t}=e;return t(["Your comment"])}},error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Error: ",o(r("error"))])},request_error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Request error: ",o(r("error"))])}},$={thread:{title:e=>{const{normalize:t}=e;return t(["Commentaires"])},add_comment:e=>{const{normalize:t}=e;return t(["Ajouter"])},previous:e=>{const{normalize:t}=e;return t(["Page précédente"])},next:e=>{const{normalize:t}=e;return t(["Page suivante"])},sort:e=>{const{normalize:t}=e;return t(["trier"])}},entry:{anonymous:e=>{const{normalize:t}=e;return t(["Anonyme"])},authored_date:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["le ",o(r("date"))," à ",o(r("time"))])},edit_comment:e=>{const{normalize:t}=e;return t(["Modifier"])},last_update_by:e=>{const{normalize:t}=e;return t(["Dernière mise à jour par"])},save_comment:e=>{const{normalize:t}=e;return t(["Enregistrer"])},delete_comment:e=>{const{normalize:t}=e;return t(["Supprimer"])},cancel_edit:e=>{const{normalize:t}=e;return t(["Annuler"])},placeholder:e=>{const{normalize:t}=e;return t(["Votre commentaire"])}},error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Erreur: ",o(r("error"))])},request_error:e=>{const{normalize:t,interpolate:o,named:r}=e;return t(["Erreur HTTP: ",o(r("error"))])}},b=l.createI18n({locale:document.documentElement.lang||"en",messages:{en:_,fr:$}});class y{constructor({uuid:t,comment:o,author:r,tags:i,extra_data:c,links:d,created_at:s,modified_at:m}){u(this,"uuid");u(this,"comment");u(this,"author");u(this,"tags");u(this,"extra_data");u(this,"links");u(this,"created_at");u(this,"modified_at");this.uuid=t,this.comment=o,this.author=r,this.tags=i,this.extra_data=c,this.links=d,this.created_at=new Date(s),this.modified_at=new Date(m)}}/**
  * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
  * For licensing, see LICENSE.md.
- */function S(e,t,o){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");typeof t=="function"&&(o=t,t={}),t=t||{},o=o||function(){},i.type=t.type||"text/javascript",i.charset=t.charset||"utf8",i.async="async"in t?!!t.async:!0,i.src=e,t.attrs&&z(i,t.attrs),t.text&&(i.text=String(t.text));var c="onload"in i?g:T;c(i,o),i.onload||g(i,o),r.appendChild(i)}function z(e,t){for(var o in t)e.setAttribute(o,t[o])}function g(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function T(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}var p;function h(e,t){return"CKEDITOR"in window?Promise.resolve(CKEDITOR):typeof e!="string"||e.length<1?Promise.reject(new TypeError("CKEditor URL must be a non-empty string.")):(p||(p=h.scriptLoader(e).then(function(o){return t&&t(o),o})),p)}h.scriptLoader=function(e){return new Promise(function(t,o){S(e,function(r){if(p=void 0,r)return o(r);if(!window.CKEDITOR)return o(new Error("Script loaded from editorUrl doesn't provide CKEDITOR namespace."));t(CKEDITOR)})})};function B(e,t){var o=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r;return function(){clearTimeout(r);for(var i=arguments.length,c=new Array(i),d=0;d<i;d++)c[d]=arguments[d];r=setTimeout(e.bind.apply(e,[o].concat(c)),t)}}const V={name:"ckeditor",render(){return n.h("div",{},[n.h(this.tagName)])},props:{modelValue:{type:String,default:""},type:{type:String,default:"classic",validator:e=>["classic","inline"].includes(e)},editorUrl:{type:String,default:"https://cdn.ckeditor.com/4.17.2/standard-all/ckeditor.js"},config:{type:Object,default:()=>{}},tagName:{type:String,default:"textarea"},readOnly:{type:Boolean,default:null},throttle:{type:Number,default:80}},mounted(){h(this.editorUrl,e=>{this.$emit("namespaceloaded",e)}).then(()=>{if(this.$_destroyed)return;const e=this.prepareConfig(),t=this.type==="inline"?"inline":"replace",o=this.$el.firstElementChild;CKEDITOR[t](o,e)})},data(){return{readyEmitted:!1}},beforeDestroy(){this.instance&&this.instance.destroy(),this.$_destroyed=!0},watch:{modelValue(e){this.instance&&this.instance.getData()!==e&&this.instance.setData(e)},readOnly(e){this.instance&&this.instance.setReadOnly(e)}},methods:{prepareConfig(){const e=this.config||{};e.on=e.on||{},e.delayIfDetached===void 0&&(e.delayIfDetached=!0),this.readOnly!==null&&(e.readOnly=this.readOnly);const t=e.on.instanceReady;return e.on.instanceReady=o=>{this.instance=o.editor,this.$nextTick().then(()=>{this.prepareComponentData(),t&&t(o)})},e},prepareComponentData(){const e=this.modelValue;this.instance.fire("lockSnapshot"),this.instance.setData(e,{callback:()=>{this.$_setUpEditorEvents();const t=this.instance.getData();e!==t?(this.readyEmitted||(this.$emit("ready",this.instance),console.log("Emitting Ready"),this.readyEmitted=!0),this.$emit("update:modelValue",t)):this.readyEmitted||(this.$emit("ready",this.instance),console.log("Emitting Ready"),this.readyEmitted=!0),this.instance.fire("unlockSnapshot")}})},$_setUpEditorEvents(){const e=this.instance,t=B(o=>{const r=e.getData();this.modelValue!==r&&this.$emit("update:modelValue",r,o,e)},this.throttle);e.on("change",t),e.on("focus",o=>{this.$emit("focus",o,e)}),e.on("blur",o=>{this.$emit("blur",o,e)})}}},N=n.defineComponent({name:"CommentEditor",components:{ckeditor:V},props:{richTextConfig:{type:Object,default:()=>{}},defaultValue:{type:String,default:""}},emits:["cancel","submit"],data:function(){return{value:this.defaultValue}}}),de="",f=(e,t)=>{const o=e.__vccOpts||e;for(const[r,i]of t)o[r]=i;return o},w=["placeholder"],D={class:"text-right text-end btn-actions"};function O(e,t,o,r,i,c){const d=n.resolveComponent("ckeditor");return n.openBlock(),n.createElementBlock("div",null,[e.richTextConfig?(n.openBlock(),n.createBlock(d,{key:1,modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=s=>e.value=s),config:e.richTextConfig},null,8,["modelValue","config"])):n.withDirectives((n.openBlock(),n.createElementBlock("textarea",{key:0,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),class:"form-control",placeholder:e.$t("entry.placeholder")},null,8,w)),[[n.vModelText,e.value]]),n.createElementVNode("div",D,[n.createElementVNode("button",{class:"btn btn-sm p-2 btn-primary fs-7",onClick:t[2]||(t[2]=s=>e.$emit("submit",e.value))},n.toDisplayString(e.$t("entry.save_comment")),1),n.createElementVNode("button",{class:"btn btn-sm p-2 btn-default fs-7",onClick:t[3]||(t[3]=s=>e.$emit("cancel"))},n.toDisplayString(e.$t("entry.cancel_edit")),1)])])}const E=f(N,[["render",O]]),A=n.defineComponent({name:"CommentEntry",components:{CommentEditor:E},props:{richTextConfig:{type:Object,default:()=>{}},entry:{type:y,required:!0}},emits:["edit","delete"],data:function(){return{isEditing:!1}}}),ce="",P={class:"panel-body card-body pb-0 clearfix"},R={class:"comment-authoring"},U={class:"pull-right float-end comment-actions"},q=["title"],j=[n.createElementVNode("i",{class:"fas fa-pencil fs-6"},null,-1)],I=["title"],L=[n.createElementVNode("i",{class:"fas fa-times fs-6"},null,-1)],M={key:0,class:"comment-content pb-0"},F=["innerHTML"],H=["innerHTML"];function K(e,t,o,r,i,c){const d=n.resolveComponent("CommentEditor");return n.openBlock(),n.createElementBlock("div",P,[n.createElementVNode("div",R,[n.createElementVNode("strong",null,n.toDisplayString(e.entry.author||e.$t("entry.anonymous")),1),n.createTextVNode(" "+n.toDisplayString(e.$t("entry.authored_date",{date:e.entry.modified_at.toLocaleDateString(this.$i18n.locale),time:e.entry.modified_at.toLocaleTimeString()})),1)]),e.isEditing?(n.openBlock(),n.createBlock(d,{key:1,"default-value":e.entry.comment,"rich-text-config":e.richTextConfig,onSubmit:t[2]||(t[2]=s=>e.$emit("edit",e.entry.links.edit,s)),onCancel:t[3]||(t[3]=s=>e.isEditing=!1)},null,8,["default-value","rich-text-config"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createElementVNode("div",U,[typeof e.entry.links.edit=="string"?(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm btn-primary",title:e.$t("entry.edit_comment"),onClick:t[0]||(t[0]=s=>e.isEditing=!0)},j,8,q)):n.createCommentVNode("",!0),typeof e.entry.links.delete=="string"?(n.openBlock(),n.createElementBlock("button",{key:1,class:"btn btn-sm btn-danger",title:e.$t("entry.delete_comment"),onClick:t[1]||(t[1]=s=>e.$emit("delete",e.entry.links.delete))},L,8,I)):n.createCommentVNode("",!0)]),e.richTextConfig?(n.openBlock(),n.createElementBlock("div",{key:1,class:"comment-content",innerHTML:e.entry.comment},null,8,H)):(n.openBlock(),n.createElementBlock("div",M,[n.createElementVNode("p",{innerHTML:e.entry.comment.replace(/\n/g,"<br/>")},null,8,F)]))],64))])}const J=f(A,[["render",K]]);function X(e){return{all:e=e||new Map,on:function(t,o){var r=e.get(t);r?r.push(o):e.set(t,[o])},off:function(t,o){var r=e.get(t);r&&(o?r.splice(r.indexOf(o)>>>0,1):e.set(t,[]))},emit:function(t,o){var r=e.get(t);r&&r.slice().map(function(i){i(o)}),(r=e.get("*"))&&r.slice().map(function(i){i(t,o)})}}}const k=X(),Y=n.defineComponent({name:"CommentThread",components:{CommentEditor:E,CommentEntry:J},props:{url:{type:String,required:!0},tags:{type:Array,default:()=>[]},headerTitle:{type:String,default:""},pageSize:{type:Number,default:10},defaultSort:{type:String,default:"-modified_at"},panelClass:{type:String,default:"default"},richTextConfig:{type:Object,default:()=>{}}},data(){const e=new URLSearchParams({limit:String(this.pageSize),sort:"-modified_at"});this.tags.length&&e.append("tags",this.tags.join(","));const t=document.querySelector("[name=csrfmiddlewaretoken]");if(!(t instanceof HTMLInputElement))throw new Error("Please include {% csrf_token %} in your page.");return{entries:[],error:"",total:null,createUrl:null,currentUrl:`${this.url}?${e.toString()}`,currentSort:"-modified_at",previousPage:null,nextPage:null,loading:!0,isAdding:!1,csrfToken:t.value}},computed:{isAscendedSort:function(){return this.currentSort==="modified_at"}},mounted(){this.loadEntries()},methods:{async changeSort(){const e=new URL(window.location.origin+this.currentUrl),t=new URLSearchParams(e.search);this.currentSort=this.isAscendedSort?"-modified_at":"modified_at",t.set("sort",this.currentSort),this.currentUrl=`${e.pathname}?${t.toString()}`,await this.loadEntries()},async loadEntries(){const e=await this.doRequest(this.currentUrl,{},!1);e&&(this.createUrl=typeof e.create=="string"?e.create:null,this.previousPage=e.previous,this.nextPage=e.next,this.total=e.count,this.entries=e.results.map(t=>new y(t)))},async createEntry(e){await this.doRequest(this.createUrl,{method:"POST",body:JSON.stringify({comment:e,tags:this.tags})}),this.isAdding=!1},async editEntry(e,t){await this.doRequest(e,{method:"PUT",body:JSON.stringify({comment:t})})},async deleteEntry(e){await this.doRequest(e,{method:"DELETE"})},async doRequest(e,t,o=!0){this.loading=!0,this.error="";try{const r=await fetch(e,{mode:"same-origin",headers:{"Content-Type":"application/json;charset=utf-8","X-CSRFToken":this.csrfToken},...t});if(r.status>=200&&r.status<300)return o&&(await this.loadEntries(),k.emit("REFRESH_COMMENTS_EVENT")),this.loading=!1,r.json();this.error=r.statusText}catch(r){this.error=r.message}this.loading=!1}}}),pe="",G={class:"panel-heading clearfix bg-primary text-white"},Q={key:0,class:"spinner"},W={key:1,class:"panel-body card-body pb-0 text-danger"},Z={key:3,class:"panel-body card-body pb-3"},v=n.createElementVNode("i",{class:"fas fa-chevron-left"},null,-1),x=n.createElementVNode("i",{class:"fas fa-chevron-right"},null,-1),ee=n.createElementVNode("i",{class:"fas fa-plus"},null,-1);function te(e,t,o,r,i,c){const d=n.resolveComponent("CommentEntry"),s=n.resolveComponent("CommentEditor");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["comment-thread panel border border-primary mb-4 rounded-top d-flex flex-column",`panel-${e.panelClass} card-${e.panelClass}`])},[n.createElementVNode("div",G,[n.createTextVNode(n.toDisplayString(e.headerTitle||e.$t("thread.title"))+" ",1),e.total!=null?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createTextVNode(" ("+n.toDisplayString(e.total)+") ",1)],64)):n.createCommentVNode("",!0),n.createElementVNode("button",{class:"btn btn-default p-2 px-3 btn-sm pull-right float-end",onClick:t[0]||(t[0]=m=>e.changeSort())},[n.createTextVNode(n.toDisplayString(e.$t("thread.sort"))+" ",1),n.createElementVNode("i",{class:n.normalizeClass(["fas",e.isAscendedSort?"fa-sort-up":"fa-sort-down"])},null,2)])]),e.loading?(n.openBlock(),n.createElementBlock("span",Q)):e.error?(n.openBlock(),n.createElementBlock("div",W,n.toDisplayString(e.error),1)):(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:2},n.renderList(e.entries,m=>(n.openBlock(),n.createBlock(d,{key:m.uuid,entry:m,"rich-text-config":e.richTextConfig,onEdit:e.editEntry,onDelete:e.deleteEntry},null,8,["entry","rich-text-config","onEdit","onDelete"]))),128)),e.nextPage||e.previousPage||e.createUrl?(n.openBlock(),n.createElementBlock("div",Z,[e.previousPage?(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm btn-default",onClick:t[1]||(t[1]=m=>{e.previousPage&&(e.currentUrl=e.previousPage),e.loadEntries()})},[v,n.createTextVNode(" "+n.toDisplayString(e.$t("thread.previous")),1)])):n.createCommentVNode("",!0),e.nextPage?(n.openBlock(),n.createElementBlock("button",{key:1,class:"btn btn-sm btn-default",onClick:t[2]||(t[2]=m=>{e.nextPage&&(e.currentUrl=e.nextPage),e.loadEntries()})},[n.createTextVNode(n.toDisplayString(e.$t("thread.next"))+" ",1),x])):n.createCommentVNode("",!0),e.createUrl?(n.openBlock(),n.createElementBlock(n.Fragment,{key:2},[e.isAdding?(n.openBlock(),n.createBlock(s,{key:1,"rich-text-config":e.richTextConfig,onSubmit:e.createEntry,onCancel:t[4]||(t[4]=m=>e.isAdding=!e.isAdding)},null,8,["rich-text-config","onSubmit"])):(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm p-2 btn-primary pull-right float-end fs-7",onClick:t[3]||(t[3]=m=>e.isAdding=!e.isAdding)},[ee,n.createTextVNode(" "+n.toDisplayString(e.$t("thread.add_comment")),1)]))],64)):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)],2)}const ne=f(Y,[["render",te]]),oe=n.defineComponent({name:"CommentCount",props:{url:{type:String,required:!0}},data:function(){return{value:null,loading:!0,error:""}},mounted(){this.loadCount(),k.on("REFRESH_COMMENTS_EVENT",()=>void this.loadCount())},methods:{async loadCount(){const t=await(await fetch(this.url,{mode:"same-origin",headers:{"Content-Type":"application/json;charset=utf-8"}})).json();this.value=t.count}}}),fe="",re={key:0,class:"badge badge-compteur"};function ie(e,t,o,r,i,c){return e.value!=0?(n.openBlock(),n.createElementBlock("div",re,n.toDisplayString(e.value),1)):n.createCommentVNode("",!0)}const ae=f(oe,[["render",ie]]);function C(){document.querySelectorAll(".comment-viewer:not([data-v-app])").forEach(e=>{const t={url:"",...e.dataset};typeof e.dataset.pageSize<"u"&&(t.pageSize=Number.parseInt(e.dataset.pageSize)),typeof e.dataset.tags<"u"&&(t.tags=e.dataset.tags.split(",")),typeof e.dataset.richTextConfig<"u"&&(t.richTextConfig=JSON.parse(e.dataset.richTextConfig)),a.createApp(ne,t).use(b).mount(e)}),document.querySelectorAll(".comment-count:not([data-v-app])").forEach(e=>{const t={url:"",...e.dataset};a.createApp(ae,t).mount(e)})}C(),new MutationObserver(C).observe(document,{childList:!0,subtree:!0})});
+ */function S(e,t,o){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");typeof t=="function"&&(o=t,t={}),t=t||{},o=o||function(){},i.type=t.type||"text/javascript",i.charset=t.charset||"utf8",i.async="async"in t?!!t.async:!0,i.src=e,t.attrs&&z(i,t.attrs),t.text&&(i.text=String(t.text));var c="onload"in i?g:B;c(i,o),i.onload||g(i,o),r.appendChild(i)}function z(e,t){for(var o in t)e.setAttribute(o,t[o])}function g(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function B(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}var p;function h(e,t){return"CKEDITOR"in window?Promise.resolve(CKEDITOR):typeof e!="string"||e.length<1?Promise.reject(new TypeError("CKEditor URL must be a non-empty string.")):(p||(p=h.scriptLoader(e).then(function(o){return t&&t(o),o})),p)}h.scriptLoader=function(e){return new Promise(function(t,o){S(e,function(r){if(p=void 0,r)return o(r);if(!window.CKEDITOR)return o(new Error("Script loaded from editorUrl doesn't provide CKEDITOR namespace."));t(CKEDITOR)})})};function T(e,t){var o=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},r;return function(){clearTimeout(r);for(var i=arguments.length,c=new Array(i),d=0;d<i;d++)c[d]=arguments[d];r=setTimeout(e.bind.apply(e,[o].concat(c)),t)}}const V={name:"ckeditor",render(){return n.h("div",{},[n.h(this.tagName)])},props:{modelValue:{type:String,default:""},type:{type:String,default:"classic",validator:e=>["classic","inline"].includes(e)},editorUrl:{type:String,default:"https://cdn.ckeditor.com/4.17.2/standard-all/ckeditor.js"},config:{type:Object,default:()=>{}},tagName:{type:String,default:"textarea"},readOnly:{type:Boolean,default:null},throttle:{type:Number,default:80}},mounted(){h(this.editorUrl,e=>{this.$emit("namespaceloaded",e)}).then(()=>{if(this.$_destroyed)return;const e=this.prepareConfig(),t=this.type==="inline"?"inline":"replace",o=this.$el.firstElementChild;CKEDITOR[t](o,e)})},data(){return{readyEmitted:!1}},beforeDestroy(){this.instance&&this.instance.destroy(),this.$_destroyed=!0},watch:{modelValue(e){this.instance&&this.instance.getData()!==e&&this.instance.setData(e)},readOnly(e){this.instance&&this.instance.setReadOnly(e)}},methods:{prepareConfig(){const e=this.config||{};e.on=e.on||{},e.delayIfDetached===void 0&&(e.delayIfDetached=!0),this.readOnly!==null&&(e.readOnly=this.readOnly);const t=e.on.instanceReady;return e.on.instanceReady=o=>{this.instance=o.editor,this.$nextTick().then(()=>{this.prepareComponentData(),t&&t(o)})},e},prepareComponentData(){const e=this.modelValue;this.instance.fire("lockSnapshot"),this.instance.setData(e,{callback:()=>{this.$_setUpEditorEvents();const t=this.instance.getData();e!==t?(this.readyEmitted||(this.$emit("ready",this.instance),console.log("Emitting Ready"),this.readyEmitted=!0),this.$emit("update:modelValue",t)):this.readyEmitted||(this.$emit("ready",this.instance),console.log("Emitting Ready"),this.readyEmitted=!0),this.instance.fire("unlockSnapshot")}})},$_setUpEditorEvents(){const e=this.instance,t=T(o=>{const r=e.getData();this.modelValue!==r&&this.$emit("update:modelValue",r,o,e)},this.throttle);e.on("change",t),e.on("focus",o=>{this.$emit("focus",o,e)}),e.on("blur",o=>{this.$emit("blur",o,e)})}}},w=n.defineComponent({name:"CommentEditor",components:{ckeditor:V},props:{richTextConfig:{type:Object,default:()=>{}},defaultValue:{type:String,default:""}},emits:["cancel","submit"],data:function(){return{value:this.defaultValue}}}),ce="",f=(e,t)=>{const o=e.__vccOpts||e;for(const[r,i]of t)o[r]=i;return o},N=["placeholder"],D={class:"text-right text-end btn-actions"};function O(e,t,o,r,i,c){const d=n.resolveComponent("ckeditor");return n.openBlock(),n.createElementBlock("div",null,[e.richTextConfig?(n.openBlock(),n.createBlock(d,{key:1,modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=s=>e.value=s),config:e.richTextConfig},null,8,["modelValue","config"])):n.withDirectives((n.openBlock(),n.createElementBlock("textarea",{key:0,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),class:"form-control",placeholder:e.$t("entry.placeholder")},null,8,N)),[[n.vModelText,e.value]]),n.createElementVNode("div",D,[n.createElementVNode("button",{class:"btn btn-sm p-2 btn-primary fs-7",onClick:t[2]||(t[2]=s=>e.$emit("submit",e.value))},n.toDisplayString(e.$t("entry.save_comment")),1),n.createElementVNode("button",{class:"btn btn-sm p-2 btn-default fs-7",onClick:t[3]||(t[3]=s=>e.$emit("cancel"))},n.toDisplayString(e.$t("entry.cancel_edit")),1)])])}const E=f(w,[["render",O]]),P=n.defineComponent({name:"CommentEntry",components:{CommentEditor:E},props:{richTextConfig:{type:Object,default:()=>{}},entry:{type:y,required:!0},withLastUpdateByPrefix:{type:Boolean,default:()=>!1}},emits:["edit","delete"],data:function(){return{isEditing:!1}}}),me="",A={class:"panel-body card-body pb-0 clearfix"},R={class:"comment-authoring"},U={key:0},M={class:"pull-right float-end comment-actions"},q=["title"],L=[n.createElementVNode("i",{class:"fas fa-pencil fs-6"},null,-1)],j=["title"],I=[n.createElementVNode("i",{class:"fas fa-times fs-6"},null,-1)],F={key:0,class:"comment-content pb-0"},H=["innerHTML"],K=["innerHTML"];function J(e,t,o,r,i,c){const d=n.resolveComponent("CommentEditor");return n.openBlock(),n.createElementBlock("div",A,[n.createElementVNode("div",R,[e.withLastUpdateByPrefix?(n.openBlock(),n.createElementBlock("span",U,n.toDisplayString(e.$t("entry.last_update_by")+" "),1)):n.createCommentVNode("",!0),n.createElementVNode("strong",null,n.toDisplayString(e.entry.author||e.$t("entry.anonymous")),1),n.createTextVNode(" "+n.toDisplayString(e.$t("entry.authored_date",{date:e.entry.modified_at.toLocaleDateString(e.$i18n.locale),time:e.entry.modified_at.toLocaleTimeString()})),1)]),e.isEditing?(n.openBlock(),n.createBlock(d,{key:1,"default-value":e.entry.comment,"rich-text-config":e.richTextConfig,onSubmit:t[2]||(t[2]=s=>e.$emit("edit",e.entry.links.edit,s,()=>e.isEditing=!1)),onCancel:t[3]||(t[3]=s=>e.isEditing=!1)},null,8,["default-value","rich-text-config"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createElementVNode("div",M,[typeof e.entry.links.edit=="string"?(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm btn-primary",title:e.$t("entry.edit_comment"),onClick:t[0]||(t[0]=s=>e.isEditing=!0)},L,8,q)):n.createCommentVNode("",!0),typeof e.entry.links.delete=="string"?(n.openBlock(),n.createElementBlock("button",{key:1,class:"btn btn-sm btn-danger",title:e.$t("entry.delete_comment"),onClick:t[1]||(t[1]=s=>e.$emit("delete",e.entry.links.delete))},I,8,j)):n.createCommentVNode("",!0)]),e.richTextConfig?(n.openBlock(),n.createElementBlock("div",{key:1,class:"comment-content",innerHTML:e.entry.comment},null,8,K)):(n.openBlock(),n.createElementBlock("div",F,[n.createElementVNode("p",{innerHTML:e.entry.comment.replace(/\n/g,"<br/>")},null,8,H)]))],64))])}const X=f(P,[["render",J]]);function Y(e){return{all:e=e||new Map,on:function(t,o){var r=e.get(t);r?r.push(o):e.set(t,[o])},off:function(t,o){var r=e.get(t);r&&(o?r.splice(r.indexOf(o)>>>0,1):e.set(t,[]))},emit:function(t,o){var r=e.get(t);r&&r.slice().map(function(i){i(o)}),(r=e.get("*"))&&r.slice().map(function(i){i(t,o)})}}}const k=Y(),G=n.defineComponent({name:"CommentViewer",components:{CommentEditor:E,CommentEntry:X},props:{url:{type:String,required:!0},tags:{type:Array,default:()=>[]},headerTitle:{type:String,default:""},pageSize:{type:Number,default:10},defaultSort:{type:String,default:"-modified_at"},panelClass:{type:String,default:"default"},richTextConfig:{type:Object,default:()=>{}},singleMode:{type:Boolean,default:!0}},data(){const e=new URLSearchParams(this.singleMode?{last:"1"}:{limit:String(this.pageSize),sort:"-modified_at"});this.tags.length&&e.append("tags",this.tags.join(","));const t=document.querySelector("[name=csrfmiddlewaretoken]");if(!(t instanceof HTMLInputElement))throw new Error("Please include {% csrf_token %} in your page.");return{entries:[],error:"",total:null,createUrl:null,currentUrl:`${this.url}?${e.toString()}`,currentSort:"-modified_at",previousPage:null,nextPage:null,loading:!0,isAdding:!1,csrfToken:t.value}},computed:{isAscendedSort:function(){return this.currentSort==="modified_at"}},mounted(){this.loadEntries()},methods:{async changeSort(){const e=new URL(window.location.origin+this.currentUrl),t=new URLSearchParams(e.search);this.currentSort=this.isAscendedSort?"-modified_at":"modified_at",t.set("sort",this.currentSort),this.currentUrl=`${e.pathname}?${t.toString()}`,await this.loadEntries()},async loadEntries(){const e=await this.doRequest(this.currentUrl,{},!1);e&&(this.createUrl=typeof e.create=="string"&&(!this.singleMode||e.results.length===0)?e.create:null,this.previousPage=e.previous,this.nextPage=e.next,this.total=e.count,this.entries=e.results.map(t=>new y(t)))},async createEntry(e){await this.doRequest(this.createUrl,{method:"POST",body:JSON.stringify({comment:e,tags:this.tags})}),this.isAdding=!1},async editEntry(e,t,o){await this.doRequest(e,{method:"PUT",body:JSON.stringify({comment:t})}).then(o)},async deleteEntry(e){await this.doRequest(e,{method:"DELETE"})},async doRequest(e,t,o=!0){this.loading=!0,this.error="";try{const r=await fetch(e,{mode:"same-origin",headers:{"Content-Type":"application/json;charset=utf-8","X-CSRFToken":this.csrfToken},...t});if(r.status>=200&&r.status<300)return o&&(await this.loadEntries(),k.emit("REFRESH_COMMENTS_EVENT")),this.loading=!1,r.json();this.error=r.statusText}catch(r){this.error=r.message}this.loading=!1}}}),fe="",Q={class:"panel-heading clearfix bg-primary text-white"},W={key:0,class:"spinner"},Z={key:1,class:"panel-body card-body pb-0 text-danger"},v={key:3,class:"panel-body card-body pb-3"},x=n.createElementVNode("i",{class:"fas fa-chevron-left"},null,-1),ee=n.createElementVNode("i",{class:"fas fa-chevron-right"},null,-1),te=n.createElementVNode("i",{class:"fas fa-plus"},null,-1);function ne(e,t,o,r,i,c){const d=n.resolveComponent("CommentEntry"),s=n.resolveComponent("CommentEditor");return n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column",`panel-${e.panelClass} card-${e.panelClass}`])},[n.createElementVNode("div",Q,[n.createTextVNode(n.toDisplayString(e.headerTitle||e.$t("thread.title"))+" ",1),e.total!=null&&!e.singleMode?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createTextVNode(" ("+n.toDisplayString(e.total)+") ",1)],64)):n.createCommentVNode("",!0),e.singleMode?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("button",{key:1,class:"btn btn-default p-2 px-3 btn-sm pull-right float-end",onClick:t[0]||(t[0]=m=>e.changeSort())},[n.createTextVNode(n.toDisplayString(e.$t("thread.sort"))+" ",1),n.createElementVNode("i",{class:n.normalizeClass(["fas",e.isAscendedSort?"fa-sort-up":"fa-sort-down"])},null,2)]))]),e.loading?(n.openBlock(),n.createElementBlock("span",W)):n.createCommentVNode("",!0),e.error?(n.openBlock(),n.createElementBlock("div",Z,n.toDisplayString(e.error),1)):(n.openBlock(!0),n.createElementBlock(n.Fragment,{key:2},n.renderList(e.entries,m=>(n.openBlock(),n.createBlock(d,{key:m.uuid,entry:m,"rich-text-config":e.richTextConfig,"with-last-update-by-prefix":e.singleMode,onEdit:e.editEntry,onDelete:e.deleteEntry},null,8,["entry","rich-text-config","with-last-update-by-prefix","onEdit","onDelete"]))),128)),e.nextPage||e.previousPage||e.createUrl?(n.openBlock(),n.createElementBlock("div",v,[e.previousPage&&!e.singleMode?(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm btn-default",onClick:t[1]||(t[1]=m=>{e.previousPage&&(e.currentUrl=e.previousPage),e.loadEntries()})},[x,n.createTextVNode(" "+n.toDisplayString(e.$t("thread.previous")),1)])):n.createCommentVNode("",!0),e.nextPage&&!e.singleMode?(n.openBlock(),n.createElementBlock("button",{key:1,class:"btn btn-sm btn-default",onClick:t[2]||(t[2]=m=>{e.nextPage&&(e.currentUrl=e.nextPage),e.loadEntries()})},[n.createTextVNode(n.toDisplayString(e.$t("thread.next"))+" ",1),ee])):n.createCommentVNode("",!0),e.createUrl?(n.openBlock(),n.createElementBlock(n.Fragment,{key:2},[e.isAdding?(n.openBlock(),n.createBlock(s,{key:1,"rich-text-config":e.richTextConfig,onSubmit:e.createEntry,onCancel:t[4]||(t[4]=m=>e.isAdding=!e.isAdding)},null,8,["rich-text-config","onSubmit"])):(n.openBlock(),n.createElementBlock("button",{key:0,class:"btn btn-sm p-2 btn-primary pull-right float-end fs-7",onClick:t[3]||(t[3]=m=>e.isAdding=!e.isAdding)},[te,n.createTextVNode(" "+n.toDisplayString(e.$t("thread.add_comment")),1)]))],64)):n.createCommentVNode("",!0)])):n.createCommentVNode("",!0)],2)}const oe=f(G,[["render",ne]]),re=n.defineComponent({name:"CommentCount",props:{url:{type:String,required:!0}},data:function(){return{value:null,loading:!0,error:""}},mounted(){this.loadCount(),k.on("REFRESH_COMMENTS_EVENT",()=>void this.loadCount())},methods:{async loadCount(){const t=await(await fetch(this.url,{mode:"same-origin",headers:{"Content-Type":"application/json;charset=utf-8"}})).json();this.value=t.count}}}),he="",ie={key:0,class:"badge badge-compteur"};function ae(e,t,o,r,i,c){return e.value!=0?(n.openBlock(),n.createElementBlock("div",ie,n.toDisplayString(e.value),1)):n.createCommentVNode("",!0)}const se=f(re,[["render",ae]]);function C(){document.querySelectorAll(".comment-viewer:not([data-v-app]), .comment-thread-viewer:not([data-v-app])").forEach(e=>{const t={url:"",...e.dataset};typeof e.dataset.pageSize<"u"&&(t.pageSize=Number.parseInt(e.dataset.pageSize)),typeof e.dataset.tags<"u"&&(t.tags=e.dataset.tags.split(",")),typeof e.dataset.richTextConfig<"u"&&(t.richTextConfig=JSON.parse(e.dataset.richTextConfig)),t.singleMode=e.classList.contains("comment-viewer"),a.createApp(oe,t).use(b).mount(e)}),document.querySelectorAll(".comment-count:not([data-v-app])").forEach(e=>{const t={url:"",...e.dataset};a.createApp(se,t).mount(e)})}C(),new MutationObserver(C).observe(document,{childList:!0,subtree:!0})});
 //# sourceMappingURL=osis-comment.umd.min.js.map
diff --git a/osis_comment/static/osis_comment/osis-comment.umd.min.js.map b/osis_comment/static/osis_comment/osis-comment.umd.min.js.map
index 523472c..5c9ce75 100644
--- a/osis_comment/static/osis_comment/osis-comment.umd.min.js.map
+++ b/osis_comment/static/osis_comment/osis-comment.umd.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"osis-comment.umd.min.js","sources":["../../../frontend/i18n.ts","../../../frontend/types.ts","../../../node_modules/ckeditor4-integrations-common/dist/index.esm.js","../../../frontend/components/ckeditor.js","../../../frontend/components/CommentEditor.vue","../../../frontend/components/CommentEntry.vue","../../../node_modules/mitt/dist/mitt.mjs","../../../frontend/event-bus.ts","../../../frontend/CommentThread.vue","../../../frontend/components/CommentCount.vue","../../../frontend/main.ts"],"sourcesContent":["/*\n *\n *   OSIS stands for Open Student Information System. It's an application\n *   designed to manage the core business of higher education institutions,\n *   such as universities, faculties, institutes and professional schools.\n *   The core business involves the administration of students, teachers,\n *   courses, programs and so on.\n *\n *   Copyright (C) 2015-2021 Université catholique de Louvain (http://www.uclouvain.be)\n *\n *   This program is free software: you can redistribute it and/or modify\n *   it under the terms of the GNU General Public License as published by\n *   the Free Software Foundation, either version 3 of the License, or\n *   (at your option) any later version.\n *\n *   This program is distributed in the hope that it will be useful,\n *   but WITHOUT ANY WARRANTY; without even the implied warranty of\n *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *   GNU General Public License for more details.\n *\n *   A copy of this license - GNU General Public License - is available\n *   at the root of the source code of this program.  If not,\n *   see http://www.gnu.org/licenses/.\n *\n */\nimport {createI18n} from 'vue-i18n';\nimport en from \"./locales/en\";\nimport fr from \"./locales/fr\";\n\nexport const i18n = createI18n({\n  locale: document.documentElement.lang || 'en',\n  messages: {\n    en,\n    fr,\n  },\n});\n","import type {CommentLinks, EntryRecord} from \"./interfaces\";\n\nexport class Entry {\n  uuid: string;\n  comment: string;\n  author: string | null;\n  tags: string[];\n  extra_data: object;\n  links: CommentLinks;\n\n  created_at: Date;\n  modified_at: Date;\n\n  constructor(\n      {\n        uuid,\n        comment,\n        author,\n        tags,\n        extra_data,\n        links,\n        created_at,\n        modified_at,\n      }: EntryRecord,\n  ) {\n    this.uuid = uuid;\n    this.comment = comment;\n    this.author = author;\n    this.tags = tags;\n    this.extra_data = extra_data;\n    this.links = links;\n    this.created_at = new Date(created_at);\n    this.modified_at = new Date(modified_at);\n  }\n}\n","/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md.\n */\nfunction loadScript (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var script = document.createElement('script');\n  if (typeof opts === 'function') {\n    cb = opts;\n    opts = {};\n  }\n  opts = opts || {};\n  cb = cb || function () {};\n  script.type = opts.type || 'text/javascript';\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true;\n  script.src = src;\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs);\n  }\n  if (opts.text) {\n    script.text = String(opts.text);\n  }\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd;\n  onend(script, cb);\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n  head.appendChild(script);\n}\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\nfunction stdOnEnd(script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null;\n    cb(null, script);\n  };\n  script.onerror = function () {\n    this.onerror = this.onload = null;\n    cb(new Error('Failed to load ' + this.src), script);\n  };\n}\nfunction ieOnEnd(script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') {\n      return;\n    }\n    this.onreadystatechange = null;\n    cb(null, script);\n  };\n}\n\nvar promise;\nfunction getEditorNamespace(editorURL, onNamespaceLoaded) {\n  if ('CKEDITOR' in window) {\n    return Promise.resolve(CKEDITOR);\n  }\n  if (typeof editorURL !== 'string' || editorURL.length < 1) {\n    return Promise.reject(new TypeError('CKEditor URL must be a non-empty string.'));\n  }\n  if (!promise) {\n    promise = getEditorNamespace.scriptLoader(editorURL).then(function (res) {\n      if (onNamespaceLoaded) {\n        onNamespaceLoaded(res);\n      }\n      return res;\n    });\n  }\n  return promise;\n}\ngetEditorNamespace.scriptLoader = function (editorURL) {\n  return new Promise(function (scriptResolve, scriptReject) {\n    loadScript(editorURL, function (err) {\n      promise = undefined;\n      if (err) {\n        return scriptReject(err);\n      } else if (!window.CKEDITOR) {\n        return scriptReject(new Error('Script loaded from editorUrl doesn\\'t provide CKEDITOR namespace.'));\n      }\n      scriptResolve(CKEDITOR);\n    });\n  });\n};\n\nfunction debounce(fn, delay) {\n  var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  var cancel;\n  return function () {\n    clearTimeout(cancel);\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    cancel = setTimeout(fn.bind.apply(fn, [context].concat(args)), delay);\n  };\n}\n\nexport { debounce, getEditorNamespace };\n","/*\n *\n * OSIS stands for Open Student Information System. It's an application\n * designed to manage the core business of higher education institutions,\n * such as universities, faculties, institutes and professional schools.\n * The core business involves the administration of students, teachers,\n * courses, programs and so on.\n *\n * Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU General Public License for more details.\n *\n * A copy of this license - GNU General Public License - is available\n * at the root of the source code of this program.  If not,\n * see http://www.gnu.org/licenses/.\n *\n */\n\n/* global CKEDITOR */\n\n/**\n * This is taken from https://github.com/mayasabha/ckeditor4-vue3/blob/master/src/ckeditor.js\n * but as https://github.com/mayasabha/ckeditor4-vue3/issues/5\n * tree shaking is broken and the dist package ships with vue, hence we reproduce it in our own code\n */\n\n\nimport { h } from 'vue';\nimport { debounce, getEditorNamespace } from 'ckeditor4-integrations-common';\n\nexport default {\n\tname: 'ckeditor',\n\n\trender() {\n\t\treturn h( 'div', {}, [\n\t\t\th( this.tagName )\n\t\t] );\n\t},\n\n\tprops: {\n\t\tmodelValue: {\n\t\t\ttype: String,\n\t\t\tdefault: ''\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'classic',\n\t\t\tvalidator: type => [ 'classic', 'inline' ].includes( type )\n\t\t},\n\t\teditorUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: 'https://cdn.ckeditor.com/4.17.2/standard-all/ckeditor.js'\n\t\t},\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => {}\n\t\t},\n\t\ttagName: {\n\t\t\ttype: String,\n\t\t\tdefault: 'textarea'\n\t\t},\n\t\treadOnly: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null // Use null as the default value, so `config.readOnly` can take precedence.\n\t\t},\n\t\tthrottle: {\n\t\t\ttype: Number,\n\t\t\tdefault: 80\n\t\t}\n\t},\n\n\tmounted() {\n\t\tgetEditorNamespace( this.editorUrl, namespace => {\n\t\t\tthis.$emit( 'namespaceloaded', namespace );\n\t\t} ).then( () => {\n\t\t\tif ( this.$_destroyed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst config = this.prepareConfig();\n\t\t\tconst method = this.type === 'inline' ? 'inline' : 'replace';\n\t\t\tconst element = this.$el.firstElementChild;\n\n\t\t\tCKEDITOR[ method ]( element, config );\n\t\t} );\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\treadyEmitted: false,\n\t\t};\n\t},\n\n\tbeforeDestroy() {\n\t\tif ( this.instance ) {\n\t\t\tthis.instance.destroy();\n\t\t}\n\n\t\tthis.$_destroyed = true;\n\t},\n\n\twatch: {\n\t\tmodelValue( val ) {\n\t\t\tif ( this.instance && this.instance.getData() !== val ) {\n\t\t\t\tthis.instance.setData( val );\n\t\t\t}\n\t\t},\n\n\t\treadOnly( val ) {\n\t\t\tif ( this.instance ) {\n\t\t\t\tthis.instance.setReadOnly( val );\n\t\t\t}\n\t\t}\n\t},\n\n\tmethods: {\n\t\tprepareConfig() {\n\t\t\tconst config = this.config || {};\n\t\t\tconfig.on = config.on || {};\n\n\t\t\tif ( config.delayIfDetached === undefined ) {\n\t\t\t\tconfig.delayIfDetached = true;\n\t\t\t}\n\t\t\tif ( this.readOnly !== null ) {\n\t\t\t\tconfig.readOnly = this.readOnly;\n\t\t\t}\n\n\t\t\tconst userInstanceReadyCallback = config.on.instanceReady;\n\n\t\t\tconfig.on.instanceReady = evt => {\n\t\t\t\tthis.instance = evt.editor;\n\n\t\t\t\tthis.$nextTick().then( () => {\n\t\t\t\t\tthis.prepareComponentData();\n\n\t\t\t\t\tif ( userInstanceReadyCallback ) {\n\t\t\t\t\t\tuserInstanceReadyCallback( evt );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t};\n\n\t\t\treturn config;\n\t\t},\n\t\tprepareComponentData() {\n\t\t\tconst data = this.modelValue;\n\n\t\t\tthis.instance.fire( 'lockSnapshot' );\n\n\t\t\tthis.instance.setData( data, { callback: () => {\n\t\t\t\tthis.$_setUpEditorEvents();\n\n\t\t\t\tconst newData = this.instance.getData();\n\n\t\t\t\t// Locking the snapshot prevents the 'change' event.\n\t\t\t\t// Trigger it manually to update the bound data.\n\t\t\t\tif ( data !== newData ) {\n\t\t\t\t\t/* this.$on( 'input', () => {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t} ); */\n\t\t\t\t\tif (!this.readyEmitted) {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t\tconsole.log('Emitting Ready');\n\t\t\t\t\t\tthis.readyEmitted = true;\n\t\t\t\t\t}\n\t\t\t\t\tthis.$emit( 'update:modelValue', newData );\n\t\t\t\t} else {\n\t\t\t\t\tif (!this.readyEmitted) {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t\tconsole.log('Emitting Ready');\n\t\t\t\t\t\tthis.readyEmitted = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.instance.fire( 'unlockSnapshot' );\n\t\t\t} } );\n\t\t},\n\t\t$_setUpEditorEvents() {\n\t\t\tconst editor = this.instance;\n\n\t\t\tconst onChange = debounce( evt => {\n\t\t\t\tconst data = editor.getData();\n\n\t\t\t\t// Editor#change event might be fired without an actual data change.\n\t\t\t\tif ( this.modelValue !== data ) {\n\t\t\t\t\t// The compatibility with the v-model and general Vue.js concept of input–like components.\n\t\t\t\t\tthis.$emit( 'update:modelValue', data, evt, editor );\n\t\t\t\t}\n\t\t\t}, this.throttle );\n\n\t\t\teditor.on( 'change', onChange );\n\n\t\t\teditor.on( 'focus', evt => {\n\t\t\t\tthis.$emit( 'focus', evt, editor );\n\t\t\t} );\n\n\t\t\teditor.on( 'blur', evt => {\n\t\t\t\tthis.$emit( 'blur', evt, editor );\n\t\t\t} );\n\t\t}\n\t}\n};\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n<template>\n  <div>\n    <textarea\n        v-if=\"!richTextConfig\"\n        v-model=\"value\"\n        class=\"form-control\"\n        :placeholder=\"$t('entry.placeholder')\"\n    />\n    <ckeditor\n        v-else\n        v-model=\"value\"\n        :config=\"richTextConfig\"\n    />\n    <div class=\"text-right text-end btn-actions\">\n      <button\n          class=\"btn btn-sm p-2 btn-primary fs-7\"\n          @click=\"$emit('submit', value)\"\n      >\n        {{ $t('entry.save_comment') }}\n      </button>\n      <button\n          class=\"btn btn-sm p-2 btn-default fs-7\"\n          @click=\"$emit('cancel')\"\n      >\n        {{ $t('entry.cancel_edit') }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport component from './ckeditor.js';\nimport {defineComponent} from 'vue';\nimport type {Component} from 'vue';\n\nexport default defineComponent({\n  name: 'CommentEditor',\n  components: {\n    ckeditor: (component as Component),\n  },\n  props: {\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n    defaultValue: {\n      type: String,\n      default: '',\n    },\n  },\n  emits: ['cancel', 'submit'],\n  data: function () {\n    return {\n      value: this.defaultValue,\n    };\n  },\n});\n</script>\n\n\n<style>\n  .btn-actions {\n    margin-top: .5em;\n  }\n  .btn-actions > button {\n    margin-left: .3em;\n  }\n</style>\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n\n<template>\n  <div class=\"panel-body card-body pb-0 clearfix\">\n    <div class=\"comment-authoring\">\n      <strong>{{ entry.author || $t('entry.anonymous') }}</strong>\n      {{\n        $t('entry.authored_date', {\n          date: entry.modified_at.toLocaleDateString(this.$i18n.locale),\n          time: entry.modified_at.toLocaleTimeString(),\n        })\n      }}\n    </div>\n    <template v-if=\"!isEditing\">\n      <div class=\"pull-right float-end comment-actions\">\n        <button\n            v-if=\"typeof entry.links.edit === 'string'\"\n            class=\"btn btn-sm btn-primary\"\n            :title=\"$t('entry.edit_comment')\"\n            @click=\"isEditing = true\"\n        >\n          <i class=\"fas fa-pencil fs-6\" />\n        </button>\n        <button\n            v-if=\"typeof entry.links.delete === 'string'\"\n            class=\"btn btn-sm btn-danger\"\n            :title=\"$t('entry.delete_comment')\"\n            @click=\"$emit('delete', entry.links.delete)\"\n        >\n          <i class=\"fas fa-times fs-6\" />\n        </button>\n      </div>\n      <div\n          v-if=\"!richTextConfig\"\n          class=\"comment-content pb-0\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <p v-html=\"entry.comment.replace(/\\n/g, '<br/>')\" />\n      </div>\n      <!-- eslint-disable vue/no-v-html -->\n      <div\n          v-else\n          class=\"comment-content\"\n          v-html=\"entry.comment\"\n      />\n    </template>\n    <CommentEditor\n        v-else\n        :default-value=\"entry.comment\"\n        :rich-text-config=\"richTextConfig\"\n        @submit=\"(value) => $emit('edit', entry.links.edit, value)\"\n        @cancel=\"isEditing = false\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {Entry} from '../types';\nimport CommentEditor from './CommentEditor.vue';\nimport {defineComponent} from \"vue\";\n\nexport default defineComponent({\n  name: 'CommentEntry',\n  components: {CommentEditor},\n  props: {\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n    entry: {\n      type: Entry,\n      required: true,\n    },\n  },\n  emits: ['edit', 'delete'],\n  data: function () {\n    return {\n      isEditing: false,\n    };\n  },\n});\n</script>\n\n<style>\n.comment-authoring {\n  background: #dddddd;\n  padding: .5em 1em;\n}\n\n.comment-content {\n  padding: 1em 0;\n}\n\n.comment-actions {\n  padding: 4px 0;\n}\n\n.comment-actions > button {\n  margin-left: .3em;\n  min-width: 34px;\n  min-height: 34px;\n}\n</style>\n","export default function(n){return{all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e])},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]))},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e)}),(i=n.get(\"*\"))&&i.slice().map(function(n){n(t,e)})}}}\n//# sourceMappingURL=mitt.mjs.map\n","import mitt from 'mitt';\n\nconst EventBus = mitt();\n\nexport default EventBus;\n\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n\n<template>\n  <div\n      class=\"comment-thread panel border border-primary mb-4 rounded-top d-flex flex-column\"\n      :class=\"`panel-${panelClass} card-${panelClass}`\"\n  >\n    <div class=\"panel-heading clearfix bg-primary text-white\">\n      {{ headerTitle || $t('thread.title') }}\n      <template v-if=\"total != null\">\n        ({{ total }})\n      </template>\n      <button\n          class=\"btn btn-default p-2 px-3 btn-sm pull-right float-end\"\n          @click=\"changeSort()\"\n      >\n        {{ $t('thread.sort') }}\n        <i\n            class=\"fas\"\n            :class=\"isAscendedSort ? 'fa-sort-up' : 'fa-sort-down'\"\n        />\n      </button>\n    </div>\n    <span\n        v-if=\"loading\"\n        class=\"spinner\"\n    />\n    <div\n        v-else-if=\"error\"\n        class=\"panel-body card-body pb-0 text-danger\"\n    >\n      {{ error }}\n    </div>\n    <CommentEntry\n        v-for=\"entry in entries\"\n        v-else\n        :key=\"entry.uuid\"\n        :entry=\"entry\"\n        :rich-text-config=\"richTextConfig\"\n        @edit=\"editEntry\"\n        @delete=\"deleteEntry\"\n    />\n    <div\n        v-if=\"nextPage || previousPage || createUrl\"\n        class=\"panel-body card-body pb-3\"\n    >\n      <button\n          v-if=\"previousPage\"\n          class=\"btn btn-sm btn-default\"\n          @click=\"previousPage && (currentUrl = previousPage); loadEntries()\"\n      >\n        <i class=\"fas fa-chevron-left\" />\n        {{ $t('thread.previous') }}\n      </button>\n      <button\n          v-if=\"nextPage\"\n          class=\"btn btn-sm btn-default\"\n          @click=\"nextPage && (currentUrl = nextPage); loadEntries()\"\n      >\n        {{ $t('thread.next') }}\n        <i class=\"fas fa-chevron-right\" />\n      </button>\n      <template v-if=\"createUrl\">\n        <button\n            v-if=\"!isAdding\"\n            class=\"btn btn-sm p-2 btn-primary pull-right float-end fs-7\"\n            @click=\"isAdding = !isAdding\"\n        >\n          <i class=\"fas fa-plus\" />\n          {{ $t('thread.add_comment') }}\n        </button>\n        <CommentEditor\n            v-else\n            :rich-text-config=\"richTextConfig\"\n            @submit=\"createEntry\"\n            @cancel=\"isAdding = !isAdding\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport CommentEntry from './components/CommentEntry.vue';\nimport {Entry} from './types';\nimport type {EntriesResponse} from './interfaces';\nimport CommentEditor from './components/CommentEditor.vue';\nimport type {PropType} from \"vue\";\nimport EventBus from './event-bus';\nimport {defineComponent} from \"vue\";\n\nexport default defineComponent({\n  name: 'CommentThread',\n  components: {CommentEditor, CommentEntry},\n  props: {\n    url: {\n      type: String,\n      required: true,\n    },\n    tags: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n    headerTitle: {\n      type: String,\n      default: '',\n    },\n    pageSize: {\n      type: Number,\n      default: 10,\n    },\n    defaultSort: {\n      type: String,\n      default: '-modified_at',\n    },\n    panelClass: {\n      type: String,\n      default: 'default',\n    },\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n  },\n  data() {\n    const params = new URLSearchParams({\n      limit: String(this.pageSize),\n      sort: '-modified_at',\n    });\n    if (this.tags.length) {\n      params.append('tags', this.tags.join(','));\n    }\n    const element = document.querySelector('[name=csrfmiddlewaretoken]');\n    if (!(element instanceof HTMLInputElement)) {\n      throw new Error('Please include {% csrf_token %} in your page.');\n    }\n    return {\n      entries: [] as Entry[],\n      error: '',\n      total: null as number | null,\n      createUrl: null as string | null,\n      currentUrl: `${this.url}?${params.toString()}`,\n      currentSort: '-modified_at',\n      previousPage: null as string | null,\n      nextPage: null as string | null,\n      loading: true,\n      isAdding: false,\n      csrfToken: element.value,\n    };\n  },\n  computed: {\n    isAscendedSort: function (): boolean {\n      return this.currentSort === 'modified_at';\n    },\n  },\n  mounted() {\n    void this.loadEntries();\n  },\n  methods: {\n    async changeSort() {\n      const url = new URL(window.location.origin + this.currentUrl);\n      const params = new URLSearchParams(url.search);\n      this.currentSort = this.isAscendedSort ? '-modified_at' : 'modified_at';\n      params.set('sort', this.currentSort);\n      this.currentUrl = `${url.pathname}?${params.toString()}`;\n      await this.loadEntries();\n    },\n    async loadEntries() {\n      const data = (await this.doRequest(this.currentUrl, {}, false)) as EntriesResponse;\n      if (data) {\n        this.createUrl = typeof data.create === 'string' ? data.create : null;\n        this.previousPage = data.previous;\n        this.nextPage = data.next;\n        this.total = data.count;\n        this.entries = data.results.map(r => new Entry(r));\n      }\n    },\n    async createEntry(value: string) {\n      await this.doRequest(this.createUrl as string, {\n        method: 'POST',\n        body: JSON.stringify({comment: value, tags: this.tags}),\n      });\n      this.isAdding = false;\n    },\n    async editEntry(url: string, value: string) {\n      await this.doRequest(url, {\n        method: 'PUT',\n        body: JSON.stringify({comment: value}),\n      });\n    },\n    async deleteEntry(url: string) {\n      await this.doRequest(url, {method: 'DELETE'});\n    },\n    async doRequest(url: string, params: object, refresh = true) {\n      this.loading = true;\n      this.error = '';\n      try {\n        const response = await fetch(url, {\n          mode: 'same-origin',\n          headers: {\n            'Content-Type': 'application/json;charset=utf-8',\n            'X-CSRFToken': this.csrfToken,\n          },\n          ...params,\n        });\n        if (response.status >= 200 && response.status < 300) {\n          if (refresh) {\n            await this.loadEntries();\n            EventBus.emit(\"REFRESH_COMMENTS_EVENT\");\n          }\n          this.loading = false;\n          return response.json();\n        } else {\n          this.error = response.statusText;\n        }\n      } catch (e) {\n        this.error = (e as Error).message;\n      }\n      this.loading = false;\n    },\n  },\n});\n</script>\n\n<style>\n.comment-thread .panel-heading {\n  line-height: 30px;\n}\n</style>\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n<template>\n  <div\n      v-if=\"value != 0\"\n      class=\"badge badge-compteur\"\n  >\n    {{ value }}\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {defineComponent} from 'vue';\nimport {type CountResponse} from \"../interfaces\";\nimport EventBus from \"../event-bus\";\n\nexport default defineComponent({\n  name: 'CommentCount',\n  props: {\n    url: {\n      type: String,\n      required: true,\n    },\n  },\n  data: function () {\n    return {\n      value: null as number | null,\n      loading: true,\n      error: '',\n    };\n  },\n  mounted() {\n    void this.loadCount();\n    EventBus.on(\"REFRESH_COMMENTS_EVENT\",() => void this.loadCount());\n  },\n  methods: {\n    async loadCount() {\n      const response = await fetch(this.url, {\n        mode: 'same-origin',\n        headers: {\n          'Content-Type': 'application/json;charset=utf-8',\n        },\n      });\n      const res = await response.json() as CountResponse;\n      this.value = res.count;\n    },\n  },\n});\n</script>\n\n\n<style>\n  .badge-compteur{\n    display: inline-block;\n    min-width: 10px;\n    padding: 3px 7px;\n    font-weight: 700;\n    line-height: 1;\n    color: #fff;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    border-radius: 10px;\n    margin-left: 5px;\n    font-size: 9px;\n    background-color: #337ab7;\n  }\n</style>\n","/*\n *\n *   OSIS stands for Open Student Information System. It's an application\n *   designed to manage the core business of higher education institutions,\n *   such as universities, faculties, institutes and professional schools.\n *   The core business involves the administration of students, teachers,\n *   courses, programs and so on.\n *\n *   Copyright (C) 2015-2021 Université catholique de Louvain (http://www.uclouvain.be)\n *\n *   This program is free software: you can redistribute it and/or modify\n *   it under the terms of the GNU General Public License as published by\n *   the Free Software Foundation, either version 3 of the License, or\n *   (at your option) any later version.\n *\n *   This program is distributed in the hope that it will be useful,\n *   but WITHOUT ANY WARRANTY; without even the implied warranty of\n *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *   GNU General Public License for more details.\n *\n *   A copy of this license - GNU General Public License - is available\n *   at the root of the source code of this program.  If not,\n *   see http://www.gnu.org/licenses/.\n *\n */\nimport {createApp} from '@vue/runtime-dom'; // not importing from 'vue' so it can be spied on\nimport {i18n} from './i18n';\nimport CommentThread from './CommentThread.vue';\nimport CommentCount from \"./components/CommentCount.vue\";\n\ninterface Props extends Record<string, unknown> {\n  url: string,\n  headerTitle?: string,\n  defaultSort?: string,\n  panelClass?: string,\n  richTextConfig?: object,\n  pageSize?: number,\n  tags?: string[],\n}\n\nfunction initCommentComponents() {\n\n  document.querySelectorAll<HTMLElement>('.comment-viewer:not([data-v-app])').forEach((elem) => {\n    const props: Props = {url: \"\", ...elem.dataset};\n    if (typeof elem.dataset.pageSize !== 'undefined') {\n      props.pageSize = Number.parseInt(elem.dataset.pageSize);\n    }\n    if (typeof elem.dataset.tags !== 'undefined') {\n      props.tags = elem.dataset.tags.split(',');\n    }\n    if (typeof elem.dataset.richTextConfig !== 'undefined') {\n      props.richTextConfig = JSON.parse(elem.dataset.richTextConfig) as object;\n    }\n    createApp(CommentThread, props).use(i18n).mount(elem);\n  });\n\n  document.querySelectorAll<HTMLElement>('.comment-count:not([data-v-app])').forEach((elem) => {\n      const props: Props = {url: \"\", ...elem.dataset};\n      createApp(CommentCount, props).mount(elem);\n  });\n}\n\n// Initialize at first load\ninitCommentComponents();\n\n// Initialize later if nodes are added dynamically\nconst observer = new MutationObserver(initCommentComponents);\nobserver.observe(document, {childList: true, subtree: true});\n"],"names":["i18n","createI18n","en","fr","Entry","uuid","comment","author","tags","extra_data","links","created_at","modified_at","__publicField","loadScript","src","opts","cb","head","script","setAttributes","onend","stdOnEnd","ieOnEnd","attrs","attr","promise","getEditorNamespace","editorURL","onNamespaceLoaded","res","scriptResolve","scriptReject","err","debounce","fn","delay","context","cancel","_len","args","_key","component","h","type","namespace","config","method","element","val","userInstanceReadyCallback","evt","data","newData","editor","onChange","_sfc_main$3","defineComponent","_resolveComponent","_openBlock","_createElementBlock","_ctx","_createBlock","_component_ckeditor","_cache","$event","_withDirectives","_hoisted_1","_vModelText","_createElementVNode","_hoisted_2","_toDisplayString","_sfc_main$2","CommentEditor","_hoisted_3","_hoisted_10","_createTextVNode","_component_CommentEditor","value","_Fragment","_hoisted_6","_hoisted_4","_createCommentVNode","_hoisted_12","_hoisted_11","mitt","n","e","i","EventBus","_sfc_main$1","CommentEntry","params","url","r","refresh","response","_normalizeClass","_renderList","entry","_component_CommentEntry","_sfc_main","_sfc_render","$props","$setup","$data","$options","initCommentComponents","elem","props","createApp","CommentThread","CommentCount"],"mappings":"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","x_google_ignoreList":[2,6]}
\ No newline at end of file
+{"version":3,"file":"osis-comment.umd.min.js","sources":["../../../frontend/i18n.ts","../../../frontend/types.ts","../../../node_modules/ckeditor4-integrations-common/dist/index.esm.js","../../../frontend/components/ckeditor.js","../../../frontend/components/CommentEditor.vue","../../../frontend/components/CommentEntry.vue","../../../node_modules/mitt/dist/mitt.mjs","../../../frontend/event-bus.ts","../../../frontend/CommentViewer.vue","../../../frontend/components/CommentCount.vue","../../../frontend/main.ts"],"sourcesContent":["/*\n *\n *   OSIS stands for Open Student Information System. It's an application\n *   designed to manage the core business of higher education institutions,\n *   such as universities, faculties, institutes and professional schools.\n *   The core business involves the administration of students, teachers,\n *   courses, programs and so on.\n *\n *   Copyright (C) 2015-2021 Université catholique de Louvain (http://www.uclouvain.be)\n *\n *   This program is free software: you can redistribute it and/or modify\n *   it under the terms of the GNU General Public License as published by\n *   the Free Software Foundation, either version 3 of the License, or\n *   (at your option) any later version.\n *\n *   This program is distributed in the hope that it will be useful,\n *   but WITHOUT ANY WARRANTY; without even the implied warranty of\n *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *   GNU General Public License for more details.\n *\n *   A copy of this license - GNU General Public License - is available\n *   at the root of the source code of this program.  If not,\n *   see http://www.gnu.org/licenses/.\n *\n */\nimport {createI18n} from 'vue-i18n';\nimport en from \"./locales/en\";\nimport fr from \"./locales/fr\";\n\nexport const i18n = createI18n({\n  locale: document.documentElement.lang || 'en',\n  messages: {\n    en,\n    fr,\n  },\n});\n","import type {CommentLinks, EntryRecord} from \"./interfaces\";\n\nexport class Entry {\n  uuid: string;\n  comment: string;\n  author: string | null;\n  tags: string[];\n  extra_data: object;\n  links: CommentLinks;\n\n  created_at: Date;\n  modified_at: Date;\n\n  constructor(\n      {\n        uuid,\n        comment,\n        author,\n        tags,\n        extra_data,\n        links,\n        created_at,\n        modified_at,\n      }: EntryRecord,\n  ) {\n    this.uuid = uuid;\n    this.comment = comment;\n    this.author = author;\n    this.tags = tags;\n    this.extra_data = extra_data;\n    this.links = links;\n    this.created_at = new Date(created_at);\n    this.modified_at = new Date(modified_at);\n  }\n}\n","/**\n * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.\n * For licensing, see LICENSE.md.\n */\nfunction loadScript (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var script = document.createElement('script');\n  if (typeof opts === 'function') {\n    cb = opts;\n    opts = {};\n  }\n  opts = opts || {};\n  cb = cb || function () {};\n  script.type = opts.type || 'text/javascript';\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true;\n  script.src = src;\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs);\n  }\n  if (opts.text) {\n    script.text = String(opts.text);\n  }\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd;\n  onend(script, cb);\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n  head.appendChild(script);\n}\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\nfunction stdOnEnd(script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null;\n    cb(null, script);\n  };\n  script.onerror = function () {\n    this.onerror = this.onload = null;\n    cb(new Error('Failed to load ' + this.src), script);\n  };\n}\nfunction ieOnEnd(script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') {\n      return;\n    }\n    this.onreadystatechange = null;\n    cb(null, script);\n  };\n}\n\nvar promise;\nfunction getEditorNamespace(editorURL, onNamespaceLoaded) {\n  if ('CKEDITOR' in window) {\n    return Promise.resolve(CKEDITOR);\n  }\n  if (typeof editorURL !== 'string' || editorURL.length < 1) {\n    return Promise.reject(new TypeError('CKEditor URL must be a non-empty string.'));\n  }\n  if (!promise) {\n    promise = getEditorNamespace.scriptLoader(editorURL).then(function (res) {\n      if (onNamespaceLoaded) {\n        onNamespaceLoaded(res);\n      }\n      return res;\n    });\n  }\n  return promise;\n}\ngetEditorNamespace.scriptLoader = function (editorURL) {\n  return new Promise(function (scriptResolve, scriptReject) {\n    loadScript(editorURL, function (err) {\n      promise = undefined;\n      if (err) {\n        return scriptReject(err);\n      } else if (!window.CKEDITOR) {\n        return scriptReject(new Error('Script loaded from editorUrl doesn\\'t provide CKEDITOR namespace.'));\n      }\n      scriptResolve(CKEDITOR);\n    });\n  });\n};\n\nfunction debounce(fn, delay) {\n  var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  var cancel;\n  return function () {\n    clearTimeout(cancel);\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    cancel = setTimeout(fn.bind.apply(fn, [context].concat(args)), delay);\n  };\n}\n\nexport { debounce, getEditorNamespace };\n","/*\n *\n * OSIS stands for Open Student Information System. It's an application\n * designed to manage the core business of higher education institutions,\n * such as universities, faculties, institutes and professional schools.\n * The core business involves the administration of students, teachers,\n * courses, programs and so on.\n *\n * Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU General Public License for more details.\n *\n * A copy of this license - GNU General Public License - is available\n * at the root of the source code of this program.  If not,\n * see http://www.gnu.org/licenses/.\n *\n */\n\n/* global CKEDITOR */\n\n/**\n * This is taken from https://github.com/mayasabha/ckeditor4-vue3/blob/master/src/ckeditor.js\n * but as https://github.com/mayasabha/ckeditor4-vue3/issues/5\n * tree shaking is broken and the dist package ships with vue, hence we reproduce it in our own code\n */\n\n\nimport { h } from 'vue';\nimport { debounce, getEditorNamespace } from 'ckeditor4-integrations-common';\n\nexport default {\n\tname: 'ckeditor',\n\n\trender() {\n\t\treturn h( 'div', {}, [\n\t\t\th( this.tagName )\n\t\t] );\n\t},\n\n\tprops: {\n\t\tmodelValue: {\n\t\t\ttype: String,\n\t\t\tdefault: ''\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'classic',\n\t\t\tvalidator: type => [ 'classic', 'inline' ].includes( type )\n\t\t},\n\t\teditorUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: 'https://cdn.ckeditor.com/4.17.2/standard-all/ckeditor.js'\n\t\t},\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => {}\n\t\t},\n\t\ttagName: {\n\t\t\ttype: String,\n\t\t\tdefault: 'textarea'\n\t\t},\n\t\treadOnly: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null // Use null as the default value, so `config.readOnly` can take precedence.\n\t\t},\n\t\tthrottle: {\n\t\t\ttype: Number,\n\t\t\tdefault: 80\n\t\t}\n\t},\n\n\tmounted() {\n\t\tgetEditorNamespace( this.editorUrl, namespace => {\n\t\t\tthis.$emit( 'namespaceloaded', namespace );\n\t\t} ).then( () => {\n\t\t\tif ( this.$_destroyed ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst config = this.prepareConfig();\n\t\t\tconst method = this.type === 'inline' ? 'inline' : 'replace';\n\t\t\tconst element = this.$el.firstElementChild;\n\n\t\t\tCKEDITOR[ method ]( element, config );\n\t\t} );\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\treadyEmitted: false,\n\t\t};\n\t},\n\n\tbeforeDestroy() {\n\t\tif ( this.instance ) {\n\t\t\tthis.instance.destroy();\n\t\t}\n\n\t\tthis.$_destroyed = true;\n\t},\n\n\twatch: {\n\t\tmodelValue( val ) {\n\t\t\tif ( this.instance && this.instance.getData() !== val ) {\n\t\t\t\tthis.instance.setData( val );\n\t\t\t}\n\t\t},\n\n\t\treadOnly( val ) {\n\t\t\tif ( this.instance ) {\n\t\t\t\tthis.instance.setReadOnly( val );\n\t\t\t}\n\t\t}\n\t},\n\n\tmethods: {\n\t\tprepareConfig() {\n\t\t\tconst config = this.config || {};\n\t\t\tconfig.on = config.on || {};\n\n\t\t\tif ( config.delayIfDetached === undefined ) {\n\t\t\t\tconfig.delayIfDetached = true;\n\t\t\t}\n\t\t\tif ( this.readOnly !== null ) {\n\t\t\t\tconfig.readOnly = this.readOnly;\n\t\t\t}\n\n\t\t\tconst userInstanceReadyCallback = config.on.instanceReady;\n\n\t\t\tconfig.on.instanceReady = evt => {\n\t\t\t\tthis.instance = evt.editor;\n\n\t\t\t\tthis.$nextTick().then( () => {\n\t\t\t\t\tthis.prepareComponentData();\n\n\t\t\t\t\tif ( userInstanceReadyCallback ) {\n\t\t\t\t\t\tuserInstanceReadyCallback( evt );\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t};\n\n\t\t\treturn config;\n\t\t},\n\t\tprepareComponentData() {\n\t\t\tconst data = this.modelValue;\n\n\t\t\tthis.instance.fire( 'lockSnapshot' );\n\n\t\t\tthis.instance.setData( data, { callback: () => {\n\t\t\t\tthis.$_setUpEditorEvents();\n\n\t\t\t\tconst newData = this.instance.getData();\n\n\t\t\t\t// Locking the snapshot prevents the 'change' event.\n\t\t\t\t// Trigger it manually to update the bound data.\n\t\t\t\tif ( data !== newData ) {\n\t\t\t\t\t/* this.$on( 'input', () => {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t} ); */\n\t\t\t\t\tif (!this.readyEmitted) {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t\tconsole.log('Emitting Ready');\n\t\t\t\t\t\tthis.readyEmitted = true;\n\t\t\t\t\t}\n\t\t\t\t\tthis.$emit( 'update:modelValue', newData );\n\t\t\t\t} else {\n\t\t\t\t\tif (!this.readyEmitted) {\n\t\t\t\t\t\tthis.$emit( 'ready', this.instance );\n\t\t\t\t\t\tconsole.log('Emitting Ready');\n\t\t\t\t\t\tthis.readyEmitted = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthis.instance.fire( 'unlockSnapshot' );\n\t\t\t} } );\n\t\t},\n\t\t$_setUpEditorEvents() {\n\t\t\tconst editor = this.instance;\n\n\t\t\tconst onChange = debounce( evt => {\n\t\t\t\tconst data = editor.getData();\n\n\t\t\t\t// Editor#change event might be fired without an actual data change.\n\t\t\t\tif ( this.modelValue !== data ) {\n\t\t\t\t\t// The compatibility with the v-model and general Vue.js concept of input–like components.\n\t\t\t\t\tthis.$emit( 'update:modelValue', data, evt, editor );\n\t\t\t\t}\n\t\t\t}, this.throttle );\n\n\t\t\teditor.on( 'change', onChange );\n\n\t\t\teditor.on( 'focus', evt => {\n\t\t\t\tthis.$emit( 'focus', evt, editor );\n\t\t\t} );\n\n\t\t\teditor.on( 'blur', evt => {\n\t\t\t\tthis.$emit( 'blur', evt, editor );\n\t\t\t} );\n\t\t}\n\t}\n};\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n<template>\n  <div>\n    <textarea\n        v-if=\"!richTextConfig\"\n        v-model=\"value\"\n        class=\"form-control\"\n        :placeholder=\"$t('entry.placeholder')\"\n    />\n    <ckeditor\n        v-else\n        v-model=\"value\"\n        :config=\"richTextConfig\"\n    />\n    <div class=\"text-right text-end btn-actions\">\n      <button\n          class=\"btn btn-sm p-2 btn-primary fs-7\"\n          @click=\"$emit('submit', value)\"\n      >\n        {{ $t('entry.save_comment') }}\n      </button>\n      <button\n          class=\"btn btn-sm p-2 btn-default fs-7\"\n          @click=\"$emit('cancel')\"\n      >\n        {{ $t('entry.cancel_edit') }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport component from './ckeditor.js';\nimport {defineComponent} from 'vue';\nimport type {Component} from 'vue';\n\nexport default defineComponent({\n  name: 'CommentEditor',\n  components: {\n    ckeditor: (component as Component),\n  },\n  props: {\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n    defaultValue: {\n      type: String,\n      default: '',\n    },\n  },\n  emits: ['cancel', 'submit'],\n  data: function () {\n    return {\n      value: this.defaultValue,\n    };\n  },\n});\n</script>\n\n\n<style>\n  .btn-actions {\n    margin-top: .5em;\n  }\n  .btn-actions > button {\n    margin-left: .3em;\n  }\n</style>\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n\n<template>\n  <div class=\"panel-body card-body pb-0 clearfix\">\n    <div class=\"comment-authoring\">\n      <span v-if=\"withLastUpdateByPrefix\">{{ $t('entry.last_update_by') + ' ' }}</span>\n      <strong>{{ entry.author || $t('entry.anonymous') }}</strong>\n      {{\n        $t('entry.authored_date', {\n          date: entry.modified_at.toLocaleDateString($i18n.locale),\n          time: entry.modified_at.toLocaleTimeString(),\n        })\n      }}\n    </div>\n    <template v-if=\"!isEditing\">\n      <div class=\"pull-right float-end comment-actions\">\n        <button\n            v-if=\"typeof entry.links.edit === 'string'\"\n            class=\"btn btn-sm btn-primary\"\n            :title=\"$t('entry.edit_comment')\"\n            @click=\"isEditing = true\"\n        >\n          <i class=\"fas fa-pencil fs-6\" />\n        </button>\n        <button\n            v-if=\"typeof entry.links.delete === 'string'\"\n            class=\"btn btn-sm btn-danger\"\n            :title=\"$t('entry.delete_comment')\"\n            @click=\"$emit('delete', entry.links.delete)\"\n        >\n          <i class=\"fas fa-times fs-6\" />\n        </button>\n      </div>\n      <div\n          v-if=\"!richTextConfig\"\n          class=\"comment-content pb-0\"\n      >\n        <!-- eslint-disable vue/no-v-html -->\n        <p v-html=\"entry.comment.replace(/\\n/g, '<br/>')\" />\n      </div>\n      <!-- eslint-disable vue/no-v-html -->\n      <div\n          v-else\n          class=\"comment-content\"\n          v-html=\"entry.comment\"\n      />\n    </template>\n    <CommentEditor\n        v-else\n        :default-value=\"entry.comment\"\n        :rich-text-config=\"richTextConfig\"\n        @submit=\"(value) => $emit('edit', entry.links.edit, value, () => (isEditing = false))\"\n        @cancel=\"isEditing = false\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {Entry} from '../types';\nimport CommentEditor from './CommentEditor.vue';\nimport {defineComponent} from \"vue\";\n\nexport default defineComponent({\n  name: 'CommentEntry',\n  components: {CommentEditor},\n  props: {\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n    entry: {\n      type: Entry,\n      required: true,\n    },\n    withLastUpdateByPrefix: {\n      type: Boolean,\n      default: () => false,\n    },\n  },\n  emits: ['edit', 'delete'],\n  data: function () {\n    return {\n      isEditing: false,\n    };\n  },\n});\n</script>\n\n<style>\n.comment-authoring {\n  background: #dddddd;\n  padding: .5em 1em;\n}\n\n.comment-content {\n  padding: 1em 0;\n}\n\n.comment-actions {\n  padding: 4px 0;\n}\n\n.comment-actions > button {\n  margin-left: .3em;\n  min-width: 34px;\n  min-height: 34px;\n}\n</style>\n","export default function(n){return{all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e])},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]))},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e)}),(i=n.get(\"*\"))&&i.slice().map(function(n){n(t,e)})}}}\n//# sourceMappingURL=mitt.mjs.map\n","import mitt from 'mitt';\n\nconst EventBus = mitt();\n\nexport default EventBus;\n\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n\n<template>\n  <div\n      class=\"comment-panel panel border border-primary mb-4 rounded-top d-flex flex-column\"\n      :class=\"`panel-${panelClass} card-${panelClass}`\"\n  >\n    <div class=\"panel-heading clearfix bg-primary text-white\">\n      {{ headerTitle || $t('thread.title') }}\n      <template v-if=\"total != null && !singleMode\">\n        ({{ total }})\n      </template>\n      <button\n          v-if=\"!singleMode\"\n          class=\"btn btn-default p-2 px-3 btn-sm pull-right float-end\"\n          @click=\"changeSort()\"\n      >\n        {{ $t('thread.sort') }}\n        <i\n            class=\"fas\"\n            :class=\"isAscendedSort ? 'fa-sort-up' : 'fa-sort-down'\"\n        />\n      </button>\n    </div>\n    <span\n        v-if=\"loading\"\n        class=\"spinner\"\n    />\n    <div\n        v-if=\"error\"\n        class=\"panel-body card-body pb-0 text-danger\"\n    >\n      {{ error }}\n    </div>\n    <CommentEntry\n        v-for=\"entry in entries\"\n        v-else\n        :key=\"entry.uuid\"\n        :entry=\"entry\"\n        :rich-text-config=\"richTextConfig\"\n        :with-last-update-by-prefix=\"singleMode\"\n        @edit=\"editEntry\"\n        @delete=\"deleteEntry\"\n    />\n    <div\n        v-if=\"nextPage || previousPage || createUrl\"\n        class=\"panel-body card-body pb-3\"\n    >\n      <button\n          v-if=\"previousPage && !singleMode\"\n          class=\"btn btn-sm btn-default\"\n          @click=\"previousPage && (currentUrl = previousPage); loadEntries()\"\n      >\n        <i class=\"fas fa-chevron-left\" />\n        {{ $t('thread.previous') }}\n      </button>\n      <button\n          v-if=\"nextPage && !singleMode\"\n          class=\"btn btn-sm btn-default\"\n          @click=\"nextPage && (currentUrl = nextPage); loadEntries()\"\n      >\n        {{ $t('thread.next') }}\n        <i class=\"fas fa-chevron-right\" />\n      </button>\n      <template v-if=\"createUrl\">\n        <button\n            v-if=\"!isAdding\"\n            class=\"btn btn-sm p-2 btn-primary pull-right float-end fs-7\"\n            @click=\"isAdding = !isAdding\"\n        >\n          <i class=\"fas fa-plus\" />\n          {{ $t('thread.add_comment') }}\n        </button>\n        <CommentEditor\n            v-else\n            :rich-text-config=\"richTextConfig\"\n            @submit=\"createEntry\"\n            @cancel=\"isAdding = !isAdding\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport CommentEntry from './components/CommentEntry.vue';\nimport {Entry} from './types';\nimport type {EntriesResponse} from './interfaces';\nimport CommentEditor from './components/CommentEditor.vue';\nimport type {PropType} from \"vue\";\nimport EventBus from './event-bus';\nimport {defineComponent} from \"vue\";\n\nexport default defineComponent({\n  name: 'CommentViewer',\n  components: {CommentEditor, CommentEntry},\n  props: {\n    url: {\n      type: String,\n      required: true,\n    },\n    tags: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n    headerTitle: {\n      type: String,\n      default: '',\n    },\n    pageSize: {\n      type: Number,\n      default: 10,\n    },\n    defaultSort: {\n      type: String,\n      default: '-modified_at',\n    },\n    panelClass: {\n      type: String,\n      default: 'default',\n    },\n    richTextConfig: {\n      type: Object,\n      default: () => undefined,\n    },\n    singleMode: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    const params = new URLSearchParams(this.singleMode\n        ? {\n          last: '1',\n        }\n        : {\n          limit: String(this.pageSize),\n          sort: '-modified_at',\n        },\n    );\n    if (this.tags.length) {\n      params.append('tags', this.tags.join(','));\n    }\n    const element = document.querySelector('[name=csrfmiddlewaretoken]');\n    if (!(element instanceof HTMLInputElement)) {\n      throw new Error('Please include {% csrf_token %} in your page.');\n    }\n    return {\n      entries: [] as Entry[],\n      error: '',\n      total: null as number | null,\n      createUrl: null as string | null,\n      currentUrl: `${this.url}?${params.toString()}`,\n      currentSort: '-modified_at',\n      previousPage: null as string | null,\n      nextPage: null as string | null,\n      loading: true,\n      isAdding: false,\n      csrfToken: element.value,\n    };\n  },\n  computed: {\n    isAscendedSort: function (): boolean {\n      return this.currentSort === 'modified_at';\n    },\n  },\n  mounted() {\n    void this.loadEntries();\n  },\n  methods: {\n    async changeSort() {\n      const url = new URL(window.location.origin + this.currentUrl);\n      const params = new URLSearchParams(url.search);\n      this.currentSort = this.isAscendedSort ? '-modified_at' : 'modified_at';\n      params.set('sort', this.currentSort);\n      this.currentUrl = `${url.pathname}?${params.toString()}`;\n      await this.loadEntries();\n    },\n    async loadEntries() {\n      const data = (await this.doRequest(this.currentUrl, {}, false)) as EntriesResponse;\n      if (data) {\n        this.createUrl = typeof data.create === 'string' && (!this.singleMode || data.results.length === 0) ? data.create : null;\n        this.previousPage = data.previous;\n        this.nextPage = data.next;\n        this.total = data.count;\n        this.entries = data.results.map(r => new Entry(r));\n      }\n    },\n    async createEntry(value: string) {\n      await this.doRequest(this.createUrl as string, {\n        method: 'POST',\n        body: JSON.stringify({comment: value, tags: this.tags}),\n      });\n      this.isAdding = false;\n    },\n    async editEntry(url: string, value: string, callback: () => void) {\n      await this.doRequest(url, {\n        method: 'PUT',\n        body: JSON.stringify({comment: value}),\n      }).then(callback);\n    },\n    async deleteEntry(url: string) {\n      await this.doRequest(url, {method: 'DELETE'});\n    },\n    async doRequest(url: string, params: object, refresh = true) {\n      this.loading = true;\n      this.error = '';\n      try {\n        const response = await fetch(url, {\n          mode: 'same-origin',\n          headers: {\n            'Content-Type': 'application/json;charset=utf-8',\n            'X-CSRFToken': this.csrfToken,\n          },\n          ...params,\n        });\n        if (response.status >= 200 && response.status < 300) {\n          if (refresh) {\n            await this.loadEntries();\n            EventBus.emit(\"REFRESH_COMMENTS_EVENT\");\n          }\n          this.loading = false;\n          return response.json();\n        } else {\n          this.error = response.statusText;\n        }\n      } catch (e) {\n        this.error = (e as Error).message;\n      }\n      this.loading = false;\n    },\n  },\n});\n</script>\n\n<style>\n.comment-panel .panel-heading {\n  line-height: 30px;\n}\n</style>\n","<!--\n  -\n  - OSIS stands for Open Student Information System. It's an application\n  - designed to manage the core business of higher education institutions,\n  - such as universities, faculties, institutes and professional schools.\n  - The core business involves the administration of students, teachers,\n  - courses, programs and so on.\n  -\n  - Copyright (C) 2015-2023 Université catholique de Louvain (http://www.uclouvain.be)\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU General Public License as published by\n  - the Free Software Foundation, either version 3 of the License, or\n  - (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU General Public License for more details.\n  -\n  - A copy of this license - GNU General Public License - is available\n  - at the root of the source code of this program.  If not,\n  - see http://www.gnu.org/licenses/.\n  -\n  -->\n<template>\n  <div\n      v-if=\"value != 0\"\n      class=\"badge badge-compteur\"\n  >\n    {{ value }}\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {defineComponent} from 'vue';\nimport {type CountResponse} from \"../interfaces\";\nimport EventBus from \"../event-bus\";\n\nexport default defineComponent({\n  name: 'CommentCount',\n  props: {\n    url: {\n      type: String,\n      required: true,\n    },\n  },\n  data: function () {\n    return {\n      value: null as number | null,\n      loading: true,\n      error: '',\n    };\n  },\n  mounted() {\n    void this.loadCount();\n    EventBus.on(\"REFRESH_COMMENTS_EVENT\",() => void this.loadCount());\n  },\n  methods: {\n    async loadCount() {\n      const response = await fetch(this.url, {\n        mode: 'same-origin',\n        headers: {\n          'Content-Type': 'application/json;charset=utf-8',\n        },\n      });\n      const res = await response.json() as CountResponse;\n      this.value = res.count;\n    },\n  },\n});\n</script>\n\n\n<style>\n  .badge-compteur{\n    display: inline-block;\n    min-width: 10px;\n    padding: 3px 7px;\n    font-weight: 700;\n    line-height: 1;\n    color: #fff;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    border-radius: 10px;\n    margin-left: 5px;\n    font-size: 9px;\n    background-color: #337ab7;\n  }\n</style>\n","/*\n *\n *   OSIS stands for Open Student Information System. It's an application\n *   designed to manage the core business of higher education institutions,\n *   such as universities, faculties, institutes and professional schools.\n *   The core business involves the administration of students, teachers,\n *   courses, programs and so on.\n *\n *   Copyright (C) 2015-2021 Université catholique de Louvain (http://www.uclouvain.be)\n *\n *   This program is free software: you can redistribute it and/or modify\n *   it under the terms of the GNU General Public License as published by\n *   the Free Software Foundation, either version 3 of the License, or\n *   (at your option) any later version.\n *\n *   This program is distributed in the hope that it will be useful,\n *   but WITHOUT ANY WARRANTY; without even the implied warranty of\n *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *   GNU General Public License for more details.\n *\n *   A copy of this license - GNU General Public License - is available\n *   at the root of the source code of this program.  If not,\n *   see http://www.gnu.org/licenses/.\n *\n */\nimport {createApp} from '@vue/runtime-dom'; // not importing from 'vue' so it can be spied on\nimport {i18n} from './i18n';\nimport CommentViewer from './CommentViewer.vue';\nimport CommentCount from \"./components/CommentCount.vue\";\n\ninterface Props extends Record<string, unknown> {\n  url: string,\n  headerTitle?: string,\n  defaultSort?: string,\n  panelClass?: string,\n  richTextConfig?: object,\n  pageSize?: number,\n  tags?: string[],\n  singleMode?: boolean,\n}\n\nfunction initCommentComponents() {\n\n  document.querySelectorAll<HTMLElement>('.comment-viewer:not([data-v-app]), .comment-thread-viewer:not([data-v-app])').forEach((elem) => {\n    const props: Props = {url: \"\", ...elem.dataset};\n\n    if (typeof elem.dataset.pageSize !== 'undefined') {\n      props.pageSize = Number.parseInt(elem.dataset.pageSize);\n    }\n    if (typeof elem.dataset.tags !== 'undefined') {\n      props.tags = elem.dataset.tags.split(',');\n    }\n    if (typeof elem.dataset.richTextConfig !== 'undefined') {\n      props.richTextConfig = JSON.parse(elem.dataset.richTextConfig) as object;\n    }\n    props.singleMode = elem.classList.contains('comment-viewer');\n\n    createApp(CommentViewer, props).use(i18n).mount(elem);\n  });\n\n  document.querySelectorAll<HTMLElement>('.comment-count:not([data-v-app])').forEach((elem) => {\n      const props: Props = {url: \"\", ...elem.dataset};\n      createApp(CommentCount, props).mount(elem);\n  });\n}\n\n// Initialize at first load\ninitCommentComponents();\n\n// Initialize later if nodes are added dynamically\nconst observer = new MutationObserver(initCommentComponents);\nobserver.observe(document, {childList: true, subtree: true});\n"],"names":["i18n","createI18n","en","fr","Entry","uuid","comment","author","tags","extra_data","links","created_at","modified_at","__publicField","loadScript","src","opts","cb","head","script","setAttributes","onend","stdOnEnd","ieOnEnd","attrs","attr","promise","getEditorNamespace","editorURL","onNamespaceLoaded","res","scriptResolve","scriptReject","err","debounce","fn","delay","context","cancel","_len","args","_key","component","h","type","namespace","config","method","element","val","userInstanceReadyCallback","evt","data","newData","editor","onChange","_sfc_main$3","defineComponent","_resolveComponent","_openBlock","_createElementBlock","_ctx","_createBlock","_component_ckeditor","_cache","$event","_withDirectives","_hoisted_1","_vModelText","_createElementVNode","_hoisted_2","_toDisplayString","_sfc_main$2","CommentEditor","_hoisted_4","_hoisted_11","_hoisted_3","_createCommentVNode","_createTextVNode","_component_CommentEditor","value","_Fragment","_hoisted_7","_hoisted_5","_hoisted_13","_hoisted_12","mitt","n","e","i","EventBus","_sfc_main$1","CommentEntry","params","url","r","callback","refresh","response","_normalizeClass","_renderList","entry","_component_CommentEntry","_sfc_main","_sfc_render","$props","$setup","$data","$options","initCommentComponents","elem","props","createApp","CommentViewer","CommentCount"],"mappings":"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","x_google_ignoreList":[2,6]}
\ No newline at end of file
diff --git a/setup.py b/setup.py
index 6527512..b924eed 100644
--- a/setup.py
+++ b/setup.py
@@ -27,7 +27,7 @@
 
 setup(
     name='OSIS Comment',
-    version='0.16',
+    version='0.17',
     description='Comment API and widget',
     url='http://github.com/uclouvain/osis-comment',
     author='Université catholique de Louvain',