Merge branch 'master' into bugfix/noid/reorder-flicker

l10n/cs.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Změněno",
     "Created" : "Vytvořeno",
     "Upload attachment" : "Nahrát přílohu",
-    "New comment" : "Nový komentář",
-    "Save" : "Uložit",
-    "No users found" : "Nenalezení žádní uživatelé",
     "No comments yet. Begin the discussion!" : "Zatím bez komentářů. Zahajte diskuzi!",
+    "Save" : "Uložit",
+    "The comment cannot be empty." : "Komentář je třeba vyplnit",
+    "The comment cannot be longer than 1000 characters." : "Délka komentáře může být nejvýše 1 000 znaků.",
     "Update" : "Aktualizovat",
     "Assign to me" : "Přiřadit mě",
     "Delete card" : "Smazat kartu",

l10n/cs.json

@@ -149,10 +149,10 @@
     "Modified" : "Změněno",
     "Created" : "Vytvořeno",
     "Upload attachment" : "Nahrát přílohu",
-    "New comment" : "Nový komentář",
-    "Save" : "Uložit",
-    "No users found" : "Nenalezení žádní uživatelé",
     "No comments yet. Begin the discussion!" : "Zatím bez komentářů. Zahajte diskuzi!",
+    "Save" : "Uložit",
+    "The comment cannot be empty." : "Komentář je třeba vyplnit",
+    "The comment cannot be longer than 1000 characters." : "Délka komentáře může být nejvýše 1 000 znaků.",
     "Update" : "Aktualizovat",
     "Assign to me" : "Přiřadit mě",
     "Delete card" : "Smazat kartu",

l10n/de.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Geändert",
     "Created" : "Erstellt",
     "Upload attachment" : "Anhang hochladen",
-    "New comment" : "Neuer Kommentar",
-    "Save" : "Speichern",
-    "No users found" : "Keine Nutzer gefunden",
     "No comments yet. Begin the discussion!" : "Bislang keine Kommentare. Beginne die Diskussion!",
+    "Save" : "Speichern",
+    "The comment cannot be empty." : "Der Kommentar darf nicht leer sein.",
+    "The comment cannot be longer than 1000 characters." : "Der Kommentar darf nicht länger als 1000 Zeichen sein.",
     "Update" : "Aktualisieren",
     "Assign to me" : "Mir zuweisen",
     "Delete card" : "Karte löschen",

l10n/de.json

@@ -149,10 +149,10 @@
     "Modified" : "Geändert",
     "Created" : "Erstellt",
     "Upload attachment" : "Anhang hochladen",
-    "New comment" : "Neuer Kommentar",
-    "Save" : "Speichern",
-    "No users found" : "Keine Nutzer gefunden",
     "No comments yet. Begin the discussion!" : "Bislang keine Kommentare. Beginne die Diskussion!",
+    "Save" : "Speichern",
+    "The comment cannot be empty." : "Der Kommentar darf nicht leer sein.",
+    "The comment cannot be longer than 1000 characters." : "Der Kommentar darf nicht länger als 1000 Zeichen sein.",
     "Update" : "Aktualisieren",
     "Assign to me" : "Mir zuweisen",
     "Delete card" : "Karte löschen",

l10n/de_DE.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Geändert",
     "Created" : "Erstellt",
     "Upload attachment" : "Anhang hochladen",
-    "New comment" : "Neuer Kommentar",
-    "Save" : "Speichern",
-    "No users found" : "Keine Nutzer gefunden",
     "No comments yet. Begin the discussion!" : "Bislang keine Kommentare. Beginnen Sie die Diskussion!",
+    "Save" : "Speichern",
+    "The comment cannot be empty." : "Der Kommentar darf nicht leer sein.",
+    "The comment cannot be longer than 1000 characters." : "Der Kommentar darf nicht länger als 1000 Zeichen sein.",
     "Update" : "Aktualisieren",
     "Assign to me" : "Mir zuweisen",
     "Delete card" : "Karte löschen",

l10n/de_DE.json

@@ -149,10 +149,10 @@
     "Modified" : "Geändert",
     "Created" : "Erstellt",
     "Upload attachment" : "Anhang hochladen",
-    "New comment" : "Neuer Kommentar",
-    "Save" : "Speichern",
-    "No users found" : "Keine Nutzer gefunden",
     "No comments yet. Begin the discussion!" : "Bislang keine Kommentare. Beginnen Sie die Diskussion!",
+    "Save" : "Speichern",
+    "The comment cannot be empty." : "Der Kommentar darf nicht leer sein.",
+    "The comment cannot be longer than 1000 characters." : "Der Kommentar darf nicht länger als 1000 Zeichen sein.",
     "Update" : "Aktualisieren",
     "Assign to me" : "Mir zuweisen",
     "Delete card" : "Karte löschen",

l10n/el.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Τροποποιήθηκε",
     "Created" : "Δημιουργήθηκε",
     "Upload attachment" : "Μεταφόρτωση συνημμένων",
-    "New comment" : "Νέο σχόλιο",
-    "Save" : "Αποθήκευση",
-    "No users found" : "Δεν βρέθηκαν χρήστες",
     "No comments yet. Begin the discussion!" : "Χωρίς σχόλια ακόμη. Ξεκινήστε την συζήτηση!",
+    "Save" : "Αποθήκευση",
+    "The comment cannot be empty." : "Το σχόλιο δεν μπορεί να είναι κενό.",
+    "The comment cannot be longer than 1000 characters." : "Το σχόλιο δεν μπορεί να έχι περισσότερους από 1000 χαρακτήρες.",
     "Update" : "Ενημέρωση",
     "Assign to me" : "Ανάθεση σε εμένα",
     "Delete card" : "Διαγραφή κάρτας",

l10n/el.json

@@ -149,10 +149,10 @@
     "Modified" : "Τροποποιήθηκε",
     "Created" : "Δημιουργήθηκε",
     "Upload attachment" : "Μεταφόρτωση συνημμένων",
-    "New comment" : "Νέο σχόλιο",
-    "Save" : "Αποθήκευση",
-    "No users found" : "Δεν βρέθηκαν χρήστες",
     "No comments yet. Begin the discussion!" : "Χωρίς σχόλια ακόμη. Ξεκινήστε την συζήτηση!",
+    "Save" : "Αποθήκευση",
+    "The comment cannot be empty." : "Το σχόλιο δεν μπορεί να είναι κενό.",
+    "The comment cannot be longer than 1000 characters." : "Το σχόλιο δεν μπορεί να έχι περισσότερους από 1000 χαρακτήρες.",
     "Update" : "Ενημέρωση",
     "Assign to me" : "Ανάθεση σε εμένα",
     "Delete card" : "Διαγραφή κάρτας",

l10n/es.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Modificado",
     "Created" : "Creado",
     "Upload attachment" : "Subir adjunto",
-    "New comment" : "Comentario nuevo",
-    "Save" : "Guardar",
-    "No users found" : "No se han encontrado usuarios",
     "No comments yet. Begin the discussion!" : "Todavía no hay comentarios. ¡Comienza la discusión!",
+    "Save" : "Guardar",
+    "The comment cannot be empty." : "El comentario no puede estar vacío.",
+    "The comment cannot be longer than 1000 characters." : "El comentario no puede tener más de 1000  caracteres.",
     "Update" : "Actualizar",
     "Assign to me" : "Asignarme a mí",
     "Delete card" : "Eliminar tarjeta",

l10n/es.json

@@ -149,10 +149,10 @@
     "Modified" : "Modificado",
     "Created" : "Creado",
     "Upload attachment" : "Subir adjunto",
-    "New comment" : "Comentario nuevo",
-    "Save" : "Guardar",
-    "No users found" : "No se han encontrado usuarios",
     "No comments yet. Begin the discussion!" : "Todavía no hay comentarios. ¡Comienza la discusión!",
+    "Save" : "Guardar",
+    "The comment cannot be empty." : "El comentario no puede estar vacío.",
+    "The comment cannot be longer than 1000 characters." : "El comentario no puede tener más de 1000  caracteres.",
     "Update" : "Actualizar",
     "Assign to me" : "Asignarme a mí",
     "Delete card" : "Eliminar tarjeta",

l10n/fa.js

@@ -31,6 +31,7 @@ OC.L10N.register(
     "Move card" : "انتقال کارت",
     "Settings" : "تنظیمات",
     "Edit board" : "ویرایش تخته ها",
+    "An error occurred" : "خطایی روی داد",
     "Archive board" : " بایگانی تابلو",
     "Delete board" : "حذف تابلو"
 },

l10n/fa.json

@@ -29,6 +29,7 @@
     "Move card" : "انتقال کارت",
     "Settings" : "تنظیمات",
     "Edit board" : "ویرایش تخته ها",
+    "An error occurred" : "خطایی روی داد",
     "Archive board" : " بایگانی تابلو",
     "Delete board" : "حذف تابلو"
 },"pluralForm" :"nplurals=2; plural=(n > 1);"

l10n/fr.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Modifié",
     "Created" : "Créé",
     "Upload attachment" : "Envoyer une pièce jointe",
-    "New comment" : "Nouveau commentaire",
-    "Save" : "Enregistrer",
-    "No users found" : "Aucun utilisateur trouvé",
     "No comments yet. Begin the discussion!" : "Aucun commentaire pour l'instant, démarrez la discussion !",
+    "Save" : "Enregistrer",
+    "The comment cannot be empty." : "Un commentaire ne peut pas être vide.",
+    "The comment cannot be longer than 1000 characters." : "Un commentaire est limité à 1 000 caractères.",
     "Update" : "Mettre à jour",
     "Assign to me" : "Me l'assigner",
     "Delete card" : "Supprimer la carte",

l10n/fr.json

@@ -149,10 +149,10 @@
     "Modified" : "Modifié",
     "Created" : "Créé",
     "Upload attachment" : "Envoyer une pièce jointe",
-    "New comment" : "Nouveau commentaire",
-    "Save" : "Enregistrer",
-    "No users found" : "Aucun utilisateur trouvé",
     "No comments yet. Begin the discussion!" : "Aucun commentaire pour l'instant, démarrez la discussion !",
+    "Save" : "Enregistrer",
+    "The comment cannot be empty." : "Un commentaire ne peut pas être vide.",
+    "The comment cannot be longer than 1000 characters." : "Un commentaire est limité à 1 000 caractères.",
     "Update" : "Mettre à jour",
     "Assign to me" : "Me l'assigner",
     "Delete card" : "Supprimer la carte",

l10n/gl.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Modificado",
     "Created" : "Creado",
     "Upload attachment" : "Enviar anexos",
-    "New comment" : "Comentario novo",
-    "Save" : "Gardar",
-    "No users found" : "Non se atoparon usuarios",
     "No comments yet. Begin the discussion!" : "Aínda non hai comentarios. Comece o debate!",
+    "Save" : "Gardar",
+    "The comment cannot be empty." : "O comentario non pode estar baleiro",
+    "The comment cannot be longer than 1000 characters." : "O comentario non pode ter máis de 1000 caracteres.",
     "Update" : "Actualizar",
     "Assign to me" : "Asignarme",
     "Delete card" : "Eliminar tarxeta",

l10n/gl.json

@@ -149,10 +149,10 @@
     "Modified" : "Modificado",
     "Created" : "Creado",
     "Upload attachment" : "Enviar anexos",
-    "New comment" : "Comentario novo",
-    "Save" : "Gardar",
-    "No users found" : "Non se atoparon usuarios",
     "No comments yet. Begin the discussion!" : "Aínda non hai comentarios. Comece o debate!",
+    "Save" : "Gardar",
+    "The comment cannot be empty." : "O comentario non pode estar baleiro",
+    "The comment cannot be longer than 1000 characters." : "O comentario non pode ter máis de 1000 caracteres.",
     "Update" : "Actualizar",
     "Assign to me" : "Asignarme",
     "Delete card" : "Eliminar tarxeta",

l10n/it.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Modificato",
     "Created" : "Creato il",
     "Upload attachment" : "Carica allegato",
-    "New comment" : "Nuovo commento",
-    "Save" : "Salva",
-    "No users found" : "Nessun utente trovato",
     "No comments yet. Begin the discussion!" : "Ancora nessun commento. Inizia la discussione.",
+    "Save" : "Salva",
+    "The comment cannot be empty." : "Il commento non può essere vuoto.",
+    "The comment cannot be longer than 1000 characters." : "Il commento non può essere più lungo di 1000 caratteri.",
     "Update" : "Aggiorna",
     "Assign to me" : "Assegna a me",
     "Delete card" : "Elimina scheda",

l10n/it.json

@@ -149,10 +149,10 @@
     "Modified" : "Modificato",
     "Created" : "Creato il",
     "Upload attachment" : "Carica allegato",
-    "New comment" : "Nuovo commento",
-    "Save" : "Salva",
-    "No users found" : "Nessun utente trovato",
     "No comments yet. Begin the discussion!" : "Ancora nessun commento. Inizia la discussione.",
+    "Save" : "Salva",
+    "The comment cannot be empty." : "Il commento non può essere vuoto.",
+    "The comment cannot be longer than 1000 characters." : "Il commento non può essere più lungo di 1000 caratteri.",
     "Update" : "Aggiorna",
     "Assign to me" : "Assegna a me",
     "Delete card" : "Elimina scheda",

