NEWS: Neu im Admin, zentrale Verwaltung für Passwörter und Schlüssel

[Agrippinenser]

Danke, das hat geholfen.

[Agrippinenser]

das ist mein Stand :

LG

[beetle-fan]

Ich zitiere mich mal selbst :

Ich würde gerne ein älteres iPad Air als Dashboard-Gerät nutzen. Wenn ich das Dashboard über die URL aufrufe steht da allerdings immer "nicht verbunden" und es zeigt nichts an? An meinem iPad Pro funktioniert es hingegen, genauso wie am Laptop. Hat jemand eine Idee, woran das liegen kann?

Also nochmal: wenn ich dir URL öffne, zeigt das iPad zwar die Aura Oberfläche, aber nicht das Dashboard, Status oben rechts sagt "nicht verbunden". Alle Geräte sind natürlich im gleichen Netzwerk.

[icebear]

@Agrippinenser said:

das ist mein Stand :

Darf ich dich mal fragen welche Adapter bzw. welches Script du nutzt um die Telefone von der FB abzufragen bzw anzuzeigen?

[dering]

@beetle-fan ist Aura per http oder https erreichbar?
Wenn https, dann würde ich Mal ohne Zertifikat testen.

[beetle-fan]

Zugriff per http.

Ich konnte das Problem aber lösen: im Web-Adapter musste ich die Option "Reine Web-Sockets (iobroker.ws) verwenden" deaktivieren. Nun wird das Dashboard angezeigt.

Danke trotzdem!

[Agrippinenser]

@icebear sagte:

Darf ich dich mal fragen welche Adapter bzw

gerne:-) also das ist eher ein über viele Jahre immer mal wieder hier und dort angepasstes Bastelwerk - aber es funktioniert. Ich schaue gleich mal drüber um persönlichen Kram rauszunehmen und wenn ich mich dann noch traue poste ich.
Adapter war TR064.

[Agrippinenser]

@icebear sagte:

Script du nutzt um die Telefone von der FB abzufragen bzw anzuzeigen?

Wir nutzen ein Telefonbuch mit gesperrten Nummern und zudem 29 Rufnummernbereiche. Mehr als 30 lässt AVM nicht zu. Bei Anruf wird die eingehende Nummer mit den Sperrlisten abgeglichen, abgewiesen und in die Liste der gesperrtem eingetragen.
Alle anderen Anrufer kommen durch und ein hinterlegtes Bild wird zu Anzeige aktualisiert.
Der Status der einzelnen Telefone wird aus den "tr-064.0.callmonitor.toPauseState*" ermittelt.
Bilder liegen in einem NAS-Verzeichnis.

Wie oben gesagt habe ich über die Jahre hinweg daran gebastelt und vieles kann sehr wahrscheinlich verbessert werden. Tipps nehme ich gerne an .
LG

Verwendetes CSS

Spoiler

