FediBlock/website
Archived
4
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

Auto-complete tags.

Browse Source 
Read tags from tags.lst and offer them as auto-completions. Use one text
field per tag and use a button to add new fields.
This commit is contained in:
tastytea 2021-01-21 06:37:55 +01:00
parent 52078fc5f3
commit a0c3df96f3
Signed by: tastytea
GPG Key ID: CFC39497F1B26E07
1 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.php
View File

@ -31,7 +31,7 @@
{ {
padding: 0; padding: 0;
} }
input[type=file] input[type=file], input[list=list_tags]
{ {
margin-left: 10ch; margin-left: 10ch;
} }
@ -198,15 +198,15 @@
don't want trust to be necessary to use this list. don't want trust to be necessary to use this list.
</p> </p>
<form method="post" action="/add" enctype="multipart/form-data"> <form method="post" action="/add" enctype="multipart/form-data" id="form_add">
<label for="instance">Instance:</label> <label for="instance">Instance:</label>
<input type="text" id="instance" name="instance" placeholder="example.com" required> <input type="text" id="instance" name="instance" placeholder="example.com" required>
<span class="hint">(Without the “https://”)</span> <span class="hint">(Without the “https://”)</span>
<br> <br>
<label for="tags">Tags:</label> <label for="tags">Tags:</label><span class="hint">(One tag per field or comma separated)</span><br>
<input type="text" id="tags" name="tags" placeholder="tag1,tag2" autocomplete="on" required> <input type="text" list="list_tags" id="tags" name="tags[]" required>
<!-- <input type="button" id="add_tag" value="➕" disabled> --> <input type="button" id="add_tag" value="➕" onclick="javascript:add_input_tag();">
<br> <br>
<label for="receipts">Receipts:</label> <label for="receipts">Receipts:</label>
@ -261,5 +261,36 @@
<a href="https://schlomp.space/FediBlock">Sourcecode</a> licensed under the <a href="https://schlomp.space/FediBlock">Sourcecode</a> licensed under the
<a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0-only</a>. <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0-only</a>.
</p> </p>
<script>
function add_input_tag()
{
const input_text = document.createElement("input");
input_text.setAttribute("type", "text");
input_text.setAttribute("list", "list_tags");
input_text.setAttribute("name", "tags[]");
const form = document.getElementById("form_add");
const btn = document.getElementById("add_tag");
form.insertBefore(document.createElement("br"), btn);
form.insertBefore(input_text, btn);
input_text.focus();
}
</script>
<datalist id="list_tags">
<?php
$file = fopen("tags.lst", "r") or die("Unable to open autocompletion file.");
while(!feof($file))
{
$tag = rtrim(fgets($file));
if ($tag != "")
{
printf("<option value=\"%s\">\n", $tag);
}
}
fclose($file);
?>
</datalist>
</body> </body>
</html> </html>