l10n/lt_LT.js

@@ -94,6 +94,7 @@ OC.L10N.register(
     "Could not write file to disk" : "Nepavyko įrašyti failą į diską",
     "A PHP extension stopped the file upload" : "PHP plėtinys sustabdė failo įkėlimą",
     "No file uploaded or file size exceeds maximum of %s" : "Neįkeltas joks failas arba failo dydis viršija maksimalų %s dydį",
+    "Personal planning and team project organization" : "Asmeninis planavimas ir komandinių projektų organizavimas",
     "Create new board" : "Sukurti naują plokštę",
     "new board" : "nauja plokštė",
     "Select the board to link to a project" : "Pasirinkite plokštę, kurią susieti su projektu",
@@ -146,10 +147,10 @@ OC.L10N.register(
     "Modified" : "Pakeistas",
     "Created" : "Sukurta",
     "Upload attachment" : "Įkelti priedą",
-    "New comment" : "Naujas komentaras",
-    "Save" : "Įrašyti",
-    "No users found" : "Nerasta jokių naudotojų",
     "No comments yet. Begin the discussion!" : "Kol kas komentarų nėra. Pradėkite diskusiją!",
+    "Save" : "Įrašyti",
+    "The comment cannot be empty." : "Komentaras negali būti tuščias.",
+    "The comment cannot be longer than 1000 characters." : "Komentaras negali būti ilgesnis nei 1000 simbolių.",
     "Update" : "Atnaujinti",
     "Assign to me" : "Priskirti sau",
     "Delete card" : "Ištrinti kortelę",

l10n/lt_LT.json

@@ -92,6 +92,7 @@
     "Could not write file to disk" : "Nepavyko įrašyti failą į diską",
     "A PHP extension stopped the file upload" : "PHP plėtinys sustabdė failo įkėlimą",
     "No file uploaded or file size exceeds maximum of %s" : "Neįkeltas joks failas arba failo dydis viršija maksimalų %s dydį",
+    "Personal planning and team project organization" : "Asmeninis planavimas ir komandinių projektų organizavimas",
     "Create new board" : "Sukurti naują plokštę",
     "new board" : "nauja plokštė",
     "Select the board to link to a project" : "Pasirinkite plokštę, kurią susieti su projektu",
@@ -144,10 +145,10 @@
     "Modified" : "Pakeistas",
     "Created" : "Sukurta",
     "Upload attachment" : "Įkelti priedą",
-    "New comment" : "Naujas komentaras",
-    "Save" : "Įrašyti",
-    "No users found" : "Nerasta jokių naudotojų",
     "No comments yet. Begin the discussion!" : "Kol kas komentarų nėra. Pradėkite diskusiją!",
+    "Save" : "Įrašyti",
+    "The comment cannot be empty." : "Komentaras negali būti tuščias.",
+    "The comment cannot be longer than 1000 characters." : "Komentaras negali būti ilgesnis nei 1000 simbolių.",
     "Update" : "Atnaujinti",
     "Assign to me" : "Priskirti sau",
     "Delete card" : "Ištrinti kortelę",

l10n/pl.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Zmodyfikowany",
     "Created" : "Utworzono",
     "Upload attachment" : "Wyślij załącznik",
-    "New comment" : "Nowy komentarz",
-    "Save" : "Zapisz",
-    "No users found" : "Nie znaleziono użytkowników",
     "No comments yet. Begin the discussion!" : "Brak komentarzy. Rozpocznij dyskusję!",
+    "Save" : "Zapisz",
+    "The comment cannot be empty." : "Komentarz nie może być pusty.",
+    "The comment cannot be longer than 1000 characters." : "Komentarz nie może być dłuższy niż 1000 znaków.",
     "Update" : "Aktualizuj",
     "Assign to me" : "Przydziel do mnie",
     "Delete card" : "Usuń kartę",

l10n/pl.json

@@ -149,10 +149,10 @@
     "Modified" : "Zmodyfikowany",
     "Created" : "Utworzono",
     "Upload attachment" : "Wyślij załącznik",
-    "New comment" : "Nowy komentarz",
-    "Save" : "Zapisz",
-    "No users found" : "Nie znaleziono użytkowników",
     "No comments yet. Begin the discussion!" : "Brak komentarzy. Rozpocznij dyskusję!",
+    "Save" : "Zapisz",
+    "The comment cannot be empty." : "Komentarz nie może być pusty.",
+    "The comment cannot be longer than 1000 characters." : "Komentarz nie może być dłuższy niż 1000 znaków.",
     "Update" : "Aktualizuj",
     "Assign to me" : "Przydziel do mnie",
     "Delete card" : "Usuń kartę",

l10n/pt_BR.js

@@ -151,10 +151,10 @@ OC.L10N.register(
     "Modified" : "Modificado",
     "Created" : "Criado",
     "Upload attachment" : "Enviar anexo",
-    "New comment" : "Novo comentário",
-    "Save" : "Salvar",
-    "No users found" : "Nenhum usuário encontrado",
     "No comments yet. Begin the discussion!" : "Nenhum comentário ainda. Inicie a conversa!",
+    "Save" : "Salvar",
+    "The comment cannot be empty." : "O comentário não pode zer vazio.",
+    "The comment cannot be longer than 1000 characters." : "O comentário não pode ter mais que 1000 caracteres.",
     "Update" : "Atualizar",
     "Assign to me" : "Atribuir a mim",
     "Delete card" : "Excluir cartão",

l10n/pt_BR.json

@@ -149,10 +149,10 @@
     "Modified" : "Modificado",
     "Created" : "Criado",
     "Upload attachment" : "Enviar anexo",
-    "New comment" : "Novo comentário",
-    "Save" : "Salvar",
-    "No users found" : "Nenhum usuário encontrado",
     "No comments yet. Begin the discussion!" : "Nenhum comentário ainda. Inicie a conversa!",
+    "Save" : "Salvar",
+    "The comment cannot be empty." : "O comentário não pode zer vazio.",
+    "The comment cannot be longer than 1000 characters." : "O comentário não pode ter mais que 1000 caracteres.",
     "Update" : "Atualizar",
     "Assign to me" : "Atribuir a mim",
     "Delete card" : "Excluir cartão",

l10n/sv.js

@@ -106,6 +106,8 @@ OC.L10N.register(
     "Select a card" : "Välj ett kort",
     "Link to card" : "Länka till kort",
     "Cancel" : "Avbryt",
+    "Add new list" : "Lägg till en ny lista",
+    "List name" : "Namn på lista",
     "Show archived cards" : "Visa arkiverade kort",
     "Hide archived cards" : "Göm arkiverade kort",
     "Toggle compact mode" : "Växla kompakt läge",
@@ -127,10 +129,13 @@ OC.L10N.register(
     "Can manage" : "Kan hanter",
     "Delete" : "Radera",
     "Add a new stack" : "Lägg till en ny stapel",
+    "Delete list" : "Radera lista",
     "Add card" : "Lägg till kort",
+    "Add a new card" : "Lägg till ett nytt kort",
     "Edit" : "Redigera",
     "Add a new label" : "Lägg till en ny etikett",
     "title and color value must be provided" : "titel och färg måste anges",
+    "Load More" : "Ladda mer",
     "Details" : "Detaljer",
     "Assign a tag to this card…" : "Tilldela en tagg till det här kortet ...",
     "Assign to users" : "Tilldela till användare",
@@ -145,8 +150,10 @@ OC.L10N.register(
     "Modified" : "Ändrad",
     "Created" : "Skapat",
     "Upload attachment" : "Ladda upp bilaga",
-    "New comment" : "Ny kommentar",
+    "No comments yet. Begin the discussion!" : "Inga kommentarer än. Börja diskussionen!",
     "Save" : "Spara",
+    "The comment cannot be empty." : "Kommentaren kan inte vara tom.",
+    "The comment cannot be longer than 1000 characters." : "Kommentaren kan inte vara längre än 1000 tecken.",
     "Update" : "Uppdatera",
     "Assign to me" : "Tilldela till mig",
     "Delete card" : "Ta bort kort",

l10n/sv.json

@@ -104,6 +104,8 @@
     "Select a card" : "Välj ett kort",
     "Link to card" : "Länka till kort",
     "Cancel" : "Avbryt",
+    "Add new list" : "Lägg till en ny lista",
+    "List name" : "Namn på lista",
     "Show archived cards" : "Visa arkiverade kort",
     "Hide archived cards" : "Göm arkiverade kort",
     "Toggle compact mode" : "Växla kompakt läge",
@@ -125,10 +127,13 @@
     "Can manage" : "Kan hanter",
     "Delete" : "Radera",
     "Add a new stack" : "Lägg till en ny stapel",
+    "Delete list" : "Radera lista",
     "Add card" : "Lägg till kort",
+    "Add a new card" : "Lägg till ett nytt kort",
     "Edit" : "Redigera",
     "Add a new label" : "Lägg till en ny etikett",
     "title and color value must be provided" : "titel och färg måste anges",
+    "Load More" : "Ladda mer",
     "Details" : "Detaljer",
     "Assign a tag to this card…" : "Tilldela en tagg till det här kortet ...",
     "Assign to users" : "Tilldela till användare",
@@ -143,8 +148,10 @@
     "Modified" : "Ändrad",
     "Created" : "Skapat",
     "Upload attachment" : "Ladda upp bilaga",
-    "New comment" : "Ny kommentar",
+    "No comments yet. Begin the discussion!" : "Inga kommentarer än. Börja diskussionen!",
     "Save" : "Spara",
+    "The comment cannot be empty." : "Kommentaren kan inte vara tom.",
+    "The comment cannot be longer than 1000 characters." : "Kommentaren kan inte vara längre än 1000 tecken.",
     "Update" : "Uppdatera",
     "Assign to me" : "Tilldela till mig",
     "Delete card" : "Ta bort kort",

l10n/tr.js

@@ -151,10 +151,8 @@ OC.L10N.register(
     "Modified" : "Değiştirilme",
     "Created" : "Oluşturulma",
     "Upload attachment" : "Ek dosya yükle",
-    "New comment" : "Yorum kle",
-    "Save" : "Kaydet",
-    "No users found" : "Herhangi bir kullanıcı bulunamadı",
     "No comments yet. Begin the discussion!" : "Henüz bir yorum yapılmamış. Tartışmayı başlatın!",
+    "Save" : "Kaydet",
     "Update" : "Güncelle",
     "Assign to me" : "Bana ata",
     "Delete card" : "Kartı sil",

l10n/tr.json

@@ -149,10 +149,8 @@
     "Modified" : "Değiştirilme",
     "Created" : "Oluşturulma",
     "Upload attachment" : "Ek dosya yükle",
-    "New comment" : "Yorum kle",
-    "Save" : "Kaydet",
-    "No users found" : "Herhangi bir kullanıcı bulunamadı",
     "No comments yet. Begin the discussion!" : "Henüz bir yorum yapılmamış. Tartışmayı başlatın!",
+    "Save" : "Kaydet",
     "Update" : "Güncelle",
     "Assign to me" : "Bana ata",
     "Delete card" : "Kartı sil",

l10n/zh_CN.js

@@ -151,10 +151,8 @@ OC.L10N.register(
     "Modified" : "已修改",
     "Created" : "已创建",
     "Upload attachment" : "上传附件",
-    "New comment" : "新评论",
-    "Save" : "保存",
-    "No users found" : "找不到用户",
     "No comments yet. Begin the discussion!" : "还没有评论。 开始讨论吧！",
+    "Save" : "保存",
     "Update" : "更新",
     "Assign to me" : "指派给我",
     "Delete card" : "删除卡片",

l10n/zh_CN.json

@@ -149,10 +149,8 @@
     "Modified" : "已修改",
     "Created" : "已创建",
     "Upload attachment" : "上传附件",
-    "New comment" : "新评论",
-    "Save" : "保存",
-    "No users found" : "找不到用户",
     "No comments yet. Begin the discussion!" : "还没有评论。 开始讨论吧！",
+    "Save" : "保存",
     "Update" : "更新",
     "Assign to me" : "指派给我",
     "Delete card" : "删除卡片",

package-lock.json

@@ -3461,6 +3461,22 @@
 				}
 			}
 		},
+		"@juliushaertl/vue-richtext": {
+			"version": "0.2.0",
+			"resolved": "https://registry.npmjs.org/@juliushaertl/vue-richtext/-/vue-richtext-0.2.0.tgz",
+			"integrity": "sha512-BKAfEb5RMVH7kiN0kqeXeamDqy45iXCrPYqwDY1n9l+XvNOr6H8y+FRA4Oc7i5BFtOFbfQCSrI3DK09kv4+Tkw==",
+			"requires": {
+				"core-js": "^3.6.4",
+				"vue": "^2.6.11"
+			},
+			"dependencies": {
+				"core-js": {
+					"version": "3.6.4",
+					"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.6.4.tgz",
+					"integrity": "sha512-4paDGScNgZP2IXXilaffL9X7968RuvwlkK3xWtZRVqgd8SYNiVKRJvkFd1aqqEuPfN7E68ZHEp9hDj6lHj4Hyw=="
+				}
+			}
+		},
 		"@nextcloud/auth": {
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/@nextcloud/auth/-/auth-1.2.1.tgz",
@@ -3678,11 +3694,6 @@
 				"@types/istanbul-lib-report": "*"
 			}
 		},
-		"@types/jquery": {
-			"version": "2.0.53",
-			"resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-2.0.53.tgz",
-			"integrity": "sha512-MZKPWUhp5TKkoJ/58NSq6io+CSUCOHm2b3Z6U4+r9v70kktB0JM+eRjdp6YmDHtw0kK2XB7L2K7/FMIoziHjUA=="
-		},
 		"@types/node": {
 			"version": "10.12.12",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.12.tgz",
@@ -8231,14 +8242,6 @@
 			"integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
 			"dev": true
 		},
-		"fault": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/fault/-/fault-1.0.4.tgz",
-			"integrity": "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==",
-			"requires": {
-				"format": "^0.2.0"
-			}
-		},
 		"fb-watchman": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.0.tgz",
@@ -8783,11 +8786,6 @@
 				"mime-types": "^2.1.12"
 			}
 		},
-		"format": {
-			"version": "0.2.2",
-			"resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
-			"integrity": "sha1-1hcBB+nv3E7TDJ3DkBbflCtctYs="
-		},
 		"fragment-cache": {
 			"version": "0.2.1",
 			"resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -9417,11 +9415,6 @@
 			"integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
 			"dev": true
 		},
-		"fuse.js": {
-			"version": "3.4.6",
-			"resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-3.4.6.tgz",
-			"integrity": "sha512-H6aJY4UpLFwxj1+5nAvufom5b2BT2v45P1MkPvdGIK8fWjQx/7o6tTT1+ALV0yawQvbmvCF0ufl2et8eJ7v7Cg=="
-		},
 		"gauge": {
 			"version": "2.7.4",
 			"resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
@@ -9822,11 +9815,6 @@
 			"integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
 			"dev": true
 		},
-		"highlight.js": {
-			"version": "9.16.2",
-			"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.16.2.tgz",
-			"integrity": "sha512-feMUrVLZvjy0oC7FVJQcSQRqbBq9kwqnYE4+Kj9ZjbHh3g+BisiPgF49NyQbVLNdrL/qqZr3Ca9yOKwgn2i/tw=="
-		},
 		"hmac-drbg": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -12886,15 +12874,6 @@
 				"signal-exit": "^3.0.0"
 			}
 		},
