Rendre clickable les liens dans les demandes et ses réponses (#809)

Co-authored-by: niladic <git@nil.choron.cc>

package.json

@@ -8,6 +8,7 @@
     "clean": "rimraf public/generated-js"
   },
   "dependencies": {
+    "anchorme": "2.1.2",
     "ts-polyfill": "3.8.2"
   },
   "devDependencies": {

typescript/src/anchorme.ts

@@ -0,0 +1,18 @@
+import anchorme from "anchorme"
+import {Options} from "anchorme/dist/node/types";
+
+const options: Partial<Options> = {
+    attributes: {
+        target: "_blank",
+        rel: "nofollow noreferrer noopener"
+    },
+}
+
+const descriptions: HTMLCollectionOf<HTMLElement> = document.getElementsByClassName("application__message") as HTMLCollectionOf<HTMLElement>
+
+Array.from(descriptions).forEach((description) => {
+    const content: string | null = description.innerText ? anchorme({input: description.innerText, options}) : null
+    if (content) {
+        description.innerHTML = content
+    }
+});

typescript/src/index.ts

@@ -7,5 +7,6 @@ import 'core-js/web/dom-collections';
 // Our scripts
 import "./admin.ts"
 import "./mdl-extensions.ts"
-import "./application-attachment"
 import "./validateAccount"
+import "./application-attachment"
+import "./anchorme"