Merge pull request #26 from RainbowJM/Tapan

Tapan
RainbowJM · Apr 14, 2023 · 37f5446 · 37f5446
2 parents 6e3de90 + 2e068a9
commit 37f5446
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 2 deletions.
diff --git a/public/scripts/keyboard.js b/public/scripts/keyboard.js
@@ -0,0 +1,30 @@
+// var textarea = document.getElementById("input-text");
+// textarea.addEventListener("click", openKeyboard);
+
+
+// function openKeyboard() {
+//     $('input-text').keyboard();
+//   }
+
+var textarea = document.getElementById("#input-text");
+
+textarea.addEventListener("click", function() {
+  openKeyboard();
+});
+
+function openKeyboard() {
+   // Create an instance of the Google IME API
+   var ime = new google.ime.InputMethodEditor();
+
+   // Call the activate() method to activate the On-Screen Keyboard
+   ime.activate(["transliteration"], function() {
+     ime.setLanguage("en");
+     ime.setOnStateChangeHandler(function(isOn) {
+       if (isOn) {
+         // The On-Screen Keyboard is now active
+       } else {
+         // The On-Screen Keyboard is no longer active
+       }
+     });
+   });
+ }
diff --git a/public/scripts/preview.js b/public/scripts/preview.js
@@ -3,4 +3,4 @@ const preview = document.querySelector(".preview");
 
 input.addEventListener("input", () => {
 preview.innerText = input.value;
-});
+});
diff --git a/views/generate-poems.ejs b/views/generate-poems.ejs
@@ -3,6 +3,7 @@
 
 <head>
     <%- include('./partials/head'); %>
+    <script src="https://inputtools.google.com/js/ime.js"></script>
 </head>
 
 <body id="generate">
@@ -38,8 +39,24 @@
     <%- include('./partials/background-decoration'); %>
 
 
+    <!-- <script>
+        var ime;
+        function onApiLoad() {
+          ime = new google.inputmethod.InputMethodManager();
+        }
+        function openKeyboard() {
+          ime.showInputView(document.getElementById('myTextarea'));
+        }
+    
+        var textarea = document.getElementById("myTextarea");
+        textarea.addEventListener("click", function() {
+          openKeyboard();
+        });
+      </script> -->
 
 <script src="./scripts/preview.js"></script>
+<script src="./scripts/keyboard.js"></script>
+
 
 </body>
 

diff --git a/views/partials/head.ejs b/views/partials/head.ejs
@@ -11,4 +11,4 @@
 <!-- Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;700&display=swap" rel="stylesheet">
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ const preview = document.querySelector(".preview"); @@
     input.addEventListener("input", () => {
     preview.innerText = input.value;
-    });
+    });