-		"lowlight": {
-			"version": "1.13.0",
-			"resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.13.0.tgz",
-			"integrity": "sha512-bFXLa+UO1eM3zieFAcNqf6rTQ1D5ERFv64/euQbbH/LT3U9XXwH6tOrgUAGWDsQ1QgN3ZhgOcv8p3/S+qKGdTQ==",
-			"requires": {
-				"fault": "^1.0.2",
-				"highlight.js": "~9.16.0"
-			}
-		},
 		"lru-cache": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
@@ -13240,61 +13219,6 @@
 				"mime-db": "1.40.0"
 			}
 		},
-		"mini-css-extract-plugin": {
-			"version": "0.9.0",
-			"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz",
-			"integrity": "sha512-lp3GeY7ygcgAmVIcRPBVhIkf8Us7FZjA+ILpal44qLdSu11wmjKQ3d9k15lfD7pO4esu9eUIAW7qiYIBppv40A==",
-			"dev": true,
-			"requires": {
-				"loader-utils": "^1.1.0",
-				"normalize-url": "1.9.1",
-				"schema-utils": "^1.0.0",
-				"webpack-sources": "^1.1.0"
-			},
-			"dependencies": {
-				"ajv": {
-					"version": "6.10.2",
-					"resolved": "https://registry.npmjs.org/ajv/-/ajv-6.10.2.tgz",
-					"integrity": "sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==",
-					"dev": true,
-					"requires": {
-						"fast-deep-equal": "^2.0.1",
-						"fast-json-stable-stringify": "^2.0.0",
-						"json-schema-traverse": "^0.4.1",
-						"uri-js": "^4.2.2"
-					}
-				},
-				"ajv-keywords": {
-					"version": "3.4.1",
-					"resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.4.1.tgz",
-					"integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
-					"dev": true
-				},
-				"fast-deep-equal": {
-					"version": "2.0.1",
-					"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
-					"integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
-					"dev": true
-				},
-				"json-schema-traverse": {
-					"version": "0.4.1",
-					"resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-					"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-					"dev": true
-				},
-				"schema-utils": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
-					"integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
-					"dev": true,
-					"requires": {
-						"ajv": "^6.1.0",
-						"ajv-errors": "^1.0.0",
-						"ajv-keywords": "^3.1.0"
-					}
-				}
-			}
-		},
 		"minimalistic-assert": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -13455,14 +13379,6 @@
 			"integrity": "sha512-MFh0d/Wa7vkKO3Y3LlacqAEeHK0mckVqzDieUKTT+KGxi+zIpeVsFxymkIiRpbpDziHc290Xr9A1O4Om7otoRA==",
 			"dev": true
 		},
-		"nextcloud-server": {
-			"version": "0.15.10",
-			"resolved": "https://registry.npmjs.org/nextcloud-server/-/nextcloud-server-0.15.10.tgz",
-			"integrity": "sha512-pCROf5Rz8TaIZDZMED4mJ/iUa/u03+h5r0OKBXG8Aw1Hn2GHX6SX82RD12+QMtL+5LPLxmoVNLAA8ngIUasHZQ==",
-			"requires": {
-				"@types/jquery": "^2.0.50"
-			}
-		},
 		"nextcloud-vue-collections": {
 			"version": "0.7.1",
 			"resolved": "https://registry.npmjs.org/nextcloud-vue-collections/-/nextcloud-vue-collections-0.7.1.tgz",
@@ -13788,18 +13704,6 @@
 			"integrity": "sha1-0LFF62kRicY6eNIB3E/bEpPvDAM=",
 			"dev": true
 		},
-		"normalize-url": {
-			"version": "1.9.1",
-			"resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
-			"integrity": "sha1-LMDWazHqIwNkWENuNiDYWVTGbDw=",
-			"dev": true,
-			"requires": {
-				"object-assign": "^4.0.1",
-				"prepend-http": "^1.0.0",
-				"query-string": "^4.1.0",
-				"sort-keys": "^1.0.0"
-			}
-		},
 		"npm-run-path": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -14036,11 +13940,6 @@
 				"wordwrap": "~1.0.0"
 			}
 		},
-		"orderedmap": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.0.0.tgz",
-			"integrity": "sha1-2Q/Cuh7QhRkJB9YB3sbmpT+NQbo="
-		},
 		"os-browserify": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -14810,12 +14709,6 @@
 			"integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
 			"dev": true
 		},
-		"prepend-http": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
-			"integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
-			"dev": true
-		},
 		"preserve": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
@@ -14888,166 +14781,6 @@
 				"sisteransi": "^1.0.3"
 			}
 		},
-		"prosemirror-collab": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.2.2.tgz",
-			"integrity": "sha512-tBnHKMLgy5Qmx9MYVcLfs3pAyjtcqYYDd9kp3y+LSiQzkhMQDfZSV3NXWe4Gsly32adSef173BvObwfoSQL5MA==",
-			"requires": {
-				"prosemirror-state": "^1.0.0"
-			}
-		},
-		"prosemirror-commands": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.1.2.tgz",
-			"integrity": "sha512-JBa06kjgX67d9JVUVJbCkxwvSGtQnWAN/85nq9csOMS5Z9WZLEvVDtVvZranNlu8l/XNVBWrZxOOK+pB03eTfA==",
-			"requires": {
-				"prosemirror-model": "^1.0.0",
-				"prosemirror-state": "^1.0.0",
-				"prosemirror-transform": "^1.0.0"
-			}
-		},
-		"prosemirror-dropcursor": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.3.2.tgz",
-			"integrity": "sha512-4c94OUGyobGnwcQI70OXyMhE/9T4aTgjU+CHxkd5c7D+jH/J0mKM/lk+jneFVKt7+E4/M0D9HzRPifu8U28Thw==",
-			"requires": {
-				"prosemirror-state": "^1.0.0",
-				"prosemirror-transform": "^1.1.0",
-				"prosemirror-view": "^1.1.0"
-			}
-		},
-		"prosemirror-gapcursor": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.1.2.tgz",
-			"integrity": "sha512-Z+eqk6RysZVxidGWN5aWoSTbn5bTHf1XZ+nQJVwUSdwdBVkfQMFdTHgfrXA8W5MhHHdNg/EEEYG3z3Zi/vE2QQ==",
-			"requires": {
-				"prosemirror-keymap": "^1.0.0",
-				"prosemirror-model": "^1.0.0",
-				"prosemirror-state": "^1.0.0",
-				"prosemirror-view": "^1.0.0"
-			}
-		},
-		"prosemirror-history": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.1.2.tgz",
-			"integrity": "sha512-erhxYS5gm/6MiXP8jUoJBgc8IbaqjHDVPl9KGg5JrMZOSSOwHv85+4Fb0Q7sYtv2fYwAjOSw/kSA9vkxJ6wOwA==",
-			"requires": {
-				"prosemirror-state": "^1.2.2",
-				"prosemirror-transform": "^1.0.0",
-				"rope-sequence": "^1.3.0"
-			}
-		},
-		"prosemirror-inputrules": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.1.2.tgz",
-			"integrity": "sha512-Ja5Z3BWestlHYGvtSGqyvxMeB8QEuBjlHM8YnKtLGUXMDp965qdDV4goV8lJb17kIWHk7e7JNj6Catuoa3302g==",
-			"requires": {
-				"prosemirror-state": "^1.0.0",
-				"prosemirror-transform": "^1.0.0"
-			}
-		},
-		"prosemirror-keymap": {
-			"version": "1.1.3",
-			"resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.3.tgz",
-			"integrity": "sha512-PRA4NzkUMzV/NFf5pyQ6tmlIHiW/qjQ1kGWUlV2rF/dvlOxtpGpTEjIMhWgLuMf+HiDEFnUEP7uhYXu+t+491g==",
-			"requires": {
-				"prosemirror-state": "^1.0.0",
-				"w3c-keyname": "^2.2.0"
-			}
-		},
-		"prosemirror-model": {
-			"version": "1.7.4",
-			"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.7.4.tgz",
-			"integrity": "sha512-yxdpPh9Uv5vAOZvmbhg4fsGUK1oHuQs69iX7cFZ0A4Y+AyMMWRCNKUt21uv84HbXb4I180l4pJE8ibaH/SwYiw==",
-			"requires": {
-				"orderedmap": "^1.0.0"
-			}
-		},
-		"prosemirror-schema-list": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.2.tgz",
-			"integrity": "sha512-dgM9PwtM4twa5WsgSYMB+J8bwjnR43DAD3L9MsR9rKm/nZR5Y85xcjB7gusVMSsbQ2NomMZF03RE6No6mTnclQ==",
-			"requires": {
-				"prosemirror-model": "^1.0.0",
-				"prosemirror-transform": "^1.0.0"
-			}
-		},
-		"prosemirror-state": {
-			"version": "1.2.4",
-			"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.2.4.tgz",
-			"integrity": "sha512-ViXpXond3BbSL12ENARQGq3Y8igwFMbTcy96xUNK8kfIcfQRlYlgYrBPXIkHC5+QZtbPrYlpuJ2+QyeSlSX9Cw==",
-			"requires": {
-				"prosemirror-model": "^1.0.0",
-				"prosemirror-transform": "^1.0.0"
-			}
-		},
-		"prosemirror-tables": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.0.0.tgz",
-			"integrity": "sha512-zFw5Us4G5Vdq0yIj8GiqZOGA6ud5UKpMKElux9O0HrfmhkuGa1jf1PCpz2R5pmIQJv+tIM24H1mox/ODBAX37Q==",
-			"requires": {
-				"prosemirror-keymap": "^1.1.2",
-				"prosemirror-model": "^1.8.1",
-				"prosemirror-state": "^1.3.1",
-				"prosemirror-transform": "^1.2.1",
-				"prosemirror-view": "^1.13.3"
-			},
-			"dependencies": {
-				"orderedmap": {
-					"version": "1.1.1",
-					"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-					"integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-				},
-				"prosemirror-model": {
-					"version": "1.9.1",
-					"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.9.1.tgz",
-					"integrity": "sha512-Qblh8pm1c7Ll64sYLauwwzjimo/tFg1zW3Q3IWhKRhvfOEgRKqa6dC5pRrAa+XHOIjBFEYrqbi52J5bqA2dV8Q==",
-					"requires": {
-						"orderedmap": "^1.1.0"
-					}
-				},
-				"prosemirror-state": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.2.tgz",
-					"integrity": "sha512-t/JqE3aR0SV9QrzFVkAXsQwsgrQBNs/BDbcFH20RssW0xauqNNdjTXxy/J/kM7F+0zYi6+BRmz7cMMQQFU3mwQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				},
-				"prosemirror-transform": {
-					"version": "1.2.3",
-					"resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.2.3.tgz",
-					"integrity": "sha512-PUfayeskQfuUBXktvL6207ZWRwHBFNPNPiek4fR+LgCPnBofuEb2+L0FfbNtrAwffHVs6M3DaFvJB1W2VQdV0A==",
-					"requires": {
-						"prosemirror-model": "^1.0.0"
-					}
-				}
-			}
-		},
-		"prosemirror-transform": {
-			"version": "1.1.5",
-			"resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.1.5.tgz",
-			"integrity": "sha512-hJyRcwykLrAAj/ziNbVK1P/ensiszWJ2fNwNiDM8ZWYiMPwM4cAd2jptj/znxJfIvaj0S0psWL1+VhKwPNJDSQ==",
-			"requires": {
-				"prosemirror-model": "^1.0.0"
-			}
-		},
-		"prosemirror-utils": {
-			"version": "0.9.6",
-			"resolved": "https://registry.npmjs.org/prosemirror-utils/-/prosemirror-utils-0.9.6.tgz",
-			"integrity": "sha512-UC+j9hQQ1POYfMc5p7UFxBTptRiGPR7Kkmbl3jVvU8VgQbkI89tR/GK+3QYC8n+VvBZrtAoCrJItNhWSxX3slA=="
-		},
-		"prosemirror-view": {
-			"version": "1.13.4",
-			"resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.13.4.tgz",
-			"integrity": "sha512-mtgWEK16uYQFk3kijRlkSpAmDuy7rxYuv0pgyEBDmLT1PCPY8380CoaYnP8znUT6BXIGlJ8oTveK3M50U+B0vw==",
-			"requires": {
-				"prosemirror-model": "^1.1.0",
-				"prosemirror-state": "^1.0.0",
-				"prosemirror-transform": "^1.1.0"
-			}
-		},
 		"proto-list": {
 			"version": "1.2.4",
 			"resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
@@ -15131,16 +14864,6 @@
 			"integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
 			"dev": true
 		},
