fix settings strings and tooltips (#2170)

Author: Killklli

randomizer.html

@@ -712,7 +712,7 @@ <h4>Your Most Recent Seed</h4>
                     await import('./static/js/PlandoUtils.js');
 
                     // Nunjucks configuration after PlandoUtils.js is loaded
-                    var env = nunjucks.configure('/templates', { autoescape: true, web: { useCache: true } });
+                    var env = nunjucks.configure('/templates', { autoescape: false, web: { useCache: true } });
 
                     // Use the imported functions from PlandoUtils
                     env.addFilter("plando_custom_loc_restrict", PlandoCustomLocationFilter);

static/js/generate_buttons.js

@@ -496,15 +496,22 @@ document.getElementById("import_settings").addEventListener("click", async funct
                 }
 
                 const selector = document.getElementById(key);
-                // Pre clear all selections
-                for (let option of selector.options) {
-                    option.selected = false;
-                }
+
                 if (selector.tagName === "SELECT") {
+                    let MapName = SettingsMap[key];
+                    // Flip the attributes so the value is the key and the key is the value
+                    let flipped = {};
+                    for (let key in MapName) {
+                        flipped[MapName[key]] = key;
+                    }
+                    // Pre clear all selections
+                    for (let option of selector.options) {
+                        option.selected = false;
+                    }
                     settings[key].forEach(item => {
-                        let val = item - 1;
+                        // Find the selected option by the value of the option
                         for (let option of selector.options) {
-                            if (option.value === Object.keys(SettingsMap[key])[val]) {
+                            if (option.value === flipped[item]) {
                                 option.selected = true;
                             }
                         }

static/js/initalize.js

@@ -1168,15 +1168,22 @@ function preset_select_changed(event) {
               }
 
               const selector = document.getElementById(key);
-              // Pre clear all selections
-              for (let option of selector.options) {
-                  option.selected = false;
-              }
+
               if (selector.tagName === "SELECT") {
+                  let MapName = SettingsMap[key];
+                  // Flip the attributes so the value is the key and the key is the value
+                  let flipped = {};
+                  for (let key in MapName) {
+                      flipped[MapName[key]] = key;
+                  }
+                  // Pre clear all selections
+                  for (let option of selector.options) {
+                      option.selected = false;
+                  }
                   settings[key].forEach(item => {
-                      let val = item - 1;
+                      // Find the selected option by the value of the option
                       for (let option of selector.options) {
-                          if (option.value === Object.keys(SettingsMap[key])[val]) {
+                          if (option.value === flipped[item]) {
                               option.selected = true;
                           }
                       }
@@ -1186,7 +1193,6 @@ function preset_select_changed(event) {
               const selector = document.getElementById(key);
               if (selector.tagName === "SELECT" && key !== "random-weights") {
                   let MapName = SettingsMap[key];
-                  let map_keys = MapName
                   // Flip the attributes so the value is the key and the key is the value
                   let flipped = {};
                   for (let key in MapName) {

static/js/spoiler.js

@@ -48,7 +48,7 @@ const TIED_POOL_ITEMS = {
 async function generateSpoiler(spoiler) {
     /** Pass spoiler to the template and modify DOM with rendered content. */
     //const templateEnv = new nunjucks.Environment();
-    var env = nunjucks.configure('/templates', { autoescape: true });
+    var env = nunjucks.configure('/templates', { autoescape: false });
     env.addFilter("timeconvert", timectime);
     env.addFilter("filterId", filterId);
     env.addFilter("wothpathindex", getWotHPathIndex);