@keyframes yellow-blink {
 0%,50% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
 51% {filter: none;}
}
.gelbblink {  
 animation: yellow-blink 2s infinite;
}
@keyframes red-blink {
0%,50% {filter: drop-shadow(0px 0px 4px #f13164) drop-shadow(0px 0px 4px #f13164) drop-shadow(0px 0px 4px #f13164); }
 51% {filter: none;}
}
.rotblink {  
 animation: red-blink 2s infinite;
}
.red { color:#f44336 !important; }
.deeporange { color:#ff5722 !important; }
.lime { color:#cddc39 !important; }
.lightgreen { color:#8bc34a !important; }
.yellow { color:#ffeb3b !important; }
.white { color:#f8f8f8 !important; }
.grey { color:#9e9e9e !important; }

Skript Rufbehandlung

Spoiler

//const moment = require('moment');
const fs = require('fs');

//let idrufegesperrt = "0_userdata.0.vis.Tabellen.eingehendgesperrt";
let idrufegesperrt = '0_userdata.0.Telefon.gesperrteAnrufe';
let idAnrufe = '0_userdata.0.Telefon.Anrufe';
let jsontab = [];

// zur Anzeige in VIS
createState(
   idrufegesperrt,
   JSON.stringify(jsontab),
   false,
   { type: 'string', name: 'unerwuenschte Anrufe' },
   function () {},
);
createState(idAnrufe, JSON.stringify(jsontab), false, { type: 'string', name: 'Anrufe' }, function () {});

const maxUnerwuenschteAnrufer = 99; // Tabelleneinträge begrenzen
const maxAnrufe = 99; // Tabelleneinträge begrenzen

const vorwahl = '0xxxxx';
// MSN, Gerätename, Anruf auf Alexa ausgeben
const arrAnschluss = [
   { AnschlussNr: '11111', Name: 'Anschluss 0', Ansage: false },
   { AnschlussNr: '2222', Name: 'Anschluss 1', Ansage: false },
   { AnschlussNr: '33333', Name: 'Anschluss 2', Ansage: false },
   { AnschlussNr: '4444', Name: 'Anschluss 3', Ansage: true },
   { AnschlussNr: '5555', Name: 'Anschluss 4, Ansage: false },
   { AnschlussNr: '6666', Name: 'Anschluss 5', Ansage: false },
   { AnschlussNr: '7777', Name: 'Anschluss 6', Ansage: false },
   { AnschlussNr: '8888', Name: 'Anschluss 7', Ansage: true },
   { AnschlussNr: '9999', Name: 'Anschluss 8', Ansage: true },
   { AnschlussNr: '00000', Name: 'Anschluss 9', Ansage: true }
];

var push = true; // Ausgabe Pushover
var clog = true; // Ausgabe ins Logfile

var AnruferName = ''; // Name des Anrufern
var AnruferNummer = ''; // Nummer des Anrufern
var AnschlussName = ''; // Bezeichnug des Hausanschlusses
var AnschlussNummer = ''; // Nummer des Hausanschlusses


on({ id: 'tr-064.0.callmonitor.inbound.json' /*json*/, change: 'any' }, function (obj) {

   var jObj = JSON.parse(obj.state.val);

   AnruferNummer = jObj.caller; // Nummer des Anrufers
   AnruferName = jObj.callerName; //Name des Anrufers
   AnschlussNummer = jObj.callee.replace(vorwahl, ''); //eigene Nummer ohne Vorwahl
   AnschlussName = AName(AnschlussNummer); //Bezeichnung des Telefonanschlusses

   //Anrufer nicht im Telefonbuch, dann Ansage der eingehenden Nummer
   if (AnruferNummer.length > 0 && AnruferName.length == 0) {
       AnruferName = AnruferNummer;
   } else {
       // Anfufer sendet keine Nummer
       if (AnruferNummer.length == 0) {
           AnruferName = 'verdeckter Anrufer';
       }
   }

   // wenn Anrufer gesperrt dann Spaemmer in Tabelle speichern und ggf. Pushnachricht
   if (istRufnummernbereichgesperrt(AnruferNummer) || istSperrTelefonbuch(AnruferName)) {
       const jsonObj = JSON.parse(getState(idrufegesperrt).val);
       const jsontrimmed = jsonObj.slice(-maxUnerwuenschteAnrufer);

       jsontrimmed.push({
           id: Date.now(),
           _type: jObj._type,
           timestamp: jObj.timestamp,
           caller: jObj.caller,
           callee: jObj.callee,
           calleeName: jObj.calleeName,
       });

       jsontrimmed.sort((a, b) => b.id - a.id);
       setState(idrufegesperrt, JSON.stringify(jsontrimmed));

       if (push) {
           var nachricht =
               'von: <font color="#ff4d00">' +
               AnruferName +
               '</font>\n' +
               'Nr.: <font color="#ff4d00">' +
               AnruferNummer +
               '</font>\n' +
               'auf: <font color="#ff4d00">' +
               AnschlussName +
               '</font>';
           fPush(nachricht, 'Anruf', 'intermission');
       }

       //Bild von Synology/Kontakte auf gemountetes Verzeichnis legen
       BildVisualisieren('spammer');

       return;
   }
   
   if (push) {
       var nachricht =
           'von: <font color="#00CD00">' +
           AnruferName +
           '</font>\n' +
           'Nr.: <font color="#00CD00">' +
           AnruferNummer +
           '</font>\n' +
           'auf: <font color="#00CD00">' +
           AnschlussName +
           '</font>';
       fPush(nachricht, 'Anruf', 'intermission');
   }

   //Bild von Synology/Kontakte auf gemountetes Verzeichnis legen
   BildVisualisieren(AnruferNummer);
});

//----------------------------------------------------------------------------------------------------------------
// Tabelle Anrufe aktualisieren
// ---------------------------------------------------------------------------------------
on({ id: 'tr-064.0.calllists.all.json', change: 'any' }, function (calllistsobj) {

   // Neue Anrufdaten einlesen
   const call = JSON.parse(calllistsobj.state.val)[0];

   // Bestehende Anrufliste einlesen
   const anrufe = JSON.parse(getState(idAnrufe).val || '[]');

   // Richtung / Modus bestimmen
   let modus = '';
   
   if (call.path.length > 0) {
       modus = '<span class=\"deeporange\">#AB</span>';
   } else if (call.device === 'Anrufbeantworter') {
       modus = '<span class=\"grey\">-AB</span>';
   } else if (call.sym === '>') {
       modus = '<span class=\"yellow\">-IN</span>';
   } else if (call.sym === '<') {
       modus = '<span class=\"lightgreen\">OUT</span>';
   } else if (call.sym === 'x') {
       modus = '<span class=\"grey\">-X-</span>';
   }
   
   // Name bestimmen, fall nicht vorhanden Nummer eintragen
   const name = call.name && call.name.length > 0
       ? call.name
       : call.called;

   // Neuen Anruf hinzufügen
   anrufe.push({
       id: Date.now(),
       Richtung: modus,
       Zeit: call.date,
       Name: name,
       Dauer: call.duration
   });

   // Neueste Anrufe zuerst und auf maxAnrufe begrenzen
   anrufe.sort((a, b) => b.id - a.id);
   const anrufeBegrenzt = anrufe.slice(0, maxAnrufe);

   // Speichern
   setState(idAnrufe, JSON.stringify(anrufeBegrenzt));

   //Bild des Anrufers durch Platzhalter ersetzten
   BildVisualisieren('frei');

});

// Funktionen ---------------------------------------------------------------------------------------

/**
* @param {string} eingehend Nummer
*/
function BildVisualisieren(eingehend) {
   const SynoPath = '/mnt/synology/kontakte/';
   const CheckSynology = SynoPath + '0000000000.jpg';
   const SynoDown = '/home/iobroker/Synology_offline.jpg';

   var anrufer = eingehend;

   if (fs.existsSync(CheckSynology)) { 
       if (clog) {
           console.log('150-Synology gemountet');
       }

       // Anrufer sendet keine Nummer
       if (anrufer.length == 0) {
           const bild = fs.readFileSync(SynoPath + 'unterdrueckt.jpg');
           writeFile('vis-2.0', '/RHv2/images/anrufer.jpg', bild, function (error) {});
           if (clog) {
               console.log('156-unterdrueckt');
           }
       }

       // unbekannter Anrufer
       else if (!fs.existsSync(SynoPath + anrufer + '.jpg')) {
           const bild = fs.readFileSync(SynoPath + 'unbekannt.jpg');
           writeFile('vis-2.0', '/RHv2/images/anrufer.jpg', bild, function (error) {
               console.log(error);
           });
           if (clog) {
               console.log('165-unbekannt.jpg kopiert');
           }
       }

       // Anrufer bekannt
       else {
           const bild = fs.readFileSync(SynoPath + anrufer + '.jpg');
           writeFile('vis-2.0', '/RHv2/images/anrufer.jpg', bild, function (error) {});
           if (clog) {
               console.log('172-' + anrufer + '.jpg kopiert');
           }
       }
   } else {
       if (clog) {
           console.log('175-Synology nicht gemountet');
       }
       var datei = fs.readFileSync(SynoDown);
       writeFile('vis-2.0', '/RHv2/images/anrufer.jpg', datei, function (error) {});
   }
}

/**
* @param {string} eingehend
*/
function AName(eingehend) {
   for (var i = 0; i < arrAnschluss.length; i++) {
       if (arrAnschluss[i].AnschlussNr === eingehend) {
           return arrAnschluss[i].Name;
       }
   }
}

function istAnschlussansagen(eingehend) {
   for (var i = 0; i < arrAnschluss.length; i++) {
       if (arrAnschluss[i].AnschlussNr === eingehend) {
           return arrAnschluss[i].Ansage;
       }
   }
}

/*
* Prüft über ioBroker-Selektoren, ob die Nummer in einer Rufumleitung/Sperre liegt
* @param {string} eingehend - Anrufernummer
* @returns {boolean} True falls gesperrt
*/
function istRufnummernbereichgesperrt(eingehend) {
   let treffer = false;
   // Durchläuft alle FritzBox-Rufumleitungen/Sperren effizient
   $('tr-064.0.callForwarding.*').each((id) => {
       const obj = getObject(id);
       if (!obj || !obj.common || !obj.common.name) return;

       const parts = obj.common.name.split(' ');
       // Erwartetes Format: "fromNumber [NUMMER] -> ..."
       if (parts[0] === 'fromNumber' && parts[2] === '->') {
           const sperrNummer = parts[1];
           if (eingehend.startsWith(sperrNummer)) {
               if (clog) {console.log(`Nummer unerwünscht: ${eingehend} - FritzBox-Filter: ${sperrNummer}`);}
               treffer = true;
           }
       }
   });
   
   return treffer;
}

/*
* Prüft ob die Nummer im Sperr-Telefonbuch vorhanden ist
* @param {string} eingehend - Anrufernummer
* @returns {boolean} True falls gesperrt
*/
function istSperrTelefonbuch(eingehend) {
   var treffer = false;
   if (eingehend.startsWith('*')) {
       if (clog) {
           console.log('226-gesperrter Anrufer: ' + eingehend);
       }
       treffer = true;
   }
   return treffer;
}

/**
* @param {string} Nachricht
* @param {string} Titel
* @param {string} Sound
*/
function fPush(message, titel, sound) {
   if (clog) {
       console.log('250-Pushover:=' + titel);
   }
   sendTo('pushover.0', {
       message: message,
       title: titel,
       sound: sound,
       priority: 0,
       file: '',
       html: 1,
   });
}

Status Telefone

Spoiler

const Phones = "0_userdata.0.Telefon.phones";

// Vorgegebene Texte für die jeweiligen IDs
const PHONE_MAPPING = {
   "toPauseState-10": "Phone1",
   "toPauseState-11": "Phone2",
   "toPauseState-12": "Phone3",
   "toPauseState-13": "Phone4",
   "toPauseState-14": "Phone5"
};

// Kombiniertes Mapping für Text und CSS-Klasse je nach Status
const STATUS_CONFIG = {
   "ring":    { text: "klingelt",  css: "gelbblink" },
   "connect": { text: "verbunden", css: "red" },
   "end":     { text: "frei",      css: "lightgreen" }
};

// Generiert das ID-Array automatisch aus den Keys von PHONE_MAPPING
const triggerIds = Object.keys(PHONE_MAPPING).map(key => `tr-064.0.callmonitor.${key}`);
on({ id: triggerIds, change: 'any' }, function() {

   const anrufe = [];

   for (const [key, textName] of Object.entries(PHONE_MAPPING)) {
       const stateId = `tr-064.0.callmonitor.${key}`;
       const currentStatus = getState(stateId).val; // Liefert "ring", "connect" oder "end"

       // Holt die Konfiguration für den aktuellen Status (Fallback auf leere Standardwerte)
       const config = STATUS_CONFIG[currentStatus] || { text: "", css: "" };

       // HTML dynamisch mit der passenden CSS-Klasse zusammenbauen
       const statusHtml = config.css 
           ? `<span class="${config.css}">${config.text}</span>` 
           : `<span>${config.text}</span>`;

       anrufe.push({
           phone: textName,
           Status: statusHtml
       });
   }

   setState(Phones, JSON.stringify(anrufe));
});

[darkiop]

@dering Zuerst vielen Dank für deine Arbeit. Ein tolles Projekt!
Aufgrund kaum vorhandener Zeit ist das Thema und VIS in der letzten Zeit total heruntergefallen, wir haben uns einfach mit IOB Mobile eine funktionale Plattform zusammen geklickt. Mit deinen Projekt hat auch das Tablet wieder eine Chance ;)

Ich taste mich gerade langsam ran, hier ein paar Dinge die mir aufgefallen sind (v0.56.3):

• MacOS -> Evtl. CMD anstelle von STRG
• Wird das Custom CSS nicht für HTML Widgets gelesen?
• Mit welchem Widget Zeige ich common.states am besten an? Beispiel unten.
• Breite von Widget "Abschnittstitel" nicht einstellbar?
• Widget-Typ: "Wert-Anzeige" ist nicht Widget Auswahl unter "Neues Widget"

    "states": {
      "303": "Aus",
      "2291": "Batterie Standby",
      "2292": "Batterie laden",
      "2293": "Batterie entladen",
      "3664": "Notladebetrieb",
      "16777213": "Information liegt nicht vor"
    },

[lesiflo]

@darkiop

Mit welchem Widget Zeige ich common.states am besten an? -> Mit dem Widget "Auswahlfeld" und "Dropdown ausblenden" aktivieren.

[dering]

@darkiop Erstelle gerne für Bugs oder Features am besten jeweils ein eigenes issue in github. Dann ist es für mich einfacher die Sachen umzusetzen.
Fragen passen hier rein :).

Wird das Custom CSS nicht für HTML Widgets gelesen?

Dem HTML Widget kannst du ein separates CSS geben. Ich denke aber, wenn du die richtigen tags nutzt, sollte das CSS aus dem Backend auch dort angewandt werden.

Breite von Widget "Abschnittstitel" nicht einstellbar?

Über den kleinen Pfeil rechts unten kannst du alle Widgets in der Größe verändern:

Widget-Typ: "Wert-Anzeige" ist nicht Widget Auswahl unter "Neues Widget"

Wert-Anzeige versteckt sich hinter Messwerte. Da hast du aber recht, das ist nicht ganz synchron. Sollte ich mal angleichen.

[darkiop]

@dering sagte:

Über den kleinen Pfeil rechts unten kannst du alle Widgets in der Größe verändern:

Je nach Zeilenhöhe und Variante war der etwas schwer zu "finden". Danke ;)

Issues & Ideen dann auf github.

[darkiop]

@dering sagte:

Dem HTML Widget kannst du ein separates CSS geben. Ich denke aber, wenn du die richtigen tags nutzt, sollte das CSS aus dem Backend auch dort angewandt werden.

Leider nicht - aber ich kann gerne nochmal testen.

[Agrippinenser]

Wie wird denn am einfachsten ein Vis-Image8 umgesetzt. 20 Bilder sollen je State-Wert eingeblendet werden.

[Agrippinenser]

.. den Pfad des Bildes in einen Datenpunkt schreiben und das Bild-Widget entsprechend konfigurieren. Datenpunkt /Pfad zum Bild/ dann bei Bedarf entsprechend anpassen.

[Agrippinenser]

Bild der Heizkurve wird nun bei Änderung aktualisiert ..

[dering]

Super, dass du auf eine Lösung gekommen bist :)

[Agrippinenser]

finde ich auch :-) Vielen Dank für AURA !

[Agrippinenser]

wie bekommt man die abgeschnittenen Untertitel im Frontend weg?

Frontend:

Editor:

[dering]

@Agrippinenser erstelle dazu Mal ein issue inkl Widget export