last demo import - cleaned

2023-08-26 22:04:56 +02:00
parent 0ab5dd5e38
commit f3c3c67e2c
884 changed files with 301494 additions and 1 deletions
--- a/views/item_add.tpl
+++ b/views/item_add.tpl
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css"/>
+</head>
+<body>
+ <section class="section">
+	<!-- CSS Styles -->
+	<style>
+	  .speech input {border: 0; width: 240px; display: inline-block; height: 30px; visibility:hidden;}
+	  .speech img {float: right; width: 40px }
+	</style>
+
+	<!-- Search Form -->
+	<form id="speak" method="post" action="/item/add">
+	  <div class="speech">
+		<input type="text" name="q" id="transcript" placeholder="Speak" />
+		<img onclick="startDictation()" src="/static/img/mic.png" />
+	  </div>
+	  <div id="history">
+		<table class="table is-striped is-fullwidth">
+		<!-- php 
+		foreach (array_reverse($rqList) as $rq => $ts)
+		{
+			echo "<tr><td>".date("d/m/Y H:i:s", $ts)."</td><td>".$rq."</td></tr>";
+		}
+		-->
+		</table>
+	  </div>
+	</form>
+ </section>
+</body>
+<!-- HTML5 Speech Recognition API -->
+<script>
+  function startDictation() {
+
+    if (window.hasOwnProperty('webkitSpeechRecognition')) {
+
+      var recognition = new webkitSpeechRecognition();
+
+      recognition.continuous = false;
+      recognition.interimResults = false;
+
+      recognition.lang = "en-US";
+      recognition.start();
+
+      recognition.onresult = function(e) {
+        document.getElementById('transcript').value
+                                 = e.results[0][0].transcript;
+        recognition.stop();
+        document.getElementById('speak').submit();
+      };
+
+      recognition.onerror = function(e) {
+        recognition.stop();
+      }
+
+    }
+  }
+</script>
+