[WebUI] Update map editor

CodeJar 3.7.0 -> 4.2.0

.stylelintrc.json

@@ -10,6 +10,7 @@
         "**/*.min.css",
         "**/*.js",
         "interface/css/d3evolution.css",
+        "interface/css/codejar-linenumbers.css",
         "interface/css/nprogress.css",
         "interface/css/prism.css"
     ],

interface/css/codejar-linenumbers.css

@@ -0,0 +1,17 @@
+.codejar-linenumbers-inner-wrap {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    overflow: hidden;
+}
+
+.codejar-linenumbers {
+    mix-blend-mode: initial;
+    height: 100%;
+}
+
+.codejar-linenumber {
+    position: relative;
+    top: 0px;
+}

interface/css/rspamd.css

@@ -548,15 +548,15 @@ table#symbolsTable input[type="number"] {
     /* Fix line wrapping */
     scrollbar-width: thin;
 }
+.codejar-linenumbers-inner-wrap {
+    bottom: unset;
+}
 .codejar-linenumbers {
     background: rgba(255 255 255 / 0.07) !important;
-    bottom: unset !important;
+}
+.codejar-linenumber {
     color: rgba(120 120 120 / 1) !important;
-    height: inherit;
-    mix-blend-mode: unset !important;
     text-align: right;
-    overflow: unset !important;
-    user-select: none;
 }
 .editor {
     font-family: monospace;

interface/index.html

@@ -22,6 +22,7 @@
 	<link rel="stylesheet" type="text/css" href="./css/d3evolution.css">
 	<link rel="stylesheet" type="text/css" href="./css/d3pie.css">
 	<link rel="stylesheet" type="text/css" href="./css/nprogress.css"/>
+	<link rel="stylesheet" type="text/css" href="./css/codejar-linenumbers.css"/>
 	<link rel="stylesheet" type="text/css" href="./css/prism.css"/>
 	<link href="./css/rspamd.css" rel="stylesheet">
 </head>

interface/js/app/config.js

@@ -181,14 +181,16 @@ define(["jquery", "codejar", "linenumbers", "prism"],
                         mode = (new Blob([data[0].data]).size > 5120) ? "basic" : $("input[name=editorMode]:checked").val();
 
                         $("<" + editor[mode].elt + ' id="editor" class="' + editor[mode].class + '" data-id="' + item.map + '">' +
-                            rspamd.escapeHTML(data[0].data) +
                             "</" + editor[mode].elt + ">").appendTo("#modalBody");
 
                         if (editor[mode].codejar) {
                             jar = new CodeJar(
                                 document.querySelector("#editor"),
                                 withLineNumbers((el) => Prism.highlightElement(el))
                             );
+                            jar.updateCode(data[0].data);
+                        } else {
+                            document.querySelector("#editor").innerHTML = rspamd.escapeHTML(data[0].data);
                         }
 
                         var icon = "fa-edit";

interface/js/main.js

@@ -14,7 +14,7 @@ requirejs.config({
         fontawesome: "fontawesome.min",
         fontawesome_solid: "solid.min",
         footable: "footable.min",
-        linenumbers: "linenumbers.min",
+        linenumbers: "codejar-linenumbers.min",
         nprogress: "nprogress.min",
         prism: "prism",
         stickytabs: "jquery.stickytabs.min"