Added custom instance to FacilMap #139

4 files changed, 54 insertions, 3 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
diff --git a/src/pages/options/reddit/reddit.js b/src/pages/options/reddit/reddit.js
index fea1c08b..1c577a94 100644
--- a/src/pages/options/reddit/reddit.js
+++ b/src/pages/options/reddit/reddit.js
@@ -81,7 +81,6 @@ redditHelper.init().then(() => {
     protocolElement.value = protocol;
     changeProtocolSettings(protocol);
 
-
     commonHelper.processDefaultCustomInstances(
         'libreddit',
         'normal',
diff --git a/src/pages/options/twitter/twitter.js b/src/pages/options/twitter/twitter.js
index 5e7e9a05..b86fc197 100644
--- a/src/pages/options/twitter/twitter.js
+++ b/src/pages/options/twitter/twitter.js
@@ -78,7 +78,6 @@ function init() {
         let protocol = twitterHelper.getProtocol();
         protocolElement.value = protocol;
         changeProtocolSettings(protocol);
-        console.log('init');
         theme.value = twitterHelper.getTheme();
         infiniteScroll.checked = twitterHelper.getInfiniteScroll();
         stickyProfile.checked = twitterHelper.getStickyProfile();