2 files changed, 16 insertions, 2 deletions
diff --git a/src/pages/options/translate.html b/src/pages/options/translate.html
index 7e727c33..b193130a 100644
--- a/src/pages/options/translate.html
+++ b/src/pages/options/translate.html
@@ -33,8 +33,15 @@
                 <input id="simplyTranslate-instance" type="url" placeholder="https://translate.metalune.xyz" />
             </div>
         </div> -->
-    </section>
 
+        <div class="some-block option-block">
+            <h4>Frontend</h4>
+            <select id="translate-frontend">
+                <option value="simplyTransalte">SimplyTransalte</option>
+                <option value="lingva">Lingva</option>
+            </select>
+        </div>
+    </section>
 
     <script type="module" src="./init.js"></script>
     <script type="module" src="./translate.js"></script>
diff --git a/src/pages/options/translate.js b/src/pages/options/translate.js
index c6182fc2..639b87b7 100644
--- a/src/pages/options/translate.js
+++ b/src/pages/options/translate.js
@@ -1,11 +1,18 @@
 import googleTranslateHelper from "../../assets/javascripts/helpers/google-translate.js";
 
 let disableSimplyTranslateElement = document.getElementById("disable-simplyTranslate");
+let translateFrontendElement = document.getElementById("translate-frontend");
+
 
 googleTranslateHelper.init().then(() => {
     disableSimplyTranslateElement.checked = !googleTranslateHelper.getDisableSimplyTranslate();
+    translateFrontendElement.value = googleTranslateHelper.getFrontend();
 });
 
 disableSimplyTranslateElement.addEventListener("change",
     (event) => googleTranslateHelper.setDisableSimplyTranslate(!event.target.checked)
-);
\ No newline at end of file
+);
+
+translateFrontendElement.addEventListener("change",
+    (event) => googleTranslateHelper.setFrontend(event.target.options[translateFrontendElement.selectedIndex].value)
+);