["&lt;?php\nsession_start();\n\n$password=&quot;1234&quot;;\n$dir=&quot;notes\/&quot;;\n\nif(!file_exists($dir)) mkdir($dir);\n\nif(isset($_GET[&quot;logout&quot;])){\nsession_destroy();\nheader(&quot;Location:?&quot;);\nexit;\n}\n\nif(isset($_POST[&quot;login&quot;])){\nif($_POST[&quot;pass&quot;]==$password){\n$_SESSION[&quot;ok&quot;]=true;\nheader(&quot;Location:?&quot;);\nexit;\n}\n$error=&quot;Fel l\u00f6senord&quot;;\n}\n\nif(isset($_GET[&quot;api&quot;])){\n\n$data=json_decode(file_get_contents(&quot;php:\/\/input&quot;),true);\n$action=$_GET[&quot;api&quot;];\n\nif($action==&quot;save&quot;){\n$id=time();\nfile_put_contents($dir.$id.&quot;.txt&quot;,$data[&quot;text&quot;]);\n}\n\nif($action==&quot;list&quot;){\n\n$files=glob($dir.&quot;*.txt&quot;);\nrsort($files);\n\n$out=[];\n\nforeach($files as $f){\n$out[]=[\n&quot;id&quot;=&gt;basename($f,&quot;.txt&quot;),\n&quot;text&quot;=&gt;htmlspecialchars(file_get_contents($f))\n];\n}\n\necho json_encode($out);\nexit;\n}\n\nif($action==&quot;edit&quot;){\nfile_put_contents($dir.$data[&quot;id&quot;].&quot;.txt&quot;,$data[&quot;text&quot;]);\n}\n\nif($action==&quot;delete&quot;){\nunlink($dir.$data[&quot;id&quot;].&quot;.txt&quot;);\n}\n\nexit;\n}\n\nif(!isset($_SESSION[&quot;ok&quot;])){\n?&gt;\n\n&lt;h2&gt;Login&lt;\/h2&gt;\n&lt;form method=&quot;post&quot;&gt;\n&lt;input type=&quot;password&quot; name=&quot;pass&quot;&gt;\n&lt;button name=&quot;login&quot;&gt;Login&lt;\/button&gt;\n&lt;?php if(isset($error)) echo $error; ?&gt;\n&lt;\/form&gt;\n\n&lt;?php\nexit;\n}\n?&gt;\n\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;sv&quot;&gt;\n&lt;head&gt;\n\n&lt;meta charset=&quot;UTF-8&quot;&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;\n\n&lt;title&gt;Voice Notes&lt;\/title&gt;\n\n&lt;style&gt;\n\nbody{\nfont-family:Arial;\nbackground:#f3f3f3;\nmax-width:700px;\nmargin:auto;\npadding:20px;\n}\n\nh1{text-align:center;}\n\ntextarea{\nwidth:100%;\nheight:150px;\nfont-size:18px;\npadding:10px;\n}\n\nbutton{\npadding:10px 14px;\nmargin:4px;\nfont-size:16px;\n}\n\n.note{\nbackground:white;\npadding:12px;\nmargin-top:10px;\nborder-radius:6px;\n}\n\n.search{\nwidth:100%;\npadding:8px;\nmargin-top:10px;\n}\n\n#status{\nfont-weight:bold;\nmargin-top:6px;\n}\n\n&lt;\/style&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n\n&lt;h1&gt;\ud83c\udfa4 Voice Notes&lt;\/h1&gt;\n\n&lt;a href=&quot;?logout=1&quot;&gt;Logga ut&lt;\/a&gt;\n\n&lt;br&gt;&lt;br&gt;\n\n&lt;button onclick=&quot;startRec()&quot;&gt;Start&lt;\/button&gt;\n&lt;button onclick=&quot;stopRec()&quot;&gt;Stop&lt;\/button&gt;\n&lt;button onclick=&quot;saveNote()&quot;&gt;Spara&lt;\/button&gt;\n\n&lt;div id=&quot;status&quot;&gt;\u26aa stoppad&lt;\/div&gt;\n\n&lt;br&gt;\n\n&lt;textarea id=&quot;text&quot;&gt;&lt;\/textarea&gt;\n\n&lt;input class=&quot;search&quot; id=&quot;search&quot; placeholder=&quot;S\u00f6k...&quot; onkeyup=&quot;filterNotes()&quot;&gt;\n\n&lt;div id=&quot;notes&quot;&gt;&lt;\/div&gt;\n\n&lt;script&gt;\n\nlet recognition;\nlet listening=false;\nlet notes=[];\nlet finalText=&quot;&quot;;\n\nfunction startRec(){\n\nif(listening) return;\n\ndocument.getElementById(&quot;status&quot;).innerHTML=&quot;\ud83d\udd34 Lyssnar&quot;;\n\nconst SR = window.SpeechRecognition || window.webkitSpeechRecognition;\n\nif(!SR){\nalert(&quot;Taligenk\u00e4nning st\u00f6ds inte i denna webbl\u00e4sare&quot;);\nreturn;\n}\n\nrecognition = new SR();\n\nrecognition.lang=&quot;sv-SE&quot;;\nrecognition.continuous=true;\nrecognition.interimResults=true;\n\nrecognition.onresult=function(e){\n\nlet interim=&quot;&quot;;\n\nfor(let i=e.resultIndex;i&lt;e.results.length;i++){\n\nlet transcript=e.results[i][0].transcript;\n\nif(e.results[i].isFinal){\nfinalText += transcript + &quot; &quot;;\n}else{\ninterim += transcript;\n}\n\n}\n\ndocument.getElementById(&quot;text&quot;).value = finalText + interim;\n\n};\n\nrecognition.onerror=function(e){\n\nconsole.log(&quot;speech error:&quot;,e.error);\n\n};\n\nrecognition.onend=function(){\n\nif(listening){\nrecognition.start();   \/\/ auto restart (Android fix)\n}else{\ndocument.getElementById(&quot;status&quot;).innerHTML=&quot;\u26aa stoppad&quot;;\n}\n\n};\n\nrecognition.start();\n\nlistening=true;\n\n}\n\nfunction stopRec(){\n\nlistening=false;\n\nif(recognition){\nrecognition.stop();\n}\n\ndocument.getElementById(&quot;status&quot;).innerHTML=&quot;\u26aa stoppad&quot;;\n\n}\n\nfunction saveNote(){\n\nlet text=document.getElementById(&quot;text&quot;).value;\n\nfetch(&quot;?api=save&quot;,{\nmethod:&quot;POST&quot;,\nbody:JSON.stringify({text:text})\n})\n.then(()=&gt;{\n\ndocument.getElementById(&quot;text&quot;).value=&quot;&quot;;\nfinalText=&quot;&quot;;\nloadNotes();\n\n});\n\n}\n\nfunction loadNotes(){\n\nfetch(&quot;?api=list&quot;)\n.then(r=&gt;r.json())\n.then(data=&gt;{\n\nnotes=data;\nrenderNotes(data);\n\n});\n\n}\n\nfunction renderNotes(data){\n\nlet html=&quot;&quot;;\n\ndata.forEach(n=&gt;{\n\nhtml+=`\n&lt;div class=&quot;note&quot;&gt;\n&lt;div&gt;${n.text}&lt;\/div&gt;\n\n&lt;button onclick=&quot;editNote('${n.id}','${n.text.replace(\/'\/g,&quot;&quot;)}')&quot;&gt;Edit&lt;\/button&gt;\n&lt;button onclick=&quot;deleteNote('${n.id}')&quot;&gt;Delete&lt;\/button&gt;\n\n&lt;\/div&gt;\n`;\n\n});\n\ndocument.getElementById(&quot;notes&quot;).innerHTML=html;\n\n}\n\nfunction editNote(id,text){\n\nlet newText=prompt(&quot;Redigera&quot;,text);\n\nfetch(&quot;?api=edit&quot;,{\nmethod:&quot;POST&quot;,\nbody:JSON.stringify({id:id,text:newText})\n}).then(loadNotes);\n\n}\n\nfunction deleteNote(id){\n\nif(!confirm(&quot;Ta bort?&quot;)) return;\n\nfetch(&quot;?api=delete&quot;,{\nmethod:&quot;POST&quot;,\nbody:JSON.stringify({id:id})\n}).then(loadNotes);\n\n}\n\nfunction filterNotes(){\n\nlet s=document.getElementById(&quot;search&quot;).value.toLowerCase();\n\nlet filtered=notes.filter(n=&gt;n.text.toLowerCase().includes(s));\n\nrenderNotes(filtered);\n\n}\n\nloadNotes();\n\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;","13.58","Grej."]