-		"query-string": {
-			"version": "4.3.4",
-			"resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
-			"integrity": "sha1-u7aTucqRXCMlFbIosaArYJBD2+s=",
-			"dev": true,
-			"requires": {
-				"object-assign": "^4.1.0",
-				"strict-uri-encode": "^1.0.0"
-			}
-		},
 		"querystring": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
@@ -15948,11 +15671,6 @@
 				"inherits": "^2.0.1"
 			}
 		},
-		"rope-sequence": {
-			"version": "1.3.2",
-			"resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.2.tgz",
-			"integrity": "sha512-ku6MFrwEVSVmXLvy3dYph3LAMNS0890K7fabn+0YIRQ2T96T9F4gkFf0vf0WW0JUraNWwGRtInEpH7yO4tbQZg=="
-		},
 		"rsvp": {
 			"version": "4.8.5",
 			"resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz",
@@ -16877,15 +16595,6 @@
 				"kind-of": "^3.2.0"
 			}
 		},
-		"sort-keys": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
-			"integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=",
-			"dev": true,
-			"requires": {
-				"is-plain-obj": "^1.0.0"
-			}
-		},
 		"source-list-map": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
@@ -17095,12 +16804,6 @@
 			"integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==",
 			"dev": true
 		},
-		"strict-uri-encode": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
-			"integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
-			"dev": true
-		},
 		"string-length": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/string-length/-/string-length-3.1.0.tgz",
@@ -17446,9 +17149,9 @@
 			}
 		},
 		"stylelint-scss": {
-			"version": "3.14.0",
+			"version": "3.14.2",
-			"resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-3.14.0.tgz",
+			"resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-3.14.2.tgz",
-			"integrity": "sha512-59tZ/vfSEJxZX1N+B96xBcmhDwCUimeuZ9kp08R7WRqUUKRJ+INilfOmIqCzHZpEY/tZDKt+grOYCxffSs49fA==",
+			"integrity": "sha512-59/BkIEWyFoORiejDIQB2P2kmg0KcqMn7wtj1y5sRvS4N+Qh+Ng3hbKelOzgS+OM2Ezbai0uEev8xckXxkh9TQ==",
 			"dev": true,
 			"requires": {
 				"lodash": "^4.17.15",
@@ -18041,307 +17744,6 @@
 			"resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz",
 			"integrity": "sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g="
 		},
-		"tippy.js": {
-			"version": "4.3.5",
-			"resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-4.3.5.tgz",
-			"integrity": "sha512-NDq3efte8nGK6BOJ1dDN1/WelAwfmh3UtIYXXck6+SxLzbIQNZE/cmRSnwScZ/FyiKdIcvFHvYUgqmoGx8CcyA==",
-			"requires": {
-				"popper.js": "^1.14.7"
-			}
-		},
-		"tiptap": {
-			"version": "1.26.6",
-			"resolved": "https://registry.npmjs.org/tiptap/-/tiptap-1.26.6.tgz",
-			"integrity": "sha512-U5qyYZi5IH7LhYwYrStRBp5MxF5MiGFLt9ogOAF/0N/LIg0XwVwe/AaSx0UH/s4dY7R8OvEa9u4qimO08Wp1LA==",
-			"requires": {
-				"prosemirror-commands": "1.1.2",
-				"prosemirror-dropcursor": "1.3.2",
-				"prosemirror-gapcursor": "1.1.2",
-				"prosemirror-inputrules": "1.1.2",
-				"prosemirror-keymap": "1.1.3",
-				"prosemirror-model": "1.8.2",
-				"prosemirror-state": "1.3.2",
-				"prosemirror-view": "1.13.4",
-				"tiptap-commands": "^1.12.5",
-				"tiptap-utils": "^1.8.3"
-			},
-			"dependencies": {
-				"orderedmap": {
-					"version": "1.1.1",
-					"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-					"integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-				},
-				"prosemirror-model": {
-					"version": "1.8.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.8.2.tgz",
-					"integrity": "sha512-piffokzW7opZVCjf/9YaoXvTC0g7zMRWKJib1hpphPfC+4x6ZXe5CiExgycoWZJe59VxxP7uHX8aFiwg2i9mUQ==",
-					"requires": {
-						"orderedmap": "^1.1.0"
-					}
-				},
-				"prosemirror-state": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.2.tgz",
-					"integrity": "sha512-t/JqE3aR0SV9QrzFVkAXsQwsgrQBNs/BDbcFH20RssW0xauqNNdjTXxy/J/kM7F+0zYi6+BRmz7cMMQQFU3mwQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				}
-			}
-		},
-		"tiptap-commands": {
-			"version": "1.12.5",
-			"resolved": "https://registry.npmjs.org/tiptap-commands/-/tiptap-commands-1.12.5.tgz",
-			"integrity": "sha512-wzQCH3CL1VWy6E47Hy+9kt882w7SND+FD9e9xAAsYhG/QI0cmuvAf/8doZZhUmYwkraYeF7/2bU04IXr36t44Q==",
-			"requires": {
-				"prosemirror-commands": "1.1.2",
-				"prosemirror-inputrules": "1.1.2",
-				"prosemirror-model": "1.8.2",
-				"prosemirror-schema-list": "1.1.2",
-				"prosemirror-state": "1.3.2",
-				"prosemirror-tables": "1.0.0",
-				"prosemirror-utils": "0.9.6",
-				"tiptap-utils": "^1.8.3"
-			},
-			"dependencies": {
-				"orderedmap": {
-					"version": "1.1.1",
-					"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-					"integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-				},
-				"prosemirror-model": {
-					"version": "1.8.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.8.2.tgz",
-					"integrity": "sha512-piffokzW7opZVCjf/9YaoXvTC0g7zMRWKJib1hpphPfC+4x6ZXe5CiExgycoWZJe59VxxP7uHX8aFiwg2i9mUQ==",
-					"requires": {
-						"orderedmap": "^1.1.0"
-					}
-				},
-				"prosemirror-state": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.2.tgz",
-					"integrity": "sha512-t/JqE3aR0SV9QrzFVkAXsQwsgrQBNs/BDbcFH20RssW0xauqNNdjTXxy/J/kM7F+0zYi6+BRmz7cMMQQFU3mwQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				}
-			}
-		},
-		"tiptap-extensions": {
-			"version": "1.28.6",
-			"resolved": "https://registry.npmjs.org/tiptap-extensions/-/tiptap-extensions-1.28.6.tgz",
-			"integrity": "sha512-hkYKJHxkqmeIRyuOaVvsrC/IcoXZmBw/Gx4JJHPiCAKvLQyjgYZpNjbVH9nIgdlxLvVjFDVBoPWGHy00qGp8qQ==",
-			"requires": {
-				"lowlight": "1.13.0",
-				"prosemirror-collab": "1.2.2",
-				"prosemirror-history": "1.1.2",
-				"prosemirror-model": "1.8.2",
-				"prosemirror-state": "1.3.2",
-				"prosemirror-tables": "1.0.0",
-				"prosemirror-transform": "1.2.2",
-				"prosemirror-utils": "0.9.6",
-				"prosemirror-view": "1.13.4",
-				"tiptap": "^1.26.6",
-				"tiptap-commands": "^1.12.5"
-			},
-			"dependencies": {
-				"orderedmap": {
-					"version": "1.1.1",
-					"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-					"integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-				},
-				"prosemirror-commands": {
-					"version": "1.1.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.1.2.tgz",
-					"integrity": "sha512-JBa06kjgX67d9JVUVJbCkxwvSGtQnWAN/85nq9csOMS5Z9WZLEvVDtVvZranNlu8l/XNVBWrZxOOK+pB03eTfA==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-state": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				},
-				"prosemirror-dropcursor": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.3.2.tgz",
-					"integrity": "sha512-4c94OUGyobGnwcQI70OXyMhE/9T4aTgjU+CHxkd5c7D+jH/J0mKM/lk+jneFVKt7+E4/M0D9HzRPifu8U28Thw==",
-					"requires": {
-						"prosemirror-state": "^1.0.0",
-						"prosemirror-transform": "^1.1.0",
-						"prosemirror-view": "^1.1.0"
-					}
-				},
-				"prosemirror-gapcursor": {
-					"version": "1.1.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.1.2.tgz",
-					"integrity": "sha512-Z+eqk6RysZVxidGWN5aWoSTbn5bTHf1XZ+nQJVwUSdwdBVkfQMFdTHgfrXA8W5MhHHdNg/EEEYG3z3Zi/vE2QQ==",
-					"requires": {
-						"prosemirror-keymap": "^1.0.0",
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-state": "^1.0.0",
-						"prosemirror-view": "^1.0.0"
-					}
-				},
-				"prosemirror-inputrules": {
-					"version": "1.1.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.1.2.tgz",
-					"integrity": "sha512-Ja5Z3BWestlHYGvtSGqyvxMeB8QEuBjlHM8YnKtLGUXMDp965qdDV4goV8lJb17kIWHk7e7JNj6Catuoa3302g==",
-					"requires": {
-						"prosemirror-state": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				},
-				"prosemirror-keymap": {
-					"version": "1.1.3",
-					"resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.3.tgz",
-					"integrity": "sha512-PRA4NzkUMzV/NFf5pyQ6tmlIHiW/qjQ1kGWUlV2rF/dvlOxtpGpTEjIMhWgLuMf+HiDEFnUEP7uhYXu+t+491g==",
-					"requires": {
-						"prosemirror-state": "^1.0.0",
-						"w3c-keyname": "^2.2.0"
-					}
-				},
-				"prosemirror-model": {
-					"version": "1.8.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.8.2.tgz",
-					"integrity": "sha512-piffokzW7opZVCjf/9YaoXvTC0g7zMRWKJib1hpphPfC+4x6ZXe5CiExgycoWZJe59VxxP7uHX8aFiwg2i9mUQ==",
-					"requires": {
-						"orderedmap": "^1.1.0"
-					}
-				},
-				"prosemirror-schema-list": {
-					"version": "1.1.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.2.tgz",
-					"integrity": "sha512-dgM9PwtM4twa5WsgSYMB+J8bwjnR43DAD3L9MsR9rKm/nZR5Y85xcjB7gusVMSsbQ2NomMZF03RE6No6mTnclQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				},
-				"prosemirror-state": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.2.tgz",
-					"integrity": "sha512-t/JqE3aR0SV9QrzFVkAXsQwsgrQBNs/BDbcFH20RssW0xauqNNdjTXxy/J/kM7F+0zYi6+BRmz7cMMQQFU3mwQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				},
-				"prosemirror-tables": {
-					"version": "1.0.0",
-					"resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.0.0.tgz",
-					"integrity": "sha512-zFw5Us4G5Vdq0yIj8GiqZOGA6ud5UKpMKElux9O0HrfmhkuGa1jf1PCpz2R5pmIQJv+tIM24H1mox/ODBAX37Q==",
-					"requires": {
-						"prosemirror-keymap": "^1.1.2",
-						"prosemirror-model": "^1.8.1",
-						"prosemirror-state": "^1.3.1",
-						"prosemirror-transform": "^1.2.1",
-						"prosemirror-view": "^1.13.3"
-					}
-				},
-				"prosemirror-transform": {
-					"version": "1.2.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.2.2.tgz",
-					"integrity": "sha512-expO11jAsxaHk2RdZtzPsumc1bAAZi4UiXwTLQbftsdnIUWZE5Snyag595p1lx/B8QHUZ6tYWWOaOkzXKoJmYw==",
-					"requires": {
-						"prosemirror-model": "^1.0.0"
-					}
-				},
-				"prosemirror-view": {
-					"version": "1.13.4",
-					"resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.13.4.tgz",
-					"integrity": "sha512-mtgWEK16uYQFk3kijRlkSpAmDuy7rxYuv0pgyEBDmLT1PCPY8380CoaYnP8znUT6BXIGlJ8oTveK3M50U+B0vw==",
-					"requires": {
-						"prosemirror-model": "^1.1.0",
-						"prosemirror-state": "^1.0.0",
-						"prosemirror-transform": "^1.1.0"
-					}
-				},
-				"tiptap": {
-					"version": "1.26.6",
-					"resolved": "https://registry.npmjs.org/tiptap/-/tiptap-1.26.6.tgz",
-					"integrity": "sha512-U5qyYZi5IH7LhYwYrStRBp5MxF5MiGFLt9ogOAF/0N/LIg0XwVwe/AaSx0UH/s4dY7R8OvEa9u4qimO08Wp1LA==",
-					"requires": {
-						"prosemirror-commands": "1.1.2",
-						"prosemirror-dropcursor": "1.3.2",
-						"prosemirror-gapcursor": "1.1.2",
-						"prosemirror-inputrules": "1.1.2",
-						"prosemirror-keymap": "1.1.3",
-						"prosemirror-model": "1.8.2",
-						"prosemirror-state": "1.3.2",
-						"prosemirror-view": "1.13.4",
-						"tiptap-commands": "^1.12.5",
-						"tiptap-utils": "^1.8.3"
-					}
-				},
-				"tiptap-commands": {
-					"version": "1.12.5",
-					"resolved": "https://registry.npmjs.org/tiptap-commands/-/tiptap-commands-1.12.5.tgz",
-					"integrity": "sha512-wzQCH3CL1VWy6E47Hy+9kt882w7SND+FD9e9xAAsYhG/QI0cmuvAf/8doZZhUmYwkraYeF7/2bU04IXr36t44Q==",
-					"requires": {
-						"prosemirror-commands": "1.1.2",
-						"prosemirror-inputrules": "1.1.2",
-						"prosemirror-model": "1.8.2",
-						"prosemirror-schema-list": "1.1.2",
-						"prosemirror-state": "1.3.2",
-						"prosemirror-tables": "1.0.0",
-						"prosemirror-utils": "0.9.6",
-						"tiptap-utils": "^1.8.3"
-					}
-				},
-				"tiptap-utils": {
-					"version": "1.8.3",
-					"resolved": "https://registry.npmjs.org/tiptap-utils/-/tiptap-utils-1.8.3.tgz",
-					"integrity": "sha512-SgqDTCA5ux17KKTpEV2YC54ugBWU2jzpiFlCmVckPjYl5BhmOwuJ1Q5H/8v/XGcnHDqP31Ui4lk31Vts4NmtTA==",
-					"requires": {
-						"prosemirror-model": "1.8.2",
-						"prosemirror-state": "1.3.2",
-						"prosemirror-tables": "1.0.0",
-						"prosemirror-utils": "0.9.6"
-					}
-				},
-				"w3c-keyname": {
-					"version": "2.2.2",
-					"resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.2.tgz",
-					"integrity": "sha512-8Vs/aVwcy0IJACaPm4tyzh1fzehZE70bGSjEl3dDms5UXtWnaBElrSHC8lDDeak0Gk5jxKOFstL64/65o7Ge2A=="
-				}
-			}
-		},
-		"tiptap-utils": {
-			"version": "1.8.3",
-			"resolved": "https://registry.npmjs.org/tiptap-utils/-/tiptap-utils-1.8.3.tgz",
-			"integrity": "sha512-SgqDTCA5ux17KKTpEV2YC54ugBWU2jzpiFlCmVckPjYl5BhmOwuJ1Q5H/8v/XGcnHDqP31Ui4lk31Vts4NmtTA==",
-			"requires": {
-				"prosemirror-model": "1.8.2",
-				"prosemirror-state": "1.3.2",
-				"prosemirror-tables": "1.0.0",
-				"prosemirror-utils": "0.9.6"
-			},
-			"dependencies": {
-				"orderedmap": {
-					"version": "1.1.1",
-					"resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.1.tgz",
-					"integrity": "sha512-3Ux8um0zXbVacKUkcytc0u3HgC0b0bBLT+I60r2J/En72cI0nZffqrA7Xtf2Hqs27j1g82llR5Mhbd0Z1XW4AQ=="
-				},
-				"prosemirror-model": {
-					"version": "1.8.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.8.2.tgz",
-					"integrity": "sha512-piffokzW7opZVCjf/9YaoXvTC0g7zMRWKJib1hpphPfC+4x6ZXe5CiExgycoWZJe59VxxP7uHX8aFiwg2i9mUQ==",
-					"requires": {
-						"orderedmap": "^1.1.0"
-					}
-				},
-				"prosemirror-state": {
-					"version": "1.3.2",
-					"resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.2.tgz",
-					"integrity": "sha512-t/JqE3aR0SV9QrzFVkAXsQwsgrQBNs/BDbcFH20RssW0xauqNNdjTXxy/J/kM7F+0zYi6+BRmz7cMMQQFU3mwQ==",
-					"requires": {
-						"prosemirror-model": "^1.0.0",
-						"prosemirror-transform": "^1.0.0"
-					}
-				}
-			}
-		},
 		"tmp": {
 			"version": "0.0.33",
 			"resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
@@ -18978,6 +18380,11 @@
 			"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.11.tgz",
 			"integrity": "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
 		},
+		"vue-at": {
+			"version": "2.5.0-beta.2",
+			"resolved": "https://registry.npmjs.org/vue-at/-/vue-at-2.5.0-beta.2.tgz",
+			"integrity": "sha512-WXjngEaNyNWFU9unUUdK5kGolCHgG3jmlUIgeRnKlHpskbgGjIE/HGTOWnMfLEqjYJl9DTzt/SKPWDoFVaND/A=="
+		},
 		"vue-click-outside": {
 			"version": "1.0.7",
 			"resolved": "https://registry.npmjs.org/vue-click-outside/-/vue-click-outside-1.0.7.tgz",
@@ -19126,11 +18533,6 @@
 				"browser-process-hrtime": "^0.1.2"
 			}
 		},
-		"w3c-keyname": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.2.tgz",
-			"integrity": "sha512-8Vs/aVwcy0IJACaPm4tyzh1fzehZE70bGSjEl3dDms5UXtWnaBElrSHC8lDDeak0Gk5jxKOFstL64/65o7Ge2A=="
-		},
 		"w3c-xmlserializer": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz",
