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"