Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. HTML Tabelle für Email Postfach

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    HTML Tabelle für Email Postfach

    This topic has been deleted. Only users with topic management privileges can see it.
    • liv-in-sky
      liv-in-sky last edited by liv-in-sky

      eine tabelle für die darstellung einer mailbox mit dem modul mail-listener4 - es ist vorallem dafür gedacht, sich bestimmte emails von bestimmten absendern in der vis anzeigen zu lassen - oder einfach die ganze mailbox

      beispiel furum benachrichtigungen über mail:

      Image 11.png

      als beispiel: emails kommen mit info's über neue folgen - mail subject wird mit regex bearbeitet

      Image 1.png

      • grundlage des scriptes ist: https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly

      • email thread: https://forum.iobroker.net/topic/18501/emails-empfangen (dank an @ilovegym und @Marty56 - haben script vorlage erstellt )

      • für übersicht in der vis (tabelle wird über html-widget mit binding angezeigt) oder in iqontrol

      • datenpunkte werden unter : javascript.x. .. angelegt

      • das script kann bis zu 1,5 minuten brauchen (wenn minüliches schedule!), bis es die ersten werte anzeigt - log beobachten, ob fehler kommen - also geduld - die tabelle refresht jede minute - ist evtl etwas viel für eine mailbox

      • im setting bereich des scriptes können die html settings auf wunsch geändert werden (darstellung farbe, ...)

      muss-eingabe:
      im setting der javascript-instanz muss "mail-listener4 eingetragen werden

      Image 3.png

      setting meist selbsterklärend aber im script sind die kommentare für erklärungen da
      im setting der javas-instanz es muss "mail-listener4 eingetragen werden
      maillistener settings username, passwort und host (imap-server)
      maillistener settings markSeen ist falsch gesetzt - leider gibt es mailboxen, die trotzdem die mails als gelesen markieren - daher vorsicht (hat bei meiner hauptmailbox leider alle als gelesen markiert 😞
      standard setting javascriptInstanzOrdner setzen
      standard setting wichtigeMails - welche sender sollen in der tabelle angezeigt werden
      standard setting regex - hier können regex eingesetzt werden für das mail subject, mail-absender und den mail text - es sind mehrere regex möglichkeiten pro spalte (für komplizierte abfragen)
      Spaltennamen kann angepasst werden
      der rest ist html tabellen setting

      script zum import:

       //@liv-in-sky 2020  5.9.20-10:42
      
      var maillistenerSetting = {
           username: "postfach",    // hier Email Adresse eintragen
           password: "kennwort",	      // hier Passwort eintragen	
           host: "imap mail server",
           port: 993, // imap port
           tls: true,
           connTimeout: 10000, // Default by node-imap
           authTimeout: 5000, // Default by node-imap,
           debug: null, // Or your custom function with only one incoming argument. Default: null
           tlsOptions: { rejectUnauthorized: false },
           mailbox: "INBOX", // mailbox to monitor
           searchFilter: ["ALL"], // the search filter being used after an IDLE notification has been retrieved
           markSeen: false, // all fetched email willbe marked as seen and not fetched next time
           fetchUnreadOnStart: true, // use it only if you want to get all unread email on lib start. Default is `false`,
           mailParserOptions: {streamAttachments: true}, // options to be passed to mailParser lib.
           attachments: false, // download attachments as they are encountered to the project directory
           attachmentOptions: { directory: "attachments/" }}
      
      //HIER WIRD PFAD UND FILENAME DEFINIERT
      const path = "/htmlexample.html";                   //FIlenamen definieren
      const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
      let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
      //let dpVIS="controll-own.0.AAATEST.TestHTML"         //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
      let javascriptInstanzOrdner="Email-Forum"          // unterordner unter genutzter javascript-instanz z.b. javascript.0.Email-Serien
      let mySchedule="  */1 * * * * ";                       //nicht unter eine minute einstellen !!!!!!!
       var styleUeber="span"                              // oder "i"   oder "b"
      var farbeUeber="lightblue"                           // farbe für mails vom heutiger tag
      var mitSeqnu=true;                                // zeigt email nummer an vor Absender
      var wichtigeMails=["noreply@iobroker.info"]  //["iobroker3@online.de","no-personal@online.de"]//  oder wenn leer == ALLE ==> []   -> whiteList Logic
      var anzahlMails=99;                // anzahl sichtbarer mails in tabelle
      var kuerzungSubject=35;
      var kuerzungText=120;
      var myRegex=/[ (ioB)roker(.+)].+/;                                                      // erstes Regex für Subject - "" für leer
      var myRegexErsetzen="$1 $2";                                                              // erstes Regex Subject Ersetzen mit - "" für leer 
      var myRegex2=/[|] .+/g;                                                                 // zweites Regex für Subject - "" für leer
      var myRegex2Ersetzen="";                                                                  // zweites Regex Subject Ersetzen mit - "" für leer 
      var myRegex3=/\n/g;                                                                       // erstes Regex für Text - "" für leer
      var myRegex3Ersetzen="" ;                                                                 // erstes Regex Text Ersetzen mit - "" für leer                                                          
      var myRegex4=/(.+?) hat auf (.+?) (geantwortet)\..+/gm;                                   // zweites Regex für Text - "" für leer
      var myReg4Ersetzen=" <b>REPLY</b>: $1 - $2";                                              // zweites Regex Text Ersetzen mit - "" für leer
      var myRegex5=/(.+?) hat deinen Beitrag (.+?) (positiv bewertet)\..+/gm;                   // drittes Regex für Text - "" für leer
      var myReg5Ersetzen=" <b>POSITIV</b>: $1 - $2";                                            // drittes Regex Text Ersetzen mit - "" für leer
      var myRegex6=/(ioB)roker(.+)/;                                                            // erstes Regex für Absender - "" für leer
      var myRegex6Ersetzen="$1 $2" ;                                                            // erstes Regex Absender Ersetzen mit - "" für leer
      //---------------------------------------
      
      //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 4
      var htmlFeld1='Von';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
      var htmlFeld2='Subject';        var Feld2lAlign="left";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
      var htmlFeld3='Datum';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
      var htmlFeld4='Inhalt';        var Feld4lAlign="left";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
      //-----------------------------------
      
      
      
      //ÜBERSCHRIFT ÜBER TABELLE
      let   htmlUberschrift=true;                           // mit Überschrift über der tabelle
      let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
      const htmlFeldUeber='E-Mails: ioBroker Benachrichtigung';              // Überschrift und Signature
      const htmlFarbUber="white";                         // Farbe der Überschrift
      const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
      const htmlÜberFontGroesse="18px";                       // schriftgröße überschrift
      //MEHRERE TABELLEN NEBENEINANDER
      let   mehrfachTabelle=1;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
      const trennungsLinie="2";                             //extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
      const farbetrennungsLinie="white";
      const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
      const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
      //ÜBERSCHRIFT SPALTEN
      const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
      const LinieUnterUeberschrift="3";                   // Linie nur unter Spaltenüberschrift - 
      const farbeLinieUnterUeberschrift="white";
      const groesseUeberschrift=16;
      const UeberschriftStyle="normal"                     // möglich "bold"
      //GANZE TABELLE
      let abstandZelle=6;
      let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
      let farbeGeradeZeilen="#333333";                        //Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
      let weite="auto";                                     //Weite der Tabelle
      let zentriert=true;                                   //ganze tabelle zentriert
      const backgroundAll="#000000";                        //Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
      const htmlSchriftart="Helvetica";
      const htmlSchriftgroesse="14px";
      //FELDER UND RAHMEN
      let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
      const htmlFarbFelderschrift="#BDBDBD";                  // SchriftFarbe der Felder
      const htmlFarbFelderschrift2="#D8D8D8";                 // SchriftFarbe der Felder für jede 2te Tabelle
      const htmlFarbTableColorGradient1="#424242";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
      const htmlFarbTableColorGradient2="#424242";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
      const htmlFarbTableBorderColor="grey";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
      let htmlRahmenLinien="none";                            // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"
      const htmlSpalte1Weite="auto";                   //  Weite der ersten beiden  Spalten oder z.b. 115px
      
      // HIER NICHTS  ÄNDERN
      
      let borderHelpBottum;
      let borderHelpRight;
      let htmlcenterHelp;
      let htmlcenterHelp2;
      
      if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
      if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
      if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
      if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
      zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
      zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";
      
      
      const htmlZentriert='<center>'
      const htmlStart=    "<!DOCTYPE html><html lang=\"de\"><head><title>Vorlage</title><meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\">"+
                       "<style> * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                       " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                      // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                       " td { padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                       " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                       "td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                       " </style></head><body> <div>";
      //const htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\">"+htmlFeldUeber+"</p>";                    
      const htmlTabStyle= "<table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                          "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\">";
      const htmlTabUeber1="<tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
      const htmlTabUeber3="</tr>";
      
      
      
      
      //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 4
      
      var htmlTabUeber2="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+">&ensp;"+htmlFeld1+"&ensp;</td><td width="+htmlSpalte1Weite+" align="+Feld2lAlign+">&ensp;"+htmlFeld2+"&ensp;</td><td  align="+Feld3lAlign+">&ensp;"+htmlFeld3+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+htmlFeld4+"&ensp;</td>";
      var htmlTabUeber2_1="<td width="+htmlSpalte1Weite+" align=="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld1+"&ensp;</td><td width="+htmlSpalte1Weite+"  align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld2+
                         "&ensp;</td><td  align=="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld4+
                         "&ensp;</td>";
      //------------------------------------------------------
      
      
      let   braucheEinFile=false;                          // bei true wird ein file geschrieben
      var mailobj =[] 
      createState(javascriptInstanzOrdner+".Reception");
      createState(javascriptInstanzOrdner+".from_address");
      createState(javascriptInstanzOrdner+".from_name");
      createState(javascriptInstanzOrdner+".mail_subject");
      createState(javascriptInstanzOrdner+".mail_text");
      createState(javascriptInstanzOrdner+".mail_date");
      createState(javascriptInstanzOrdner+".Anzahl");
      createState(javascriptInstanzOrdner+".Tabelle");
      var htmlOut="";
      var mix;
      var counter;
      var val1; var val2; var val0; var val3;
      var htmlTabUeber="";
      
      function writeHTML(){
      
      
      htmlOut="";
      
      
      
      counter=-1;
      htmlTabUeber="";
      switch (mehrfachTabelle) { 
         case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
         case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
         case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2+htmlTabUeber2+htmlTabUeber3; break;
         case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
      }; 
      if (!UeberschriftSpalten) {htmlTabUeber=""} 
      
      //--------------------------------------------------------------------------------------------------------------------------------------------------
      //---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
      //---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2,val3 !!!---------------------------------------------------------------------
      //--------------------------------------------------------------------------------------------------------------------------------------------------
      
      
      
          
        getMail().then( () =>{
          //  log("jetztttttttttttttttttttttttttttttttttttttttt")
       setTimeout(function(){
      // log("array= "+mailobj[0].from+"lang   "+mailobj.length.toString())
             if (mailobj.length>0) {
        // log("jetzt2")
         //log( "lang: " + mailobj.length.toString()+"string: "+mailobj.toString() )
             setState(javascriptInstanzOrdner+ ".from_address", mailobj[mailobj.length-1].address);
             setState(javascriptInstanzOrdner+ ".from_name", mailobj[mailobj.length-1].from);
             setState(javascriptInstanzOrdner+ ".mail_subject", mailobj[mailobj.length-1].subject);
             setState(javascriptInstanzOrdner+ ".mail_text",mailobj[mailobj.length-1].text);
             setState(javascriptInstanzOrdner+ ".mail_date", mailobj[mailobj.length-1].date);
             setState(javascriptInstanzOrdner+ ".Anzahl", mailobj[mailobj.length-1].number);
      
      mailobj.sort(function(a, b){
            return b.date_num - a.date_num;
        });
      
      for (let i=0;i<mailobj.length;i++){
      
                
                mitSeqnu ? val0="("+mailobj[i].number+") "+ mailobj[i].from : val0=mailobj[i].from
                val0=val0.replace(myRegex6,myRegex6Ersetzen)
                val1=mailobj[i].subject //.substring(0,45)
                 val1=val1.replace(/Ã"/g, "&Auml;")
                 val1=val1.replace(/Ã"/g, "&Auml;")
                 val1=val1.replace(/Ã"/g, "&Auml;")
                 val1=val1.replace(/ä/g, "&auml;")
                 val1=val1.replace(/Ü/g, "&Uuml;")
                 val1=val1.replace(/ü/g, "&uuml;")
                 val1=val1.replace(/Ã-/g, "&Ouml;")
                 val1=val1.replace(/ö/g, "&ouml;")
                 val1=val1.replace(/ß/g, "&szlig;")
                  
                val2=  formatDate(getDateObject(((new Date(mailobj[i].date).getTime()))), "TT.MM.JJ - SS:mm")
                let  val22help=  formatDate(getDateObject(((new Date(mailobj[i].date).getTime()))), "TT.MM.JJ")
                let val2help=formatDate(getDateObject(((new Date().getTime()))), "TT.MM.JJ")
                
                val1=val1.replace(myRegex,myRegexErsetzen).substring(0,kuerzungSubject)
                val1=val1.replace(myRegex2,myRegex2Ersetzen)
      
                val3=mailobj[i].text.trim().substring(0,kuerzungText)
                if (val3.includes("doctype")) val3="ersetzt: HTML Code"
                val3=val3.replace(myRegex3,myRegex3Ersetzen)
                val3=val3.replace(myRegex4,myReg4Ersetzen)        
                val3=val3.replace(myRegex5,myReg5Ersetzen)  
      
      
             if (val22help==val2help){
                    
                 val0= "<font color=\""+farbeUeber +"\"><"+styleUeber+">" + val0
                 val1= "<font color=\""+farbeUeber +"\"><"+styleUeber+">" + val1
                 val2= "<font color=\""+farbeUeber +"\"><"+styleUeber+">" + val2
                 val3= "<font color=\""+farbeUeber +"\"><"+styleUeber+">" + val3
             }
      
        
          if( i <= anzahlMails )  {
           
           if(wichtigeMails.length>0){
                                     for (var aa=0 ;aa <wichtigeMails.length;aa++){
                                         if(wichtigeMails[aa]==mailobj[i].address) {counter++;tabelleBind()};} //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
                                     } else {counter++;tabelleBind()}
             }
      
        // }
         } //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
      
      //-------------------------------------------------------------------------------------------------------------------------------------------------
      //--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
      //-------------------------------------------------------------------------------------------------------------------------------------------------
      
            tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
             }
        },13000);
         })
      
      
      
           
      } // function ende
      
      //MAIN:
      
       
      schedule(mySchedule,  function () {
       writeHTML();//log("jetz")
       if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
      }); 
      //writeHTML();
      
      
      function tabelleBind(){
           //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 4 Felder definiert, braucht man hier 4 Werte 
         
             switch (mehrfachTabelle) {  
              case 1:  if(counter%2==0){  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>"; break;} else
                                       {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>"; break;}
              case 2: if(counter%4==0){ 
                       if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                          ";\"align="+Feld4lAlign+">"+val3+"</td>"; } 
                                    else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} break;
                          }else{
                       if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                          ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                    else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} break;}                  
              case 3:  if(counter%2==0)   {
                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                              ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                    else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                              ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                     else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>";}
                                               } break;}else{
                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                              ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                    else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                              ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                     else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>";}
                                               } break;}
      
              case 4:  if(counter%8==0)   {
                       if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                        else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                     else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} 
                                                                       else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld4lAlign+">"+val3+"</td>";}}
                                               } break;}else{
                       if(counter%4==0)   {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                        else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                     else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+"  color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} 
                                                                       else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld4lAlign+">"+val3+"</td>";}}
                                               } break;     }                   
      
           } //switch ende
      
      }
      
      
      function tabelleFinish() {
      
           // tabelle fertigstellen
      
      
             switch (mehrfachTabelle) {  
             case 1:    break;
      
             case 2:    
                        if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');   
                      
                        break;
      
             case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                       if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');      
                       if(counter%3==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
                     
                        break;
             case 4:   if(counter%4==3) {  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");}
                       if(counter%4==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
                       if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");    
                       if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");      
                       break; } 
      
      
               var htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</p>"; 
             var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</div>";
              
              if (!htmlSignature) htmlUnter="";
                //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
                 var htmlOutVIS="";
               //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>";
                  if (htmlUberschrift) 
                      { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter ;
      
                    } else {
                     zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter;
      
                       }
      
        // log("bin raus aus tabelleBind");
                 if (braucheEinVISWidget) setState(javascriptInstanzOrdner+ ".Tabelle", htmlOutVIS );
      
       var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</div>"
      
       if (!htmlSignature) htmlUnter="";
       var htmlEnd="</table>"+htmlUnter+"</div></body>";
       //mit oder ohne überschrift - zentriert oder links
      htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
       //log(htmlOut);
      
      
      }
      
      async function getMail() { //log("start")
          return new Promise(resolve => {
              var MailListener = require("mail-listener4");
         var mailListener = new MailListener(
             maillistenerSetting
         );
         mailobj=[];
         mailListener.start();
         mailListener.on("server:connected", function(){/*console.log("imapconconnected")*/;});
         mailListener.on("server:disconnected", function(){/*console.log("imapDisconnected");*/});
         mailListener.on("error", function(err){console.log(err);});
         mailListener.on("mail", function(mail, seqno, attributes){
      
            let theName ="Unbekannt"
            let theText="FEHLER beim Lesen oder leer"
             if (mail.from[0].name!="" && mail.from[0].name!=undefined && mail.from[0].name!=null)  theName=mail.from[0].name
             if (mail.text!="" && mail.text!=undefined && mail.text!=null)   theText=mail.text
          //  log(mail.subject)
            
             mailobj.push(
                     {
                         from:  theName,
                         address: mail.from[0].address,    
                         subject: mail.subject,
                         text:  theText,
                         date:  mail.date,
                         date_num: new Date(mail.date).getTime(),
                         number: seqno
                     })
                
            
      
         });//log("fertig"); 
        
            setTimeout(function(){mailListener.stop();resolve();},10000);
         }); //prom
        
      }
      
      
      
      
      
      
      
      
      
      
      

      sigi234 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky last edited by

        @Master67

        was steht den im datenpunkt drin, welches vom script kommt:

        Image 4.png

        Master67 1 Reply Last reply Reply Quote 0
        • Master67
          Master67 @liv-in-sky last edited by

          @liv-in-sky ... so wie bei dir

          2020-10-14 (1).png

          liv-in-sky 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Master67 last edited by

            @Master67

            dann trage

            {javascript.0.Email-Forum.Tabelle}
            

            in das widget ein - sonst nix

            Master67 1 Reply Last reply Reply Quote 0
            • Master67
              Master67 @liv-in-sky last edited by

              @liv-in-sky sagte in HTML Tabelle für Email Postfach:

              {javascript.0.Email-Forum.Tabelle}

              Okay... das sieht dann so aus

              2020-10-14 (2).png

              liv-in-sky sigi234 2 Replies Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Master67 last edited by

                @Master67 hast du lust auf teamviewer oder besser anydesk - dann gehen wir mal gemeinsam durch

                Master67 1 Reply Last reply Reply Quote 0
                • Master67
                  Master67 @liv-in-sky last edited by

                  @liv-in-sky ... gerne ich installiere mal schnell AnyDesk und melde mich dann gleich

                  liv-in-sky 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Master67 last edited by

                    @Master67 schicke dir eine pn im chat

                    sigi234 1 Reply Last reply Reply Quote 0
                    • sigi234
                      sigi234 Forum Testing Most Active @liv-in-sky last edited by

                      @liv-in-sky

                      Was ist der dpVIS ? Zeichenkette?

                      liv-in-sky 2 Replies Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @sigi234 last edited by

                        @sigi234 ja

                        1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @sigi234 last edited by liv-in-sky

                          @sigi234

                          brauchst du aber in diesem script nicht - es werden die datenpunkte unter javascript selbst angelegt

                          also im script auch auskommentiert lassen

                          sigi234 1 Reply Last reply Reply Quote 0
                          • sigi234
                            sigi234 Forum Testing Most Active @liv-in-sky last edited by

                            @liv-in-sky sagte in HTML Tabelle für Email Postfach:

                            also im script auch auskommentiert lassen

                            Jupp, deshalb wurde der DP nicht befüllt.😀

                            1 Reply Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @Master67 last edited by

                              @Master67 sagte in HTML Tabelle für Email Postfach:

                              Okay... das sieht dann so aus

                              Bei mir auch?

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @sigi234 last edited by liv-in-sky

                                @sigi234

                                das lag daran, dass keine mails von dem definierten versender vorlagen

                                in diesem script wird standarmäßig nach mails von

                                 var wichtigeMails=["noreply@iobroker.info"] 
                                

                                gesucht - du kannst mal einen sender in deiner mailbox heraussuchen und den eingeben - wenn du

                                 var wichtigeMails=[] 
                                

                                einstellst werden alle sender angezeigt - aber vorsicht - es könnte sein, dass dann alle nachrichten als gelesen markiert werden - daher lieber erstmal mit einem bestimmten email versender testen - kannst auchj deine eigene mailadresse eingeben und dir selbst eine mail senden

                                sigi234 1 Reply Last reply Reply Quote 0
                                • sigi234
                                  sigi234 Forum Testing Most Active @liv-in-sky last edited by sigi234

                                  @liv-in-sky sagte in HTML Tabelle für Email Postfach:

                                  einstellst werden alle sender angezeigt - aber vorsicht - es könnte sein, dass dann alle nachrichten als gelesen markiert werden - daher lieber erstmal mit einem bestimmten email versender testen - kannst auchj deine eigene mailadresse eingeben und dir selbst eine mail senden

                                  Geht nicht, irgendwo habe ich da einen Fehler.

                                  Was ist der host vom Forum?

                                  liv-in-sky 2 Replies Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @sigi234 last edited by

                                    @sigi234

                                    das schedule steht auf 15 minuten - mach da mal " * * * * * " rein

                                    1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @sigi234 last edited by liv-in-sky

                                      @sigi234

                                      da braucht es keinen host - wenn du im forum einstellst, dass du mails für jede meldung bekommen willst - wird dir das in deine mailbox gesendet - das script fragt deine mailbox ab

                                      Image 7.png
                                      bild von emailclient auf pc

                                      sigi234 1 Reply Last reply Reply Quote 0
                                      • sigi234
                                        sigi234 Forum Testing Most Active @liv-in-sky last edited by sigi234

                                        @liv-in-sky

                                        Geht jetzt. 👍
                                        Hatte bei var wichtigeMails=[""]

                                        Diese 2 kleinen Scheisserchen ....😀

                                        liv-in-sky 1 Reply Last reply Reply Quote 1
                                        • liv-in-sky
                                          liv-in-sky @sigi234 last edited by

                                          @sigi234 die haben auch noch einen kleinen bruder: '

                                          die können einen schon ärgern

                                          1 Reply Last reply Reply Quote 1
                                          • sigi234
                                            sigi234 Forum Testing Most Active @liv-in-sky last edited by

                                            @liv-in-sky

                                            Hi, kann man Subject ausblenden?

                                            liv-in-sky 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            462
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript template
                                            3
                                            21
                                            1936
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo