Render the formula symbols of the properties.

assets/js/app.js

@@ -91,6 +91,11 @@ require('./jquery.tristate.js');
 
 require('darkmode-js');
 
+//Equation rendering
+require('katex');
+window.renderMathInElement = require('katex/contrib/auto-render/auto-render').default;
+import 'katex/dist/katex.css';
+
 window.ClipboardJS = require('clipboard');
 
 window.QRCode = require('qrcode');

assets/ts_src/event_listeners.ts

@@ -552,6 +552,21 @@ $(document).on("ajaxUI:reload", function() {
     })
 });
 
+//Register latex rendering
+$(document).on("ajaxUI:reload ajaxUI:start", function() {
+    $('.latex').each(function(index, element) {
+        //@ts-ignore
+        window.renderMathInElement(element, {
+            delimiters: [
+                {left: "$$", right: "$$", display: true},
+                {left: "$", right: "$", display: false},
+                {left: "\\(", right: "\\)", display: false},
+                {left: "\\[", right: "\\]", display: true}
+            ]
+        });
+    });
+});
+
 //Need for proper body padding, with every navbar height
 $(window).resize(function () {
     let height : number = $('#navbar').height() + 10;