2 files changed, 54 insertions, 1 deletions
diff --git a/src/pages/options/maps/maps.html b/src/pages/options/maps/maps.html
index 849c5c1c..08a0315b 100644
--- a/src/pages/options/maps/maps.html
+++ b/src/pages/options/maps/maps.html
@@ -144,10 +144,38 @@
       </select>
     </div>
 
+    <div id="facil">
+      <div class="normal">
+        <div class="some-block option-block">
+          <h4 data-localise="__MSG_defaultInstances__">Default Instances</h4>
+        </div>
+        <div class="checklist checklist"></div>
+        <hr>
+        <div class="some-block option-block">
+          <h4 data-localise="__MSG_customInstances__">Custom Instances</h4>
+        </div>
+        <form class="custom-instance-form">
+          <div class="some-block option-block">
+            <input class="custom-instance" placeholder="https://facilMap.com" type="url" />
+            <button type="submit" class="add add-instance">
+              <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px"
+                fill="currentColor">
+                <path d="M0 0h24v24H0V0z" fill="none" />
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+              </svg>
+            </button>
+          </div>
+        </form>
+        <div class="checklist custom-checklist"></div>
+
+      </div>
+    </div>
+    </div>
+
   </section>
   <script type="module" src="../init.js"></script>
   <script type="module" src="./maps.js"></script>
   <script type="module" src="../../../assets/javascripts/localise.js"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/options/maps/maps.js b/src/pages/options/maps/maps.js
index 400d5345..88a99ab6 100644
--- a/src/pages/options/maps/maps.js
+++ b/src/pages/options/maps/maps.js
@@ -1,4 +1,5 @@
 import mapsHelper from "../../../assets/javascripts/helpers/maps.js";
+import commonHelper from "../../../assets/javascripts/helpers/common.js";
 
 let disableMapsElement = document.getElementById("disable-osm");
 disableMapsElement.addEventListener("change",
@@ -10,11 +11,35 @@ mapsFrontendElement.addEventListener("change",
     event => {
         let frontend = event.target.options[mapsFrontendElement.selectedIndex].value;
         mapsHelper.setFrontend(frontend);
+        changeFrontendsSettings(frontend);
     }
 );
 
+let facilDivElement = document.getElementById("facil")
+function changeFrontendsSettings(frontend) {
+    if (frontend == 'facil') {
+        facilDivElement.style.display = 'block';
+    }
+    else if (frontend == 'osm') {
+        facilDivElement.style.display = 'none';
+    }
+}
+
 mapsHelper.init().then(() => {
+    console.log(mapsHelper.getFacilNormalRedirectsChecks())
     disableMapsElement.checked = !mapsHelper.getDisable();
     let frontend = mapsHelper.getFrontend();
     mapsFrontendElement.value = frontend;
+    changeFrontendsSettings(frontend);
+
+    commonHelper.processDefaultCustomInstances(
+        'facil',
+        'normal',
+        mapsHelper,
+        document,
+        mapsHelper.getFacilNormalRedirectsChecks,
+        mapsHelper.setFacilNormalRedirectsChecks,
+        mapsHelper.getFacilNormalCustomRedirects,
+        mapsHelper.setFacilNormalCustomRedirects
+    )
 })
\ No newline at end of file