Add phonebook
This commit is contained in:
Jakob Lechner
parent
cd62b5bab8
commit
651a96a6d9
3 changed files with 327 additions and 0 deletions
|
|
@ -7,6 +7,7 @@
|
|||
in {
|
||||
imports = [
|
||||
./accounts.nix
|
||||
./extensions.nix
|
||||
];
|
||||
|
||||
sops.secrets."fieldpoc/omm" = {
|
||||
|
|
|
|||
47
hosts/pbx/services/fieldpoc/extensions.nix
Normal file
47
hosts/pbx/services/fieldpoc/extensions.nix
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
{pkgs, ...}: let
|
||||
mkphonebook = pkgs.python3.pkgs.buildPythonPackage {
|
||||
pname = "fieldpoc-mkphonebook";
|
||||
version = "1.0";
|
||||
|
||||
src = ./mkphonebook.py;
|
||||
|
||||
dontUnpack = true;
|
||||
|
||||
propagatedBuildInputs = [pkgs.makeWrapper];
|
||||
|
||||
format = "other";
|
||||
|
||||
installPhase = ''
|
||||
mkdir -p $out/lib/mkphonebook
|
||||
mkdir -p $out/bin
|
||||
cp $src $out/lib/mkphonebook/script.py
|
||||
|
||||
makeWrapper ${pkgs.python3.interpreter} $out/bin/mkphonebook \
|
||||
--add-flags "$out/lib/mkphonebook/script.py" \
|
||||
--set PYTHONPATH "${pkgs.python3.pkgs.pyyaml}/${pkgs.python3.sitePackages}"
|
||||
'';
|
||||
};
|
||||
in {
|
||||
environment.systemPackages = [
|
||||
(
|
||||
pkgs.writeShellScriptBin "fieldpoc-load-extensions" ''
|
||||
set -e
|
||||
|
||||
tmpfile="$(mktemp -p /tmp tmp.extensions.XXXXXXXXXX.json)"
|
||||
trap "rm -f $tmpfile" 0 2 3 15
|
||||
|
||||
${pkgs.yq}/bin/yq \
|
||||
'.extensions[] |= with_entries(select(.key | IN("name", "type", "dialout_allowed", "trunk", "static_target", "callgroup_members", "sip_password", "dect_ipei")))' \
|
||||
"$1" > $tmpfile
|
||||
|
||||
cat "$tmpfile" | /run/wrappers/bin/sudo -u fieldpoc tee /var/lib/fieldpoc/extensions.json >/dev/null
|
||||
|
||||
curl -s --fail --json '{}' http://127.0.0.1:9437/reload
|
||||
|
||||
${mkphonebook}/bin/mkphonebook "$1" "/persist/html/index.html"
|
||||
|
||||
rm -f $tmpfile
|
||||
''
|
||||
)
|
||||
];
|
||||
}
|
||||
279
hosts/pbx/services/fieldpoc/mkphonebook.py
Normal file
279
hosts/pbx/services/fieldpoc/mkphonebook.py
Normal file
|
|
@ -0,0 +1,279 @@
|
|||
import os
|
||||
import sys
|
||||
import yaml
|
||||
from collections import defaultdict
|
||||
|
||||
|
||||
def generate_html(extensions):
|
||||
# Icons per Typ
|
||||
type_icons = {
|
||||
"sip": "📱",
|
||||
"dect": "📞",
|
||||
"static": "📌",
|
||||
"callgroup": "👥",
|
||||
"temp": "⏳",
|
||||
"default": "☎️",
|
||||
}
|
||||
|
||||
def make_color(idx):
|
||||
hue = (idx * 30 + idx % 2 * 180) % 360
|
||||
return f"hsl({hue}, 50%, 95%)"
|
||||
|
||||
emergency_color = "hsl(0, 75%, 75%)"
|
||||
|
||||
# Generiere Farbzuordnung je Location
|
||||
locations = sorted(set(info.get("location", "") for info in extensions.values()))
|
||||
location_colors = {}
|
||||
for idx, loc in enumerate(locations):
|
||||
location_colors[loc] = make_color(idx + 1)
|
||||
|
||||
# Generiere HTML
|
||||
html_header = """
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Telefonbuch</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: system-ui, sans-serif;
|
||||
background-color: var(--bg);
|
||||
color: var(--fg);
|
||||
padding: 20px;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
input[type="text"] {
|
||||
width: 100%%;
|
||||
padding: 10px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 16px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
background: var(--input-bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
table {
|
||||
width: 100%%;
|
||||
border-collapse: collapse;
|
||||
background: var(--table-bg);
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
th, td {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 0 12px;
|
||||
}
|
||||
td.extension, td.vanity {
|
||||
font-weight: bold;
|
||||
}
|
||||
td.extension {
|
||||
text-align: right;
|
||||
}
|
||||
td > a {
|
||||
text-decoration: none;
|
||||
color: var(--fg);
|
||||
}
|
||||
td span {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding: 12px 0px;
|
||||
}
|
||||
tr:hover {
|
||||
background-color: var(--hover);
|
||||
}
|
||||
th {
|
||||
background-color: var(--header-bg);
|
||||
color: var(--header-fg);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
table.only-dialin .has-no-dialin {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Farbthemen */
|
||||
:root {
|
||||
--bg: #f5f5f5;
|
||||
--fg: #000;
|
||||
--border: #ccc;
|
||||
--hover: #eee;
|
||||
--header-bg: #4CAF50;
|
||||
--header-fg: white;
|
||||
--table-bg: white;
|
||||
--input-bg: white;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--bg: #1e1e1e;
|
||||
--fg: #f5f5f5;
|
||||
--border: #444;
|
||||
--hover: #333;
|
||||
--header-bg: #2e7d32;
|
||||
--header-fg: white;
|
||||
--table-bg: #2a2a2a;
|
||||
--input-bg: #2f2f2f;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
padding: 0px;
|
||||
}
|
||||
th, td {
|
||||
padding: 0px 4px;
|
||||
}
|
||||
td span {
|
||||
padding: 6px 0px;
|
||||
}
|
||||
th.type, td.type {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
function searchTable() {
|
||||
const input = document.getElementById("searchInput").value.toLowerCase();
|
||||
const rows = document.querySelectorAll("tbody tr");
|
||||
|
||||
rows.forEach(row => {
|
||||
const name = row.dataset.name.toLowerCase();
|
||||
const ext = row.dataset.ext.toLowerCase();
|
||||
const loc = row.dataset.location.toLowerCase();
|
||||
const match = name.includes(input) || ext.includes(input) || loc.includes(input);
|
||||
row.style.display = match ? "" : "none";
|
||||
});
|
||||
}
|
||||
|
||||
function sortTable(n) {
|
||||
const table = document.getElementById("phoneTable");
|
||||
let switching = true;
|
||||
let dir = "asc";
|
||||
let switchcount = 0;
|
||||
|
||||
while (switching) {
|
||||
switching = false;
|
||||
const rows = table.rows;
|
||||
let tableCol = (row, col) => rows[row].querySelectorAll('td')[col].querySelector('span');
|
||||
for (let i = 1; i < (rows.length - 1); i++) {
|
||||
const x = tableCol(i, n);
|
||||
const y = tableCol(i+1, n);
|
||||
const cmp = x.textContent.trim().localeCompare(y.textContent.trim(), 'de', { numeric: true });
|
||||
|
||||
if ((dir === "asc" && cmp > 0) || (dir === "desc" && cmp < 0)) {
|
||||
// Zeilen tauschen
|
||||
rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
|
||||
switching = true;
|
||||
switchcount++;
|
||||
break; // Nur ein Tausch pro Durchlauf
|
||||
}
|
||||
}
|
||||
|
||||
if (switchcount === 0 && dir === "asc") {
|
||||
dir = "desc";
|
||||
switching = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function filterDialin(el) {
|
||||
const table = document.getElementById("phoneTable");
|
||||
if (el.checked) {
|
||||
table.classList.add('only-dialin');
|
||||
} else {
|
||||
table.classList.remove('only-dialin');
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function(event) {
|
||||
filterDialin(document.getElementById('filterDialin'));
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>📖 Telefonbuch</h1>
|
||||
<input type="text" id="searchInput" onkeyup="searchTable()" placeholder="Suche nach Name, Nummer oder Standort...">
|
||||
<br>
|
||||
<input type="checkbox" id="filterDialin" onchange="filterDialin(this)">
|
||||
<label for="filterDialin">Nur Nummern mit externer Einwahl anzeigen</label>
|
||||
<div style="overflow-x: auto;">
|
||||
<table id="phoneTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th onclick="sortTable(5)"></th>
|
||||
<th class="extension" onclick="sortTable(1)"></th>
|
||||
<th onclick="sortTable(2)">🧑 Name</th>
|
||||
<th onclick="sortTable(3)">🔤 </th>
|
||||
<th onclick="sortTable(4)">📍 Ort</th>
|
||||
<th class="type" onclick="sortTable(5)">🔧 Typ</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
"""
|
||||
|
||||
# Sortiere Einträge:
|
||||
# 1. Notrufnummern (3-Stellig) numerisch sortiert
|
||||
# 2. alle weiteren Extensions: nach Location, dann Name
|
||||
rows = sorted(
|
||||
extensions.items(),
|
||||
key=lambda x: (
|
||||
(0, x[0], "")
|
||||
if len(x[0]) < 4
|
||||
else (1, x[1].get("location", ""), x[1].get("name", ""))
|
||||
),
|
||||
)
|
||||
html_rows = ""
|
||||
|
||||
for ext, info in rows:
|
||||
name = info.get("name", "")
|
||||
typ = info.get("type", "default")
|
||||
location = info.get("location", "")
|
||||
vanity = info.get("vanity", "")
|
||||
dialin = info.get("dialin", "")
|
||||
icon = type_icons.get(typ, type_icons["default"])
|
||||
row_color = (
|
||||
emergency_color if len(ext) < 4 else location_colors.get(location, "#fff")
|
||||
)
|
||||
|
||||
name_cell = f"<span>{name}</span>"
|
||||
if dialin:
|
||||
name_cell = f'<a href="tel:{dialin}">{name_cell}</a>'
|
||||
|
||||
html_rows += f"""
|
||||
<tr class="{'has-dialin' if dialin else 'has-no-dialin'}" data-name="{name}" data-ext="{ext}" data-location="{location}" style="background-color: {row_color}">
|
||||
<td><span>{icon}</span></td>
|
||||
<td class="extension"><a href="tel:{ext}"><span>{ext}</span></a></td>
|
||||
<td>{name_cell}</td>
|
||||
<td class="vanity"><span>{vanity}</span></td>
|
||||
<td class="location"><span>{location}</span></td>
|
||||
<td class="type"><span>{typ}</span></td>
|
||||
</tr>
|
||||
"""
|
||||
|
||||
html_footer = """
|
||||
</tbody>
|
||||
</div>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
"""
|
||||
|
||||
return html_header + html_rows + html_footer
|
||||
|
||||
|
||||
def main():
|
||||
INPUT_FILE, OUTPUT_FILE = sys.argv[1:]
|
||||
|
||||
with open(INPUT_FILE, "r") as f:
|
||||
data = yaml.safe_load(f)
|
||||
|
||||
extensions = data.get("extensions", {})
|
||||
with open(OUTPUT_FILE, "w", encoding="utf-8") as f:
|
||||
f.write(generate_html(extensions))
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
Loading…
Add table
Add a link
Reference in a new issue