dm5wk/morserino-abbreviations
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

inital commit: main html and README

Browse source
This commit is contained in:
Wolfgang 2025-02-19 10:38:26 +01:00
parent 9726dec248
commit cb4931dbd0
2 changed files with 108 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
README.md
View file

@ -1,3 +1,6 @@
# morserino-abbreviations
Look up morse abbreviations from Morserino User Manual
Demo of the latest git version on <a href="https://dm5wk.de/morserino-abbreviations">dm5wk.de</a>.

104
morserino-abbr.html Normal file
View file

@ -0,0 +1,104 @@
<!-- SPDX-License-Identifier: Beerware -->
<!-- Copyright © 2025 Wolfgang Kroener -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Morserino abbreviations</title>
<style>
dl {
display: grid;
}
dt, dd {
margin-bottom: 1em;
margin-left: 0;
}
</style>
</head>
<body>
<p>
Look up morse abbreviations from <a id="abbr_url" href=""></a> (<span id="dict_info">0</span> entries loaded).<br>
See <a href="https://src.dm5wk.de/dm5wk/morserino-abbreviations">https://src.dm5wk.de/dm5wk/morserino-abbreviations</a> for more information.
</p>
<p>
Clear field with Enter.
</p>
<input type="text" id="abbr_input">
<dl id="abbr_result"></dl>
<script>
let abbr_list = [];
const url_blob = "https://github.com/oe1wkl/Morserino-32/blob/master/Documentation/User Manual/Version 6.x/m32_user-Manual_v6_de.adoc";
const appendix_match = new RegExp("\[\[appendix7\]\]");
const column_match = new RegExp("::[\s\t]+");
const url_raw = url_blob.replace("github.com", "raw.githubusercontent.com").replace("/blob/", "/")
document.getElementById("abbr_url").innerText = url_blob;
document.getElementById("abbr_url").href = url_blob;
// get user manual
fetch(url_raw)
.then(response => response.text())
.then((response) => {
let list_found = 0;
response.split('\n').forEach((line) => {
if (line.match(appendix_match)) {
// file is now at appendix with abbreviations
list_found = 1;
}
if ((list_found == 1) && (line.match(column_match))) {
// abbreviation found
abbr_list.push(line.split(column_match));
}
});
document.getElementById("dict_info").innerText = abbr_list.length;
// get largest abbreviation and set column width
let largest_abbr = 0;
abbr_list.forEach((line) => {
largest_abbr = Math.max(line[0].length, largest_abbr);
});
document.querySelector('dl').style.gridTemplateColumns = largest_abbr + "ch calc(100% - " + largest_abbr + "ch)";
});
// search as you type in input field, clear with enter
document.getElementById("abbr_input").addEventListener('keyup', (key) => {
if (key.key !== 'Enter') {
search();
} else {
// clear results and input field
document.getElementById("abbr_result").innerHTML = "";
document.getElementById("abbr_input").value = "";
}
});
// search for abbreviation from input field
function search() {
// clear results
document.getElementById("abbr_result").innerHTML = "";
const input = document.getElementById("abbr_input").value;
if (input.length == 0) {
return;
}
const regex = new RegExp(input);
abbr_list.forEach((line) => {
if (line[0].match(regex)) {
// abbreviation found, fill result
let dt = document.createElement("dt");
let dd = document.createElement("dd");
dt.innerText = line[0];
dd.innerText = line[1];
document.getElementById("abbr_result").appendChild(dt);
document.getElementById("abbr_result").appendChild(dd);
}
});
}
</script>
</body>
</html>