@@ -19783,24 +19185,6 @@
 				"lodash": "^4.17.15"
 			}
 		},
-		"webpack-sources": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.3.0.tgz",
-			"integrity": "sha512-OiVgSrbGu7NEnEvQJJgdSFPl2qWKkWq5lHMhgiToIiN9w34EBnjYzSYs+VbL5KoYiLNtFFa7BZIKxRED3I32pA==",
-			"dev": true,
-			"requires": {
-				"source-list-map": "^2.0.0",
-				"source-map": "~0.6.1"
-			},
-			"dependencies": {
-				"source-map": {
-					"version": "0.6.1",
-					"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-					"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-					"dev": true
-				}
-			}
-		},
 		"whatwg-encoding": {
 			"version": "1.0.5",
 			"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",

package.json

@@ -17,9 +17,9 @@
 	"license": "agpl",
 	"private": true,
 	"scripts": {
-		"dev": "webpack --config webpack.dev.js",
+		"dev": "NODE_ENV=development webpack --config webpack.dev.js",
-		"watch": "webpack --progress --watch --config webpack.dev.js",
+		"watch": "NODE_ENV=development webpack --progress --watch --config webpack.dev.js",
-		"build": "webpack --progress --hide-modules --config webpack.prod.js",
+		"build": "NODE_ENV=production webpack --progress --hide-modules --config webpack.prod.js",
 		"lint": "eslint --ext .js,.vue src",
 		"lint:fix": "eslint --ext .js,.vue src --fix",
 		"test": "jest",
@@ -28,21 +28,17 @@
 	"dependencies": {
 		"@babel/polyfill": "^7.8.3",
 		"@babel/runtime": "^7.8.3",
+		"@juliushaertl/vue-richtext": "^0.2.0",
 		"@nextcloud/auth": "^1.2.1",
 		"@nextcloud/axios": "^1.3.1",
 		"@nextcloud/l10n": "^1.0.1",
 		"@nextcloud/router": "^1.0.0",
 		"@nextcloud/vue": "^1.3.0",
-		"fuse.js": "^3.4.6",
-		"nextcloud-server": "^0.15.10",
 		"nextcloud-vue-collections": "^0.7.1",
-		"tippy.js": "^4.3.5",
-		"tiptap": "^1.26.6",
-		"tiptap-extensions": "^1.28.6",
 		"url-search-params-polyfill": "^7.0.1",
 		"vue": "^2.6.11",
+		"vue-at": "^2.5.0-beta.2",
 		"vue-click-outside": "^1.0.7",
-		"vue-color": "^2.7.0",
 		"vue-easymde": "^1.0.1",
 		"vue-infinite-loading": "^2.4.4",
 		"vue-router": "^3.1.5",
@@ -80,13 +76,12 @@
 		"file-loader": "^5.0.2",
 		"jest": "^25.1.0",
 		"jest-serializer-vue": "^2.0.2",
-		"mini-css-extract-plugin": "^0.9.0",
 		"node-sass": "^4.13.1",
 		"raw-loader": "^4.0.0",
 		"sass-loader": "^8.0.2",
 		"stylelint": "^8.4.0",
 		"stylelint-config-recommended-scss": "^3.3.0",
-		"stylelint-scss": "^3.14.0",
+		"stylelint-scss": "^3.14.2",
 		"stylelint-webpack-plugin": "^0.10.5",
 		"url-loader": "^3.0.0",
 		"vue-jest": "^3.0.5",

src/components/ActivityEntry.vue

@@ -22,35 +22,95 @@
 
 <template>
 	<div v-if="activity" class="activity">
+		<div class="activity--header">
 			<img :src="activity.icon" class="activity--icon">
-		<div class="activity--message" v-html="parseMessage(activity)" />
+			<RichText class="activity--subject" :text="message.subject" :arguments="message.parameters" />
 			<div class="activity--timestamp">
 				{{ getTime(activity.datetime) }}
 			</div>
 		</div>
+		<p v-if="activity.message" class="activity--message">
+			{{ activity.message }}
+		</p>
+	</div>
 </template>
 
 <script>
+import RichText from '@juliushaertl/vue-richtext'
+import { UserBubble } from '@nextcloud/vue'
+
+const InternalLink = {
+	name: 'InternalLink',
+	functional: true,
+	props: {
+		href: {
+			type: String,
+			default: '',
+		},
+		name: {
+			type: String,
+			default: '',
+		},
+	},
+	render(createElement, context) {
+		return createElement('a', { attrs: { href: context.props.href }, style: { 'font-weight': 600 } }, context.props.name)
+	},
+}
 export default {
 	name: 'ActivityEntry',
+	components: {
+		RichText,
+	},
 	props: {
 		activity: {
 			type: Object,
 			default: null,
 		},
 	},
-	methods: {
+	computed: {
-		getTime(timestamp) {
+		message() {
-			return OC.Util.relativeModifiedDate(timestamp)
+			const subject = this.activity.subject_rich[0]
-		},
+			const parameters = JSON.parse(JSON.stringify(this.activity.subject_rich[1]))
-		parseMessage(activity) {
-			const subject = activity.subject_rich[0]
-			const parameters = JSON.parse(JSON.stringify(activity.subject_rich[1]))
 			if (parameters.after && typeof parameters.after.id === 'string' && parameters.after.id.startsWith('dt:')) {
 				const dateTime = parameters.after.id.substr(3)
 				parameters.after.name = window.moment(dateTime).format('L LTS')
 			}
-			return OCA.Activity.RichObjectStringParser.parseMessage(subject, parameters)
+
+			Object.keys(parameters).map(function(key, index) {
+				const { type } = parameters[key]
+				switch (type) {
+				case 'highlight':
+					parameters[key] = {
+						component: InternalLink,
+						props: {
+							href: parameters[key].link,
+							name: parameters[key].name,
+						},
+					}
+					break
+				case 'user':
+					parameters[key] = {
+						component: UserBubble,
+						props: {
+							user: parameters[key].id,
+							displayName: parameters[key].name,
+						},
+					}
+					break
+				default:
+					parameters[key] = `{${key}}`
+				}
+
+			})
+
+			return {
+				subject, parameters,
+			}
+		},
+	},
+	methods: {
+		getTime(timestamp) {
+			return OC.Util.relativeModifiedDate(timestamp)
 		},
 	},
 }
@@ -58,8 +118,11 @@ export default {
 
 <style scoped lang="scss">
 	.activity {
+
+		.activity--header {
 			display: flex;
 			padding: 10px;
+		}
 
 		.activity--icon {
 			width: 16px;
@@ -67,14 +130,19 @@ export default {
 			flex-shrink: 0;
 			flex-grow: 0;
 		}
-		.activity--message {
+		.activity--subject {
 			margin-left: 10px;
 		}
+		.activity--message {
+			margin-left: 44px;
+			color: var(--color-text-light);
+			margin-bottom: 10px;
+		}
 		.activity--timestamp {
+			flex-grow: 1;
 			color: var(--color-text-maxcontrast);
 			text-align: right;
 			font-size: 0.8em;
-			width: 25%;
 			padding: 1px;
 		}
 	}

src/components/board/BoardSidebar.vue

@@ -62,8 +62,7 @@ import SharingTabSidebar from './SharingTabSidebar'
 import TagsTabSidebar from './TagsTabSidebar'
 import DeletedTabSidebar from './DeletedTabSidebar'
 import TimelineTabSidebar from './TimelineTabSidebar'
-import { AppSidebar } from '@nextcloud/vue/dist/Components/AppSidebar'
+import { AppSidebar, AppSidebarTab } from '@nextcloud/vue'
-import { AppSidebarTab } from '@nextcloud/vue/dist/Components/AppSidebarTab'
 
 export default {
 	name: 'BoardSidebar',

src/components/board/SharingTabSidebar.vue

@@ -58,11 +58,7 @@
 </template>
 
 <script>
-import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
+import { Avatar, Multiselect, Actions, ActionButton, ActionCheckbox } from '@nextcloud/vue'
-import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
-import { Actions } from '@nextcloud/vue/dist/Components/Actions'
-import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
-import { ActionCheckbox } from '@nextcloud/vue/dist/Components/ActionCheckbox'
 import { CollectionList } from 'nextcloud-vue-collections'
 import { mapGetters } from 'vuex'
 import { getCurrentUser } from '@nextcloud/auth'

src/components/board/Stack.vue

@@ -82,8 +82,7 @@
 
 import { mapGetters } from 'vuex'
 import { Container, Draggable } from 'vue-smooth-dnd'
-import { Actions } from '@nextcloud/vue/dist/Components/Actions'
+import { Actions, ActionButton } from '@nextcloud/vue'
-import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
 import CardItem from '../cards/CardItem'
 
 export default {

src/components/board/TagsTabSidebar.vue

@@ -66,7 +66,7 @@
 
 import { mapGetters } from 'vuex'
 import Color from '../../mixins/color'
-import { ColorPicker } from '@nextcloud/vue/dist/Components/ColorPicker'
+import { ColorPicker } from '@nextcloud/vue'
 
 export default {
 	name: 'TagsTabSidebar',

src/components/boards/BoardItem.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script>
-import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
+import { Avatar } from '@nextcloud/vue'
 
 export default {
 	name: 'BoardItem',

src/components/card/CardSidebar.vue

@@ -144,18 +144,11 @@
 </template>
 
 <script>
-import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
+import { Avatar, Actions, ActionButton, Multiselect, AppSidebar, AppSidebarTab, DatetimePicker } from '@nextcloud/vue'
-import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
-import { AppSidebar } from '@nextcloud/vue/dist/Components/AppSidebar'
-import { AppSidebarTab } from '@nextcloud/vue/dist/Components/AppSidebarTab'
-import { DatetimePicker } from '@nextcloud/vue/dist/Components/DatetimePicker'
 import { mapState, mapGetters } from 'vuex'
 import VueEasymde from 'vue-easymde/dist/VueEasyMDE.common'
-import { Actions } from '@nextcloud/vue/dist/Components/Actions'
-import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
 import Color from '../../mixins/color'
 import { CollectionList } from 'nextcloud-vue-collections'
-
 import CardSidebarTabAttachments from './CardSidebarTabAttachments'
 import CardSidebarTabComments from './CardSidebarTabComments'
 import CardSidebarTabActivity from './CardSidebarTabActivity'

src/components/card/CardSidebarTabComments.vue

@@ -7,43 +7,18 @@
 			</span>
 		</div>
 
-		<div class="comment-form">
+		<CommentForm v-model="newComment" @submit="createComment" />
-			<form @submit.prevent="createComment()">
-				<EditorContent :editor="editor"
-					:placeholder="t('deck', 'New comment') + ' ...'"
-					class="editor__content"
-					required />
-				<input v-tooltip="t('deck', 'Save')"
-					class="icon-confirm"
-					type="submit"
-					value="">
-			</form>
-		</div>
 
-		<div v-show="showSuggestions" ref="suggestions" class="suggestion-list">
+		<ul v-if="getCommentsForCard(card.id).length > 0" id="commentsFeed">
-			<template v-if="hasResults">
+			<CommentItem v-for="comment in getCommentsForCard(card.id)"
-				<div
-					v-for="(user, index) in filteredUsers"
-					:key="user.uid"
-					:class="{ 'is-selected': navigatedUserIndex === index }"
-					class="suggestion-list__item"
-					@click="selectUser(user)">
-					{{ user.displayname }}
-				</div>
-			</template>
-			<div v-else class="suggestion-list__item is-empty">
-				{{ t('deck', 'No users found') }}
-			</div>
-		</div>
-
-		<ul v-if="comments[card.id] && comments[card.id].length > 0" id="commentsFeed">
-			<CommentItem v-for="comment in comments[card.id]"
 				:key="comment.id"
 				:comment="comment"
 				@doReload="loadComments" />
-			<a @click="loadMore">
+			<InfiniteLoading :identifier="card.id" @infinite="infiniteHandler">
-				{{ t('deck', 'Load More') }}
+				<div slot="spinner" class="icon-loading" />
-			</a>
+				<div slot="no-more" />
+				<div slot="no-results" />
+			</InfiniteLoading>
 		</ul>
 		<div v-else-if="isLoading" class="icon icon-loading" />
 		<div v-else class="emptycontent">
@@ -54,21 +29,19 @@
 </template>
 
 <script>
-import Fuse from 'fuse.js'
+import { mapState, mapGetters } from 'vuex'
-import tippy from 'tippy.js'
-import { Editor, EditorContent } from 'tiptap'
-import { Mention } from 'tiptap-extensions'
-
-import { mapState } from 'vuex'
 import { Avatar } from '@nextcloud/vue'
 import CommentItem from './CommentItem'
+import CommentForm from './CommentForm'
+import InfiniteLoading from 'vue-infinite-loading'
 
 export default {
 	name: 'CardSidebarTabComments',
 	components: {
 		Avatar,
 		CommentItem,
-		EditorContent,
+		CommentForm,
+		InfiniteLoading,
 	},
 	props: {
 		card: {
@@ -80,110 +53,19 @@ export default {
 		return {
 			newComment: '',
 			isLoading: false,
-			limit: 20,
-			offset: 0,
-
-			editor: new Editor({
-				extensions: [
-					new Mention({
-						// a list of all suggested items
-						items: () => {
-							return this.currentBoard.users
-						},
-						// is called when a suggestion starts
-						onEnter: ({
-							items, query, range, command, virtualNode,
-						}) => {
-							this.query = query
-							this.filteredUsers = items
-							this.suggestionRange = range
-							this.renderPopup(virtualNode)
-							// we save the command for inserting a selected mention
-							// this allows us to call it inside of our custom popup
-							// via keyboard navigation and on click
-							this.insertMention = command
-						},
-						// is called when a suggestion has changed
-						onChange: ({
-							items, query, range, virtualNode,
-						}) => {
-							this.query = query
-							this.filteredUsers = items
-							this.suggestionRange = range
-							this.navigatedUserIndex = 0
-							this.renderPopup(virtualNode)
-						},
-						// is called when a suggestion is cancelled
-						onExit: () => {
-							// reset all saved values
-							this.query = null
-							this.filteredUsers = []
-							this.suggestionRange = null
-							this.navigatedUserIndex = 0
-							this.destroyPopup()
-						},
-						// is called on every keyDown event while a suggestion is active
-						onKeyDown: ({ event }) => {
-							// pressing up arrow
-							if (event.keyCode === 38) {
-								this.upHandler()
-								return true
-							}
-							// pressing down arrow
-							if (event.keyCode === 40) {
-								this.downHandler()
-								return true
-							}
-							// pressing enter
-							if (event.keyCode === 13) {
-								this.enterHandler()
-								return true
-							}
-							return false
-						},
-						// is called when a suggestion has changed
-						// this function is optional because there is basic filtering built-in
-						// you can overwrite it if you prefer your own filtering
-						// in this example we use fuse.js with support for fuzzy search
-						onFilter: (items, query) => {
-							if (!query) {
-								return items
-							}
-							const fuse = new Fuse(items, {
-								threshold: 0.2,
-								keys: ['uid', 'displayname'],
-							})
-							return fuse.search(query)
-						},
-					}),
-				],
-				content: '',
-				onUpdate: ({ getHTML }) => {
-					this.newComment = getHTML().replace(/(<p>|<\/p>)/g, '')
-				},
-			}),
-			query: null,
-			suggestionRange: null,
-			filteredUsers: [],
-			navigatedUserIndex: 0,
-			insertMention: () => {},
-			observer: null,
-
 		}
 	},
 	computed: {
 		...mapState({
-			comments: state => state.comment.comments,
 			currentBoard: state => state.currentBoard,
 		}),
-
+		...mapGetters([
-		hasResults() {
+			'getCommentsForCard',
-			return this.filteredUsers.length
+			'hasMoreComments',
+		]),
+		members() {
+			return this.currentBoard.users
 		},
-		showSuggestions() {
-			return this.query || this.hasResults
-		},
-
 	},
 	watch: {
 		'card': {
@@ -193,96 +75,36 @@ export default {
 			},
 		},
 	},
-	created() {
-	},
-
 	methods: {
-		loadComments() {
+		async infiniteHandler($state) {
-			this.isLoading = true
+			await this.loadMore()
-			this.card.limit = this.limit
+			if (this.hasMoreComments(this.card.id)) {
-			this.card.offset = this.offset
+				$state.loaded()
-			this.$store.dispatch('listComments', this.card).then(response => {
+			} else {
-				this.isLoading = false
+				$state.complete()
-			})
+			}
 		},
-		createComment() {
+		async loadComments() {
+			this.isLoading = true
+			await this.$store.dispatch('fetchComments', { cardId: this.card.id })
+			this.isLoading = false
+			if (this.card.commentsUnread > 0) {
+				await this.$store.dispatch('markCommentsAsRead', this.card.id)
+			}
+		},
+		async createComment(content) {
 			const commentObj = {
 				cardId: this.card.id,
-				comment: this.newComment,
+				comment: content,
 			}
-			this.$store.dispatch('createComment', commentObj)
+			await this.$store.dispatch('createComment', commentObj)
-			this.loadComments()
 			this.newComment = ''
-			this.editor.setContent('')
+			await this.loadComments()
 		},
-		loadMore() {
+		async loadMore() {
-			this.offset = this.offset + this.limit
+			this.isLoading = true
-			this.loadComments()
+			await this.$store.dispatch('fetchMore', { cardId: this.card.id })
-		},
+			this.isLoading = false
-
-		// navigate to the previous item
-		// if it's the first item, navigate to the last one
-		upHandler() {
-			this.navigatedUserIndex = ((this.navigatedUserIndex + this.filteredUsers.length) - 1) % this.filteredUsers.length
-		},
-		// navigate to the next item
-		// if it's the last item, navigate to the first one
-		downHandler() {
-			this.navigatedUserIndex = (this.navigatedUserIndex + 1) % this.filteredUsers.length
-		},
-		enterHandler() {
-			const user = this.filteredUsers[this.navigatedUserIndex]
-			if (user) {
-				this.selectUser(user)
-			}
-		},
-		// we have to replace our suggestion text with a mention
-		// so it's important to pass also the position of your suggestion text
-		selectUser(user) {
-			this.insertMention({
-				range: this.suggestionRange,
-				attrs: {
-					id: user.uid,
-					label: user.displayname,
-				},
-			})
-			this.editor.focus()
-		},
-		// renders a popup with suggestions
-		// tiptap provides a virtualNode object for using popper.js (or tippy.js) for popups
-		renderPopup(node) {
-			if (this.popup) {
-				return
-			}
-			this.popup = tippy(node, {
-				content: this.$refs.suggestions,
-				trigger: 'mouseenter',
-				interactive: true,
-				placement: 'bottom-start',
-				inertia: true,
-				duration: [400, 200],
-				showOnInit: true,
-			})
-			// we have to update tippy whenever the DOM is updated
-			if (MutationObserver) {
-				this.observer = new MutationObserver(() => {
-					this.popup.popperInstance.scheduleUpdate()
-				})
-				this.observer.observe(this.$refs.suggestions, {
-					childList: true,
-					subtree: true,
-					characterData: true,
-				})
-			}
-		},
-		destroyPopup() {
-			if (this.popup) {
-				this.popup.destroy()
-				this.popup = null
-			}
-			if (this.observer) {
-				this.observer.disconnect()
-			}
 		},
 	},
 }

src/components/card/CommentForm.vue

@@ -0,0 +1,193 @@
+<!--
+  - @copyright Copyright (c) 2020 Julius Härtl <jus@bitgrid.net>
+  -
+  - @author Julius Härtl <jus@bitgrid.net>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program. If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<div class="comment-form">
+		<form @submit.prevent="submit">
+			<At ref="at"
+				v-model="commentText"
+				:members="members"
+				name-key="primaryKey"
+				:tab-select="true">
+				<template v-slot:item="s">
+					<Avatar class="atwho-li--avatar" :user="s.item.uid" :size="24" />
+					<span class="atwho-li--name" v-text="s.item.displayname" />
+				</template>
+				<template v-slot:embeddedItem="scope">
+					<span>
+						<UserBubble v-if="scope.current.primaryKey"
+							:data-mention-id="scope.current.primaryKey"
+							:user="scope.current.primaryKey"
+							:display-name="scope.current.displayname" />
+					</span>
+				</template>
+				<div ref="contentEditable"
+					contenteditable
+					@keydown.enter="handleKeydown"
+					@paste="onPaste"
+					@blur="error = null"
+					@input="validate" />
+			</At>
+			<input v-tooltip="t('deck', 'Save')"
+				class="icon-confirm"
+				type="submit"
+				value=""
+				:disabled="commentText.length === null || error">
+			<slot />
+		</form>
+		<p v-if="error">
+			{{ error }}
+		</p>
+	</div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import { UserBubble, Avatar } from '@nextcloud/vue'
+import At from 'vue-at'
+import { rawToParsed } from '../../helpers/mentions'
+
+export default {
+	name: 'CommentForm',
+	components: {
+		At,
+		Avatar,
+		UserBubble,
+	},
+	props: {
+		value: {
+			type: String,
+			default: '',
+		},
+	},
+	data() {
+		return {
+			commentText: this.value,
+			error: null,
+		}
+	},
+	computed: {
+		...mapState({
+			currentBoard: state => state.currentBoard,
+		}),
+		members() {
+			return this.currentBoard.users
+		},
+	},
+	watch: {
+		value(val) {
+			this.commentText = val
+		},
+	},
+	methods: {
+		validate() {
+			this.error = null
+			const content = this.contentEditableToParsed()
+			if (content.length === 0) {
+				this.error = t('deck', 'The comment cannot be empty.')
+			}
+			if (content.length > 1000) {
+				this.error = t('deck', 'The comment cannot be longer than 1000 characters.')
+			}
+			return this.error === null ? content : null
+		},
+		submit() {
+			const content = this.validate()
+			if (content) {
+				this.$emit('input', content)
+				this.$emit('submit', content)
+			}
+		},
+		/**
+		 * All credits for this go to the talk app
+		 * https://github.com/nextcloud/spreed/blob/e69740b372e17eec4541337b47baa262a5766510/src/components/NewMessageForm/NewMessageForm.vue#L100-L143
+		 */
+		contentEditableToParsed() {
+			if (!this.$refs.contentEditable) {
+				return
+			}
+			const node = this.$refs.contentEditable.cloneNode(true)
+			const mentions = node.querySelectorAll('span[data-at-embedded]')
+			mentions.forEach(mention => {
+				// FIXME Adding a space after the mention should be improved to
+				// do it or not based on the next element instead of always
+				// adding it.
+				// FIXME user names can contain spaces, in that case they need to be wrapped @"user name" [a-zA-Z0-9\ _\.@\-']+
+				const mentionValue = mention.firstElementChild.attributes['data-mention-id'].value
+				mention.replaceWith(' @' + mentionValue + ' ')
+			})
+
+			return rawToParsed(node.innerHTML)
+		},
+
+		/**
+		 * Emits the submit event when enter is pressed (look
+		 * at the v-on in the template) unless shift is pressed:
+		 * in this case a new line will be created.
+		 *
+		 * @param {object} event the event object;
+		 */
+		handleKeydown(event) {
+			// Prevent submit event when vue-at panel is open, as that should
+			// just select the mention from the panel.
+			if (this.atwho) {
+				return
+			}
+
+			// TODO: add support for CTRL+ENTER new line
+			if (!(event.shiftKey)) {
+				event.preventDefault()
+				this.submit()
+			}
+		},
+
+		onPaste(e) {
+			e.preventDefault()
+			const text = e.clipboardData.getData('text/plain')
+			document.execCommand('insertText', false, text)
+		},
+	},
+}
+</script>
+
+<style scoped lang="scss">
+	@import "../../css/comments";
+
+	.atwho-wrap {
+		width: 100%;
+		& > div[contenteditable] {
+			width: 100%;
+
+			&::v-deep > span > div {
+				vertical-align: middle;
+			}
+		}
+	}
+
+	.comment-form::v-deep .atwho-li {
+		height: 32px;
+	}
+
+	.atwho-li--avatar {
+		margin-right: 10px;
+	}
+</style>

src/components/card/CommentItem.vue

@@ -1,12 +1,12 @@
 <template>
 	<li class="comment">
-		<template v-if="!edit">
+		<template>
 			<div class="comment--header">
 				<Avatar :user="comment.actorId" />
 				<span class="has-tooltip username">
 					{{ comment.actorDisplayName }}
 				</span>
-				<Actions @click.stop.prevent>
+				<Actions v-show="canEdit && !edit">
 					<ActionButton icon="icon-rename" @click="showUpdateForm()">
 						{{ t('deck', 'Update') }}
 					</ActionButton>
@@ -14,29 +14,39 @@
 						{{ t('deck', 'Delete') }}
 					</ActionButton>
 				</Actions>
+				<Actions v-if="edit">
+					<ActionButton icon="icon-close" @click="hideUpdateForm" />
+				</Actions>
 			</div>
-			<!-- FIXME: Check if input is sanitized -->
+			<RichText v-show="!edit"
-			<p class="comment--content" v-html="comment.message" /><p />
+				ref="richTextElement"
+				class="comment--content"
+				:text="richText"
+				:arguments="richArgs"
+				:autolink="true" />
+			<CommentForm v-if="edit" v-model="commentMsg" @submit="updateComment" />
 		</template>
-		<form v-else @submit.prevent="updateComment">
-			<input v-model="commentMsg"
-				type="text"
-				autofocus
-				required>
-			<input v-tooltip="t('deck', 'Save')"
-				class="icon-confirm"
-				type="submit"
-				value="">
-			<input type="submit"
-				value=""
-				class="icon-close"
-				@click.stop.prevent="hideUpdateForm">
-		</form>
 	</li>
 </template>
 
 <script>
-import { Avatar, Actions, ActionButton } from '@nextcloud/vue'
+import { Avatar, Actions, ActionButton, UserBubble } from '@nextcloud/vue'
+import RichText from '@juliushaertl/vue-richtext'
+import CommentForm from './CommentForm'
+import { getCurrentUser } from '@nextcloud/auth'
+
+const AtMention = {
+	name: 'AtMention',
+	functional: true,
+	render(createElement, context) {
+		const { user, displayName } = context.props
+		return createElement(
+			'span',
+			{ attrs: { 'data-at-embedded': true, 'contenteditable': false } },
+			[createElement(UserBubble, { props: { user, displayName }, attrs: { 'data-mention-id': user } })]
+		)
+	},
+}
 
 export default {
 	name: 'CommentItem',
@@ -44,6 +54,8 @@ export default {
 		Avatar,
 		Actions,
 		ActionButton,
+		CommentForm,
+		RichText,
 	},
 	props: {
 		comment: {
@@ -58,23 +70,57 @@ export default {
 		}
 	},
 
+	computed: {
+		canEdit() {
+			return this.comment.actorId === getCurrentUser().uid
+		},
+		richText() {
+			let message = this.parsedMessage
+			this.comment.mentions.forEach((mention, index) => {
+				// FIXME: currently only [a-z\-_0-9] are allowed inside of placeholders
+				message = message.split('@' + mention.mentionId + '').join(`{user-${mention.mentionId}}`)
+			})
+			return message
+		},
+		richArgs() {
+			const mentions = [...this.comment.mentions]
+			const result = mentions.reduce(function(result, item, index) {
+				const itemKey = 'user-' + item.mentionId
+				result[itemKey] = {
+					component: AtMention,
+					props: {
+						user: item.mentionId,
+						displayName: item.mentionDisplayName,
+					},
+				}
+				return result
+			}, {})
+			return result
+		},
+		parsedMessage() {
+			const div = document.createElement('div')
+			div.innerHTML = this.comment.message
+			return (div.textContent || div.innerText || '')
+		},
+	},
+
 	methods: {
 
 		showUpdateForm() {
-			this.commentMsg = this.comment.message
+			this.commentMsg = this.$refs.richTextElement.$el.innerHTML
 			this.edit = true
 		},
 		hideUpdateForm() {
 			this.commentMsg = ''
 			this.edit = false
 		},
-		updateComment() {
+		async updateComment() {
 			const data = {
 				comment: this.commentMsg,
 				cardId: this.comment.cardId,
 				commentId: this.comment.id,
 			}
-			this.$store.dispatch('updateComment', data)
+			await this.$store.dispatch('updateComment', data)
 			this.hideUpdateForm()
 		},
 		deleteComment(commentId) {
@@ -90,4 +136,8 @@ export default {
 
 <style scoped lang="scss">
 	@import "../../css/comments";
+
+	.comment--content::v-deep a {
+		text-decoration: underline;
+	}
 </style>

src/components/cards/AvatarList.vue

@@ -39,9 +39,8 @@
 </template>
 
 <script>
-import Avatar from '@nextcloud/vue/dist/Components/Avatar'
+import { Avatar, PopoverMenu, Tooltip } from '@nextcloud/vue'
-import PopoverMenu from '@nextcloud/vue/dist/Components/PopoverMenu'
+
-import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 export default {
 	name: 'AvatarList',
 	components: {

src/components/cards/CardBadges.vue

@@ -22,7 +22,9 @@
 
 <template>
 	<div class="badges">
-		<div v-if="card.description" class="card-comments icon icon-edit" />
+		<div v-if="card.description" class="icon icon-edit" />
+
+		<div v-if="card.commentsUnread > 0" class="icon icon-comment" />
 
 		<div v-if="card.duedate" :class="dueIcon">
 			<span>{{ dueTime }}</span>

src/components/cards/CardItem.vue

@@ -98,10 +98,7 @@
 </template>
 
 <script>
-import { Modal } from '@nextcloud/vue/dist/Components/Modal'
+import { Modal, Actions, ActionButton, Multiselect } from '@nextcloud/vue'
-import { Actions } from '@nextcloud/vue/dist/Components/Actions'
-import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
-import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
 import ClickOutside from 'vue-click-outside'
 import { mapState, mapGetters } from 'vuex'
 import axios from '@nextcloud/axios'

src/components/navigation/AppNavigation.vue

@@ -69,7 +69,7 @@
 import axios from '@nextcloud/axios'
 import { mapGetters } from 'vuex'
 import ClickOutside from 'vue-click-outside'
-import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
+import { Multiselect } from '@nextcloud/vue'
 
 import AppNavigationAddBoard from './AppNavigationAddBoard'
 import AppNavigationBoardCategory from './AppNavigationBoardCategory'

src/components/navigation/AppNavigationAddBoard.vue

@@ -47,7 +47,8 @@
 </template>
 
 <script>
-import { ColorPicker } from '@nextcloud/vue/dist/Components/ColorPicker'
+import { ColorPicker } from '@nextcloud/vue'
+
 export default {
 	name: 'AppNavigationAddBoard',
 	components: { ColorPicker },

src/components/navigation/AppNavigationBoard.vue

@@ -77,9 +77,8 @@
 </template>
 
 <script>
-import { PopoverMenu } from '@nextcloud/vue/dist/Components/PopoverMenu'
+import { PopoverMenu, ColorPicker } from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
-import { ColorPicker } from '@nextcloud/vue/dist/Components/ColorPicker'
 
 export default {
 	name: 'AppNavigationBoard',

src/helpers/mentions.js

@@ -0,0 +1,23 @@
+const rawToParsed = (text) => {
+	text = text.replace(/<br>/g, '\n')
+	text = text.replace(/&nbsp;/g, ' ')
+
+	// Since we used innerHTML to get the content of the div.contenteditable
+	// it is escaped. With this little trick from https://stackoverflow.com/a/7394787
+	// We unescape the code again, so if you write `<strong>` we can display
+	// it again instead of `&lt;strong&gt;`
+	const temp = document.createElement('textarea')
+	temp.innerHTML = text
+	text = temp.value
+
+	// Although the text is fully trimmed, at the very least the last
+	// "\n" occurrence should be always removed, as browsers add a
+	// "<br>" element as soon as some rich text is written in a content
+	// editable div (for example, if a new line is added the div content
+	// will be "<br><br>").
+	return text.trim()
+}
+
+export {
+	rawToParsed,
+}

src/helpers/xml.js

@@ -40,6 +40,11 @@ const parseXml = (xml) => {
 }
 
 const commentToObject = (tag) => {
+	let mentions = tag['d:prop']['oc:mentions']['oc:mention'] ?? []
+	if (mentions && !Array.isArray(mentions)) {
+		mentions = [mentions]
+	}
+
 	return {
 		cardId: tag['d:prop']['oc:objectId']['#text'],
 		id: tag['d:prop']['oc:id']['#text'],
@@ -47,6 +52,14 @@ const commentToObject = (tag) => {
 		actorDisplayName: tag['d:prop']['oc:actorDisplayName']['#text'],
 		creationDateTime: tag['d:prop']['oc:creationDateTime']['#text'],
 		message: tag['d:prop']['oc:message']['#text'],
+		isUnread: tag['d:prop']['oc:isUnread']['#text'] === 'true',
+		mentions: mentions.map((mention) => {
+			return {
+				mentionType: mention['oc:mentionType']['#text'],
+				mentionId: mention['oc:mentionId']['#text'],
+				mentionDisplayName: mention['oc:mentionDisplayName']['#text'],
+			}
+		}),
 	}
 }
 

src/main.js

@@ -26,7 +26,7 @@ import store from './store/main'
 import { sync } from 'vuex-router-sync'
 import { translate, translatePlural } from '@nextcloud/l10n'
 import { generateFilePath } from '@nextcloud/router'
-import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
+import Tooltip from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
 import './models'
 

src/services/BoardApi.js

@@ -21,6 +21,7 @@
  */
 
 import axios from '@nextcloud/axios'
+import './../models'
 
 /**
  * This class handles all the api communication with the Deck backend.

src/services/CommentApi.js

@@ -22,6 +22,7 @@
 
 import axios from '@nextcloud/axios'
 import { getCurrentUser } from '@nextcloud/auth'
+import xmlToTagList from '../helpers/xml'
 
 export class CommentApi {
 
@@ -30,97 +31,102 @@ export class CommentApi {
 		return OC.linkToRemote(url)
 	}
 
-	listComments(card) {
+	async loadComments({ cardId, limit, offset }) {
-		return axios({
+		const response = await axios({
 			method: 'REPORT',
-			url: this.url(`${card.id}`),
+			url: this.url(`${cardId}`),
 			data: `<?xml version="1.0" encoding="utf-8" ?>
 			<oc:filter-comments xmlns:D="DAV:" xmlns:oc="http://owncloud.org/ns">
-				<oc:limit>${card.limit}</oc:limit>
+				<oc:limit>${limit}</oc:limit>
-				<oc:offset>${card.offset}</oc:offset>
+				<oc:offset>${offset}</oc:offset>
 			</oc:filter-comments>`,
-		}).then(
-			(response) => {
-				return Promise.resolve(response.data)
-			},
-			(err) => {
-				return Promise.reject(err)
-			}
-		)
-			.catch((err) => {
-				return Promise.reject(err)
 		})
+		return xmlToTagList(response.data)
 	}
 
-	createComment(commentObj) {
+	async fetchComment({ cardId, commentId }) {
-		return axios({
+		const response = await axios({
+			method: 'PROPFIND',
+			url: this.url(`${cardId}/${commentId}`),
+			data: `<?xml version="1.0"?>
+				<d:propfind  xmlns:d="DAV:" xmlns:oc="http://owncloud.org/ns">
+					<d:prop>
+						<oc:id />
+						<oc:message />
+						<oc:actorType />
+						<oc:actorId />
+						<oc:actorDisplayName />
+						<oc:creationDateTime />
+						<oc:objectType />
+						<oc:objectId />
+						<oc:isUnread />
+						<oc:mentions />
+					</d:prop>
+				</d:propfind>`,
+		})
+		return xmlToTagList(response.data)
+	}
+
+	async createComment({ cardId, comment }) {
+		const response = await axios({
 			method: 'POST',
-			url: this.url(`${commentObj.cardId}`),
+			url: this.url(`${cardId}`),
-			data: { actorType: 'users', message: `${commentObj.comment}`, verb: 'comment' },
+			data: { actorType: 'users', message: `${comment}`, verb: 'comment' },
-		}).then(
+		})
-			(response) => {
+
 		const header = response.headers['content-location']
 		const headerArray = header.split('/')
 		const id = headerArray[headerArray.length - 1]
 
 		const ret = {
-					cardId: (commentObj.cardId).toString(),
+			cardId: (cardId).toString(),
 			id: id,
 			uId: getCurrentUser().uid,
 			creationDateTime: (new Date()).toString(),
-					message: commentObj.comment,
+			message: comment,
 		}
-				return Promise.resolve(ret)
+		return ret
-			},
-			(err) => {
-				return Promise.reject(err)
-			}
-		)
-			.catch((err) => {
-				return Promise.reject(err)
-			})
 	}
 
-	updateComment(data) {
+	async updateComment({ cardId, commentId, comment }) {
-		return axios({
+		const response = await axios({
 			method: 'PROPPATCH',
-			url: this.url(`${data.cardId}/${data.commentId}`),
+			url: this.url(`${cardId}/${commentId}`),
 			data: `<?xml version="1.0"?>
 			<d:propertyupdate xmlns:d="DAV:" xmlns:oc="http://owncloud.org/ns">
 				<d:set>
 					<d:prop>
-						<oc:message>${data.comment}</oc:message>
+						<oc:message>${comment}</oc:message>
 					</d:prop>
 				</d:set>
 			</d:propertyupdate>`,
-		}).then(
-			(response) => {
-				return Promise.resolve(response.data)
-			},
-			(err) => {
-				return Promise.reject(err)
-			}
-		)
-			.catch((err) => {
-				return Promise.reject(err)
 		})
+		return response.data
 	}
 
-	deleteComment(data) {
+	async deleteComment({ cardId, commentId }) {
-		return axios({
+		const response = await axios({
 			method: 'DELETE',
-			url: this.url(`${data.cardId}/${data.commentId}`),
+			url: this.url(`${cardId}/${commentId}`),
-		}).then(
-			(response) => {
-				return Promise.resolve(response.data)
-			},
-			(err) => {
-				return Promise.reject(err)
-			}
-		)
-			.catch((err) => {
-				return Promise.reject(err)
 		})
+		return response.data
+	}
+
+	async markCommentsAsRead(cardId) {
+		const readMarker = (new Date()).toUTCString()
+		const response = await axios({
+			method: 'PROPPATCH',
+			url: this.url(`${cardId}`),
+			data: `<?xml version="1.0"?>
+				<d:propertyupdate  xmlns:d="DAV:" xmlns:oc="http://owncloud.org/ns">
+				  <d:set>
+				   <d:prop>
+					  <oc:readMarker>${readMarker}</oc:readMarker>
+					</d:prop>
+				  </d:set>
+				</d:propertyupdate>`,
+		})
+		return response.data
 	}
 
 }

src/services/StackApi.js

@@ -21,6 +21,7 @@
  */
 
 import axios from '@nextcloud/axios'
+import './../models'
 
 export class StackApi {
 

src/store/comment.js

@@ -21,73 +21,104 @@
  */
 
 import { CommentApi } from '../services/CommentApi'
-import xmlToTagList from '../helpers/xml'
 import Vue from 'vue'
 
 const apiClient = new CommentApi()
 
+const COMMENT_FETCH_LIMIT = 10
+
 export default {
 	state: {
 		comments: {},
 	},
+	getters: {
+		getCommentsForCard: (state) => (id) => {
+			if (state.comments[id]) {
+				return [...state.comments[id].comments].sort((a, b) => b.id - a.id)
+			}
+			return []
+		},
+		hasMoreComments: (state) => (cardId) => {
+			return state.comments[cardId] && state.comments[cardId].hasMore
+		},
+	},
 	mutations: {
-		addComments(state, commentObj) {
+		endReached(state, { cardId }) {
-			if (state.comments[commentObj.cardId] === undefined) {
+			if (state.comments[cardId]) {
-				Vue.set(state.comments, commentObj.cardId, commentObj.comments)
+				state.comments[cardId].hasMore = false
+			}
+		},
+		addComments(state, { comments, cardId }) {
+			if (state.comments[cardId] === undefined) {
+				Vue.set(state.comments, cardId, {
+					hasMore: comments.length > 0,
+					comments,
+				})
 			} else {
-				// FIXME append comments once incremental fetching is implemented
+				const newComments = comments.filter((comment) => {
-				// state.comments[commentObj.cardId].push(...commentObj.comments)
+					return state.comments[cardId].comments.findIndex((item) => item.id === comment.id) === -1
-				Vue.set(state.comments, commentObj.cardId, commentObj.comments)
+				})
+				state.comments[cardId].comments.push(...newComments)
 			}
 		},
-		createComment(state, newComment) {
+		updateComment(state, { cardId, comment }) {
-			if (state.comments[newComment.cardId] === undefined) {
+			const existingIndex = state.comments[cardId].comments.findIndex(c => c.id === comment.id)
-				state.comments[newComment.cardId] = []
-			}
-			state.comments[newComment.cardId].push(newComment)
-		},
-		updateComment(state, comment) {
-			const existingIndex = state.comments[comment.cardId].findIndex(_comment => _comment.id === comment.commentId)
 			if (existingIndex !== -1) {
-				state.comments[comment.cardId][existingIndex].message = comment.comment
+				Object.assign(state.comments[cardId].comments[existingIndex], comment)
 			}
 		},
 		deleteComment(state, comment) {
-			const existingIndex = state.comments[comment.cardId].findIndex(_comment => _comment.id === comment.commentId)
+			const existingIndex = state.comments[comment.cardId].comments.findIndex(_comment => _comment.id === comment.id)
 			if (existingIndex !== -1) {
-				state.comments[comment.cardId].splice(existingIndex, 1)
+				state.comments[comment.cardId].comments.splice(existingIndex, 1)
 			}
 		},
+		markCommentsAsRead(state, cardId) {
+			state.comments[cardId].comments.forEach(_comment => {
+				Vue.set(_comment, 'isUnread', false)
+			})
+		},
 	},
 	actions: {
-		listComments({ commit }, card) {
+		async fetchComments({ commit }, { cardId, offset }) {
-			apiClient.listComments(card)
+			const comments = await apiClient.loadComments({
-				.then((comments) => {
+				cardId,
-					const commentsJson = xmlToTagList(comments)
+				limit: COMMENT_FETCH_LIMIT,
-					const returnObj = {
+				offset: offset || 0,
-						cardId: card.id,
+			})
-						comments: commentsJson,
+
+			commit('addComments', {
+				cardId,
+				comments,
+			})
+
+			if (comments.length < COMMENT_FETCH_LIMIT) {
+				commit('endReached', { cardId })
+
 			}
-					commit('addComments', returnObj)
-				})
 		},
-		createComment({ commit }, newComment) {
+		async fetchMore({ commit, dispatch, getters }, { cardId }) {
-			apiClient.createComment(newComment)
+			// fetch newer comments first
-				.then((newComment) => {
+			await dispatch('fetchComments', { cardId })
-					commit('createComment', newComment)
+			await dispatch('fetchComments', { cardId, offset: getters.getCommentsForCard(cardId).length })
-				})
+
 		},
-		deleteComment({ commit }, data) {
+		async createComment({ commit, dispatch }, { cardId, comment }) {
-			apiClient.deleteComment(data)
+			await apiClient.createComment({ cardId, comment })
-				.then((retVal) => {
+			await dispatch('fetchComments', { cardId })
+		},
+		async deleteComment({ commit }, data) {
+			await apiClient.deleteComment(data)
 			commit('deleteComment', data)
-				})
 		},
-		updateComment({ commit }, data) {
+		async updateComment({ commit }, data) {
-			apiClient.updateComment(data)
+			await apiClient.updateComment(data)
-				.then((retVal) => {
+			const commentData = await apiClient.fetchComment(data)
-					commit('updateComment', data)
+			await commit('updateComment', { cardId: data.cardId, comment: commentData[0] })
-				})
+		},
+		async markCommentsAsRead({ commit }, cardId) {
+			await apiClient.markCommentsAsRead(cardId)
+			await commit('markCommentsAsRead', cardId)
 		},
 	},
 }

src/store/main.js

@@ -110,12 +110,9 @@ export default new Vuex.Store({
 		toggleShowArchived(state) {
 			state.showArchived = !state.showArchived
 		},
-		/**
+		/*
 		 * Adds or replaces a board in the store.
 		 * Matches a board by it's id.
-		 *
-		 * @param state
-		 * @param board
 		 */
 		addBoard(state, board) {
 			const indexExisting = state.boards.findIndex((b) => {
@@ -141,11 +138,8 @@ export default new Vuex.Store({
 			}
 		},
 
-		/**
+		/*
 		 * Removes the board from the store.
-		 *
-		 * @param state
-		 * @param board
 		 */
 		removeBoard(state, board) {
 			state.boards = state.boards.filter((b) => {
@@ -207,7 +201,6 @@ export default new Vuex.Store({
 			}
 		},
 		updateLabelFromCurrentBoard(state, newLabel) {
-
 			const labelToUpdate = state.currentBoard.labels.find((l) => {
 				return newLabel.id === l.id
 			})
@@ -264,6 +257,7 @@ export default new Vuex.Store({
 		toggleShowArchived({ commit }) {
 			commit('toggleShowArchived')
 		},
+
 		/**
 		 * @param commit
 		 * @param state