I2P support for search, Imgur and Wikipedia (#189)

2 files changed, 48 insertions, 3 deletions

diff --git a/src/pages/options/wikipedia/wikipedia.html b/src/pages/options/wikipedia/wikipedia.html
index 728f2b10..b0f2e064 100644
--- a/src/pages/options/wikipedia/wikipedia.html
+++ b/src/pages/options/wikipedia/wikipedia.html
@@ -138,6 +138,7 @@
       <select id="protocol">
         <option value="normal" data-localise="__MSG_normal__">Normal</option>
         <option value="tor" data-localise="__MSG_tor__">Tor</option>
+	<option value="i2p" data-localise="__MSG_i2p__">I2P</option>
       </select>
     </div>
 
@@ -180,7 +181,7 @@
         </div>
         <form class="custom-instance-form">
           <div class="some-block option-block">
-            <input class="custom-instance" placeholder="https://wikiless.com" type="url" />
+            <input class="custom-instance" placeholder="http://wikiless.onion" 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">
@@ -191,8 +192,33 @@
           </div>
         </form>
         <div class="checklist custom-checklist"></div>
+      </div>
 
+      <div class="i2p">
+	<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="http://wikiless.i2p" 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>
   </section>
 
@@ -201,4 +227,4 @@
   <script type="module" src="../../../assets/javascripts/localise.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/pages/options/wikipedia/wikipedia.js b/src/pages/options/wikipedia/wikipedia.js
index 1cad27a3..a2dafbfe 100644
--- a/src/pages/options/wikipedia/wikipedia.js
+++ b/src/pages/options/wikipedia/wikipedia.js
@@ -18,13 +18,21 @@ protocolElement.addEventListener("change",
 function changeProtocolSettings(protocol) {
     let normalDiv = document.getElementsByClassName("normal")[0];
     let torDiv = document.getElementsByClassName("tor")[0];
+    let i2pDiv = document.getElementsByClassName("i2p")[0];
     if (protocol == 'normal') {
         normalDiv.style.display = 'block';
         torDiv.style.display = 'none';
+	i2pDiv.style.display = 'none';
     }
     else if (protocol == 'tor') {
         normalDiv.style.display = 'none';
         torDiv.style.display = 'block';
+	i2pDiv.style.display = 'none';
+    }
+    else if (protocol == 'i2p') {
+	normalDiv.style.display = 'none';
+	torDiv.style.display = 'none';
+	i2pDiv.style.display = 'block';
     }
 }
 
@@ -57,4 +65,15 @@ wikipediaHelper.init().then(() => {
         wikipediaHelper.getWikilessTorCustomRedirects,
         wikipediaHelper.setWikilessTorCustomRedirects
     )
-})
\ No newline at end of file
+
+    commonHelper.processDefaultCustomInstances(
+	'wikiless',
+	'i2p',
+	wikipediaHelper,
+	document,
+	wikipediaHelper.getWikilessI2pRedirectsChecks,
+	wikipediaHelper.setWikilessI2pRedirectsChecks,
+	wikipediaHelper.getWikilessI2pCustomRedirects,
+	wikipediaHelper.setWikilessI2pCustomRedirects
+    )
+})