Add open button to read file

matze · Jun 17, 2024 · 82350d8 · 82350d8
1 parent f13fcd0
commit 82350d8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Added
+
+- Open button to read local file into input.
+
 
 ## 2.4.3
 

diff --git a/templates/base.html b/templates/base.html
@@ -11,7 +11,7 @@
   </head>
   <body>
     <header>
-            <span id="nav-title"><a href="{{ base_path.path() }}"><button>home</button></a></span>
+      <span id="nav-title"><a href="{{ base_path.path() }}"><button>home</button></a></span>
       <nav>
         <ul>
           {% block nav %}{% endblock %}

diff --git a/templates/index.html b/templates/index.html
@@ -23,6 +23,19 @@
     ev.preventDefault();
   }
 
+  function openFile() {
+    let input = document.createElement("input");
+    input.type = "file";
+    input.onchange = ev => {
+      const item = ev.target.files[0];
+
+      let textarea = document.getElementById('text');
+      item.text().then((value) => textarea.value = value);
+    };
+
+    input.click();
+  }
+
   function filterLangs(ev) {
     ev.preventDefault();
     let langs = document.getElementById("langs");
@@ -40,6 +53,10 @@
 </script>
 {% endblock %}
 
+{% block nav %}
+    <li><button onclick="openFile()">open</button></li>
+{% endblock %}
+
 {%- block content -%}
     <form action="{{ base_path.path() }}" method="post">
       <div class="container">