Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. Script: Alexa Listen pflegen und Anzeigen

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.6k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.9k

Script: Alexa Listen pflegen und Anzeigen

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascripttemplate
409 Beiträge 29 Kommentatoren 80.6k Aufrufe 42 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • liv-in-skyL liv-in-sky

    @skokarl

    du kannst in den html settings z.b die weite fest einstellen - dann sollte die breite der tabelle gleichbleiben - vielleicht hilft das

    das mit der unterteilung wäre echt sehr aufwendig - es gibt ja nur eine liste und es müßte dann immer ein filterwort von euch eingetragen werden und dieses müßte ich dann finden und die tabelle ganz anders aufbauen - ich mache das bei den sonoff und batterie scripten so - https://forum.iobroker.net/topic/28953/sonoff-geräte-als-html-tabelle-vis-iqontrol/2 - kann leider nicht hier interiert werden
    ich glaube, da mußt du mit deiner frau verhandeln - entweder drucker oder edeka liste (es muss aber unbedingt der drucker werden :-) )

    das mit dem schedule ist ja geklärt

    S Offline
    S Offline
    skokarl
    schrieb am zuletzt editiert von
    #177

    @liv-in-sky sagte in Script: Alexa Listen pflegen und Anzeigen:

    @skokarl

    ich glaube, da mußt du mit deiner frau verhandeln - entweder drucker oder edeka liste (es muss aber unbedingt der drucker werden :-) )

    Musste eben echt lachen, :grin:

    Du bist klasse, Danke !!!!

    Ja, wir verhandeln. Hab aber mal gegooglet, in den USA kann man schon mehrere Listen anlegen indem
    man sagt, "Alexa erstelle Liste, ........Name Aldi"... hier bei uns geht es leider noch nicht....

    Machen wir erstmal die erste Liste.
    Und wenn jemand nen Tipp für nen Linux fähigen Bon Drucker hat ..... her damit. :grimacing:

    IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

    1 Antwort Letzte Antwort
    0
    • S senger1985

      @Nordischerjung ja, ist es.

      Du kannst bei den Einstellungen, des basic-HTML links bei "overflow-y" den Scrollbalken auf "auto" stellen, dann wird er nur angezeigt, wenn er benötigt wird.

      N Offline
      N Offline
      Nordischerjung
      schrieb am zuletzt editiert von
      #178

      @senger1985

      Danke, funktioniert so weit, der Balken ist allerdings auch bei leerer Lise da.

      Gruß Nordischerjung

      sonnige Grüße von der Ostsee

      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • N Nordischerjung

        @senger1985

        Danke, funktioniert so weit, der Balken ist allerdings auch bei leerer Lise da.

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #179

        @Nordischerjung ich glaube man kann hidden bei dem scrollbalken einstellen

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        N 1 Antwort Letzte Antwort
        0
        • liv-in-skyL liv-in-sky

          @Nordischerjung ich glaube man kann hidden bei dem scrollbalken einstellen

          N Offline
          N Offline
          Nordischerjung
          schrieb am zuletzt editiert von
          #180

          @liv-in-sky aber dann ist er weg und ich kann nicht scrollen

          Gruß Nordischerjung

          sonnige Grüße von der Ostsee

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • N Nordischerjung

            @liv-in-sky aber dann ist er weg und ich kann nicht scrollen

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #181

            @Nordischerjung

            hab ich auch gerade gemerkt

            @sigi234

            weißt du wie man ein unsichtbares scrollen in einem html widget hinbekommt ?

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            S 1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

              @Nordischerjung

              hab ich auch gerade gemerkt

              @sigi234

              weißt du wie man ein unsichtbares scrollen in einem html widget hinbekommt ?

              S Offline
              S Offline
              senger1985
              schrieb am zuletzt editiert von senger1985
              #182

              @liv-in-sky @Nordischerjung mit "auto" wird die Scrollbar nur angezeigt, wenn sie tatsächlich benötigt wird.
              Sprich, wenn die Liste länger, als das Widget ist.

              bar.PNG

              N 1 Antwort Letzte Antwort
              0
              • S senger1985

                @liv-in-sky @Nordischerjung mit "auto" wird die Scrollbar nur angezeigt, wenn sie tatsächlich benötigt wird.
                Sprich, wenn die Liste länger, als das Widget ist.

                bar.PNG

                N Offline
                N Offline
                Nordischerjung
                schrieb am zuletzt editiert von
                #183

                @senger1985 das habe ich ausprobiert, wird bei mir trotzdem angezeigt :thinking_face:

                Gruß Nordischerjung

                sonnige Grüße von der Ostsee

                S 1 Antwort Letzte Antwort
                0
                • N Nordischerjung

                  @senger1985 das habe ich ausprobiert, wird bei mir trotzdem angezeigt :thinking_face:

                  S Offline
                  S Offline
                  senger1985
                  schrieb am zuletzt editiert von
                  #184

                  @Nordischerjung hab ich auch gerade festgestellt.

                  Was bei mir geholfen hat, dass ich die Höhe, der HTML-Widget verringert habe.
                  Denn auch, wenn das Widget zu passen scheint, zweigt mir der "Inspektor", im Google Chrome an, dass das Widget größer ist, als es angezeigt wird.

                  1 Antwort Letzte Antwort
                  1
                  • N Offline
                    N Offline
                    Nordischerjung
                    schrieb am zuletzt editiert von
                    #185

                    Moin,

                    ich hab noch ein kleines Problem mit der ToDoListe. Wenn ich das einzeln Löschen asuwähle springt der Curser immer unter die angegebenen Wert, so dass ich das Wort zwar auswählen kann, es aber nicht gelöscht wird. Da er das "NIchts" unter den Wörtern makiert. Bei der Einkaufsliste funktioniert es tadellos. Ich habe die Widgets hier aus dem Fred als Vorlage genommen. Eine eine Idee?

                    e2bdd1b5-1aca-4267-a213-b2308d8c6734-grafik.png

                    Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.
                    Muss ich dafür ne Routine in Alexa anlegen und diese Routine löst dann das Blockly aus? bin leider gerade auf Arbeit, deshalb kann ich es nicht testen.

                    Gruß Nordischerjung

                    sonnige Grüße von der Ostsee

                    L 1 Antwort Letzte Antwort
                    0
                    • N Offline
                      N Offline
                      Nordischerjung
                      schrieb am zuletzt editiert von
                      #186

                      So, beide Dinge gelöst. Das erste hast sich iwie von alleine repariert:man-shrugging:
                      Das zweite habe ich gelöst in dem ich eine Bool Variable angelegt habe. Im iot Adapter diese bool eingefügt. Alexa hast dann ein neues "Gerät" und durch eine Routine schaltet sich das Gerät ein. Nun kann ich das Script damit arbeiten lassen

                      Gruß Nordischerjung

                      sonnige Grüße von der Ostsee

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • N Nordischerjung

                        So, beide Dinge gelöst. Das erste hast sich iwie von alleine repariert:man-shrugging:
                        Das zweite habe ich gelöst in dem ich eine Bool Variable angelegt habe. Im iot Adapter diese bool eingefügt. Alexa hast dann ein neues "Gerät" und durch eine Routine schaltet sich das Gerät ein. Nun kann ich das Script damit arbeiten lassen

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #187

                        @Nordischerjung ja solche aussetzer des widgets hatte ich auch - habe dann einfach das widget gelöscht und nochmal angelegt -dann ging es wieder

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        1 Antwort Letzte Antwort
                        0
                        • N Nordischerjung

                          Moin,

                          ich hab noch ein kleines Problem mit der ToDoListe. Wenn ich das einzeln Löschen asuwähle springt der Curser immer unter die angegebenen Wert, so dass ich das Wort zwar auswählen kann, es aber nicht gelöscht wird. Da er das "NIchts" unter den Wörtern makiert. Bei der Einkaufsliste funktioniert es tadellos. Ich habe die Widgets hier aus dem Fred als Vorlage genommen. Eine eine Idee?

                          e2bdd1b5-1aca-4267-a213-b2308d8c6734-grafik.png

                          Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.
                          Muss ich dafür ne Routine in Alexa anlegen und diese Routine löst dann das Blockly aus? bin leider gerade auf Arbeit, deshalb kann ich es nicht testen.

                          L Offline
                          L Offline
                          LJSven
                          schrieb am zuletzt editiert von
                          #188

                          @Nordischerjung sagte in Script: Alexa Listen pflegen und Anzeigen:

                          Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.

                          Wie hast du das gelöst? Gibt es bereits eine Lösung, wie ich mir die Liste "schön" per Telegram schicken lassen kann?

                          Agria4800A 1 Antwort Letzte Antwort
                          0
                          • L LJSven

                            @Nordischerjung sagte in Script: Alexa Listen pflegen und Anzeigen:

                            Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.

                            Wie hast du das gelöst? Gibt es bereits eine Lösung, wie ich mir die Liste "schön" per Telegram schicken lassen kann?

                            Agria4800A Offline
                            Agria4800A Offline
                            Agria4800
                            schrieb am zuletzt editiert von
                            #189

                            @LJSven sagte in Script: Alexa Listen pflegen und Anzeigen:

                            @Nordischerjung sagte in Script: Alexa Listen pflegen und Anzeigen:

                            Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.

                            Wie hast du das gelöst? Gibt es bereits eine Lösung, wie ich mir die Liste "schön" per Telegram schicken lassen kann?

                            siehe Betrag: --> Agria4800 13. Jan. 2020, 20:37 :blush:

                            L 1 Antwort Letzte Antwort
                            0
                            • Agria4800A Agria4800

                              @LJSven sagte in Script: Alexa Listen pflegen und Anzeigen:

                              @Nordischerjung sagte in Script: Alexa Listen pflegen und Anzeigen:

                              Und als zweites, ist es auch möglich, dass ich z.B. sage: Alexa sende die Einkaufsliste an mich und es wird die Liste per Telegram versendet? Über ein Button lüft es bereits.

                              Wie hast du das gelöst? Gibt es bereits eine Lösung, wie ich mir die Liste "schön" per Telegram schicken lassen kann?

                              siehe Betrag: --> Agria4800 13. Jan. 2020, 20:37 :blush:

                              L Offline
                              L Offline
                              LJSven
                              schrieb am zuletzt editiert von
                              #190

                              @Agria4800 In dieser Liste stehen alle Werte - ich will aber nur die, die noch nicht "abgeschlossen" sind - wie geht das?

                              Agria4800A 1 Antwort Letzte Antwort
                              0
                              • L LJSven

                                @Agria4800 In dieser Liste stehen alle Werte - ich will aber nur die, die noch nicht "abgeschlossen" sind - wie geht das?

                                Agria4800A Offline
                                Agria4800A Offline
                                Agria4800
                                schrieb am zuletzt editiert von
                                #191

                                @LJSven Das ist leider aktuell noch nicht möglich zu filtern...
                                Ich lösche mir dir erledigten Punkte einfach raus...

                                1 Antwort Letzte Antwort
                                0
                                • liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #192

                                  ich habe mal ein update der beiden listen gemacht

                                  • dies ist kein "muss"-update - nur für leute, die den listeneintrag direkt löschen wollen
                                  • mehr einstellungen für die listen möglich (html - setting bereich)
                                  • löschen direkt im listen eintrag - funktioniert nur bei nutzung eines widgets - leider nicht in iqontrol (über iframe)
                                  • der eintrag für das datum war mir zu lange - man kann jetzt einstellen, ob das datum und die erstellzeit mit angezeigt werden soll

                                  test11.gif

                                  wenn jmd gerne testen möchte:

                                  • bitte alle datenpunkte bzw den ordner javascript.0.Alexa_Listen löschen bevor ihr die neuen scripte startet dann bleibt die vis erhalten
                                  • oder in einer neuen javascript instanz installieren - aber dann muss die vis auf die neuen datenpunkten eingestellt werden

                                   //@liv-in-sky 2020  22.2.-18:42
                                  
                                   const dpPrefix = "javascript."+ instance +".";
                                  createState("Alexa_Listen.ALEXALists.ToDo.Anlegen"             , "",{ name: 'Anlegen_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.ALEXAToDo"           , { name: 'ALEXAToDo_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteWerte"   , { name: 'AuswahlDeleteWert_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteTexte"  , { name: 'AuswahlDeleteTexte_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.Anzahl"  , { name: 'ToDo_Anzahl_VIS',  type: 'number', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.DeleteALL"  , { name: 'ToDo_DeleteALL',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.ToDo.Refresh"  , { name: 'Refresh',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                  //createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDelete"       , { name: 'AuswahlDelete_VIS',  type: 'number', read:  true,  write: true,});
                                  
                                  createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDelete", {
                                  name: 'AuswahlDelete',
                                   role: "state",
                                   type: "number",
                                   states: "0:choose ...;1:eeee;2:test1;3:test;",
                                   min: 0,
                                   max: 50,
                                   def: 0,
                                   read: true,
                                   write: true});
                                  
                                  
                                  
                                  
                                  //HIER WIRD PFAD UND FILENAME DEFINIERT
                                  const path = "/htmltelegram.html";                   //FIlenamen definieren
                                  const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
                                  let   braucheEinFile=false;                          // bei true wird ein file geschrieben - für iqontrol
                                  let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben 
                                  let   braucheTelegram=true;
                                  let dpVIS=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.ALEXAToDo";                      // dp  für VIS-HTML-Basic-Widget // Datentyp: String
                                  let dPDELETE=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDelete";                  // Datentyp: Werteliste
                                  let dPDELETEWert=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteWerte";         // Datentyp: String
                                  let dPDELETEAuswahl=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteTexte";      // Datentyp: String
                                  let dpANLEGEN=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Anlegen";                       // Datentyp: String
                                  let dpAnzahl=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Anzahl";                         // Datentyp: Number
                                  let dpDelAll=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.DeleteALL";                      // Datentyp: Boolean
                                  let dpRefresh=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Refresh";                      // Datentyp: Boolean
                                  let mySchedule=" * * * * * ";                       
                                  let sortList=1;                                                                         // SORTIERUNG 1=nach datum; 2 nach ToDo's
                                  let mitErstelldatum=true;
                                  var symbolLink="⚪";                                                                    //  👎  💀 ❌  ⚪  ⚫ ⭕  🔴 🔵
                                  let farbeSchalterON="blue";
                                  //---------------------------------------
                                  
                                  //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3
                                  var htmlFeld1='ToDo';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left or center
                                  var htmlFeld2='Del';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                                  var htmlFeld3='Erstellt vor';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                                  //-----------------------------------
                                  
                                  
                                  //hier werden die styles für die tabelle definiert
                                  //ÜBERSCHRIFT ÜBER TABELLE
                                  let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                  let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                  const htmlFeldUeber='ALEXA ToDosliste';              // Ü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="3";
                                  let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                  let farbeGeradeZeilen="#2E2E2E";                        //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="#36d5ec";                  // 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>";
                                  /*
                                  table td:first-child {}  //1
                                  table td:nth-child(2) {} //2
                                  table td:nth-child(3) {} //3
                                  table td:last-child {}   //4
                                  */
                                  
                                  const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"' + dpPrefix + 'Alexa_Listen.ALEXALists.ToDo.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                  
                                  // const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"javascript.0.Alexa_Listen.ALEXALists.ToDo.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                  
                                  //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 3
                                  
                                     	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>";
                                  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>";
                                  //------------------------------------------------------
                                  
                                  
                                  var htmlTabUeber="";
                                  var htmlOut="";
                                  var mix;
                                  var counter;
                                  var warte;
                                  var myIDArr=[];
                                  var myRememberList="";
                                  var myTelegram=false;
                                  var telegramString="";
                                  //HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WER%DEN - Jede spalte einen wert - jeder valx muss in dieser schleife gesetzt werden !!
                                  var val1; var val2; var val0; var val3; var valSort; 
                                  
                                  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_1+htmlTabUeber2+htmlTabUeber3; break;
                                     case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
                                  };   
                                  if (!UeberschriftSpalten) {htmlTabUeber=""}
                                  
                                  var valID; var myListWerte=""; var myListAuswahl="";
                                  //--------------------------------------------------------------------------------------------------------------------------------------------------
                                  //---------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 !!!---------------------------------------------------------------------
                                  //--------------------------------------------------------------------------------------------------------------------------------------------------
                                  var myArr=[]; var myList=""; var myListArr=[]; myIDArr=[];
                                  myListArr.push('0'+":"+'choose ...'+";");
                                              myListWerte=myListWerte+"choose ..."+";";
                                             myListAuswahl=myListAuswahl+(0+";");
                                             myIDArr.push("dummy");
                                  $('alexa2.0.Lists.TO_DO.items.*.value').each(function(id, i) {           // hier eigene schleife definierenalexa2.0.Lists.SHOPPING_LIST.items.0f43141e-029c-4860-bcd0-828702b0dc86.value
                                             
                                             val0=getState(id).val;
                                             val1=getState(id.replace("value","completed")).val; 
                                             val2=valSort=getState(id.replace("value","updatedDateTime")).val; 
                                             valID=getState(id.replace("value","id")).val; 
                                             myIDArr.push(valID);
                                             var yy= (Math.round((new Date()).getTime() / 1000))-Math.round(val2/1000);
                                             val2=formatDate(getDateObject(val2), "TT.MM(SS:mm)")
                                             val3=(Math.floor( ((yy)/60/60/24) )+"d "+ Math.floor(((yy)/60/60) % 24) +"h "+ Math.floor( ((yy)/60) % 60 )+"m")
                                          //   if (val1==false) {val1="?"} else{val1="?"}
                                              let valButton=id.replace("value","#delete")
                                             //log(valButton)
                                             val1="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnDblClickCustom\(\'"+valButton+"\')\">"+symbolLink + "</button> <font color=\""+farbeSchalterON+"\">";
                                             myArr.push([val0,val1,val2,val3,valSort]);
                                             val0=val0.replace(/,/g,'-');  
                                             myListArr.push((i+1)+":"+val0+";");
                                             myListWerte=myListWerte+val0+";";
                                             myListAuswahl=myListAuswahl+(i+1)+";";
                                            
                                  });
                                         
                                  
                                          //log (myListArr.toString());
                                         for (var x=0;x<myListArr.length;x++){
                                           myList=myList.concat(myListArr[x]);
                                          // log(myListArr[x]);
                                           //log(myList);
                                  
                                         }
                                        // log("-----------myList : "+myList)
                                         if(myList!=myRememberList){
                                             myTelegram=true; //log("ist true")
                                             setStateDelayed(dPDELETEWert, myListAuswahl,500);        
                                             setStateDelayed(dPDELETEAuswahl,  myListWerte,500);
                                           var timeout = setTimeout(function () {
                                              var obj = getObject(dPDELETE);
                                              // log("11---"+myList);
                                              obj.common.states=myList;
                                              myRememberList=myList;
                                              //log("22---"+myList);
                                             setObject(dPDELETE, obj);
                                           }, 400);
                                         }
                                   //SORT
                                  
                                     if (sortList==1) {
                                                   myArr.sort(function (alpha, beta) {
                                                if (alpha[4] > beta[4])
                                                   return -1;
                                                if (beta[4] > alpha[4])
                                                   return 1;
                                                return 0;
                                               });
                                                      } else
                                         {          myArr.sort(function (alpha, beta) {
                                                if (alpha[0].toUpperCase() > beta[0].toUpperCase())
                                                   return 1;
                                                if (beta[0].toUpperCase() > alpha[0].toUpperCase())
                                                   return -1;
                                                return 0;
                                               });
                                  
                                                      }
                                  
                                                      telegramString="";
                                    for (var x=0 ; x<myArr.length ; x++) {
                                        counter++;
                                       //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 2 Felder definiert, braucht man hier 2 Werte
                                         val0=myArr[x][0];
                                         val1=myArr[x][1];
                                         var val2help=myArr[x][2]
                                         var val3help=myArr[x][3];
                                         if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}
                                        
                                           
                                         if (backgroundAll) {
                                            telegramString=telegramString+ myArr[x][0] + " - "+myArr[x][2] + '\n';   // "-"+ myArr[x][1]  +
                                           
                                         }  
                                          tabelleBind(); 
                                    }
                                  //-------------------------------------------------------------------------------------------------------------------------------------------------
                                  //--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
                                  //-------------------------------------------------------------------------------------------------------------------------------------------------
                                  
                                        tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
                                       
                                  } // function ende
                                  
                                  //MAIN:
                                   
                                  schedule(mySchedule,  function () { 
                                    var timeout = setTimeout(function () {
                                     writeHTML();
                                      if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                      }, 500);
                                  
                                  }); 
                                   var timeout = setTimeout(function () {
                                  writeHTML(); 
                                   }, 2000);                                  //     <tdalign
                                  
                                   function tabelleBind(){
                                     //  counter=counter+mehrfachTabelle;
                                         switch (mehrfachTabelle) { 
                                  
                                           case 1: if(counter%2==0)         {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}else    
                                                                            {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}
                                           case 2: if(counter%4==0){
                                                      if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;
                                                        }else{
                                                                  if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;}
                                                                      
                                           case 3:if(counter%2==0)   {
                                                      if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //Teil1 c=0
                                                                 else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          "; \"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //Teil 2 c=1
                                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";} //Teil 3 c=3
                                                                            } break;}else{
                                                      if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                                                            } break;}                                          
                                  
                                  
                                           case 4:  // counter=counter+8;
                                                     if(counter%8==0)   {
                                                     if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } // teil1
                                                                     else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //teil 2
                                                                                  else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} //teil 4
                                                                                                    else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"  align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                            } break;}else{
                                                     if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //teil 1
                                                                     else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} // teil 2
                                                                                  else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} // teil 4
                                                                                                    else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                            } break;}                                    
                                          } //switch ende
                                  
                                  }
                                  
                                  function tabelleFinish() {
                                  
                                  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></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></tr>");        
                                                   if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</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></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></tr>");
                                                   if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</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></tr>");    
                                                   if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&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></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+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript ;
                                  
                                                } else {
                                                 zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript;
                                  
                                                   }
                                                   
                                  
                                    // log("bin raus aus tabelleBind");
                                             if (braucheEinVISWidget) setState(dpVIS, 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);
                                   setState(dpANLEGEN,"");
                                   setState(dpAnzahl,(counter+1));
                                   setState(dPDELETE,0);
                                  
                                   
                                   if(myTelegram && braucheTelegram){ 
                                       //log("sende");
                                       myTelegram=false;
                                       
                                      sendTo('telegram.0', {
                                          
                                     text: (telegramString),
                                     type: 'text'
                                     });
                                  
                                  telegramString="";
                                  
                                  }
                                  } // function ende
                                  
                                  on({id: dPDELETE, ack: false, change: "ne"}, function (obj) { 
                                  
                                     let a=getState(dPDELETE).val;
                                     if (a!=0){
                                     let toDelete=myIDArr[getState(dPDELETE).val];
                                     var stateHelp="alexa2.0.Lists.TO_DO.items."+toDelete+".#delete"
                                     setState(stateHelp,true);
                                     var timeout = setTimeout(function () {
                                     writeHTML(); }, 2000);
                                     }
                                    // log("1+bin im on !!!+++!"+a+stateHelp)
                                     });
                                  
                                     on({id: dpANLEGEN, ack: false, change: "ne"}, function (obj) { 
                                         //log(getState(dpANLEGEN).val+"----aa");
                                         if(getState(dpANLEGEN).val!="") {
                                      setState("alexa2.0.Lists.TO_DO.#New",getState(dpANLEGEN).val)
                                         var timeout = setTimeout(function () {
                                     writeHTML(); }, 2000);
                                         } 
                                         
                                     });
                                  
                                         on({id: dpRefresh, ack: false, change: "any"}, function (obj) { 
                                         //log(getState(dpANLEGEN).val+"----refresh");
                                         var timeout2 = setTimeout(function () {
                                     writeHTML(); }, 1000);
                                        // }
                                     
                                     });
                                  
                                     
                                       on({id: dpDelAll, ack: false,val: true}, function (obj) { 
                                  
                                   for (var i=0;i<myIDArr.length;i++) {//log("hier : "+myIDArr[i]);
                                     if (myIDArr[i]!="dummy") {
                                     let toDelete=myIDArr[i];
                                     var stateHelp="alexa2.0.Lists.TO_DO.items."+toDelete+".#delete"
                                    // log("Statehelp: "+stateHelp)
                                     setState(stateHelp,true);
                                     }
                                     }
                                     var timeout = setTimeout(function () {
                                          setState(dpDelAll,false);
                                          writeHTML(); }, 2000);
                                    
                                    // log(stateHelp)
                                  
                                   });
                                  
                                  
                                  
                                  
                                  

                                   //@liv-in-sky 2020  22.2.-18:42
                                  
                                   const dpPrefix = "javascript."+ instance +".";
                                  createState("Alexa_Listen.ALEXALists.Einkauf.Anlegen"             , "",{ name: 'Anlegen_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.ALEXAEinkauf"           , { name: 'ALEXAEinkauf_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteWerte"   , { name: 'AuswahlDeleteWert_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteTexte"  , { name: 'AuswahlDeleteTexte_VIS',  type: 'string', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.Anzahl"  , { name: 'Einkauf_Anzahl_VIS',  type: 'number', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.DeleteALL"  , { name: 'Einkauf_DeleteALL',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                  createState("Alexa_Listen.ALEXALists.Einkauf.Refresh"  , { name: 'Refresh',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                  //createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete"       , { name: 'AuswahlDelete_VIS',  type: 'number', read:  true,  write: true,});
                                  
                                  createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete", {
                                  name: 'AuswahlDelete',
                                   role: "state",
                                   type: "number",
                                   states: "0:choose ...;1:eeee;2:test1;3:test;",
                                   min: 0,
                                   max: 50,
                                   def: 0,
                                   read: true,
                                   write: true});
                                  
                                  
                                  
                                  
                                  //HIER WIRD PFAD UND FILENAME DEFINIERT
                                  const path = "/htmltelegram.html";                   //FIlenamen definieren
                                  const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
                                  let   braucheEinFile=false;                          // bei true wird ein file geschrieben - für iqontrol
                                  let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben 
                                  let   braucheTelegram=true;
                                  let dpVIS=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.ALEXAEinkauf";                      // dp  für VIS-HTML-Basic-Widget // Datentyp: String
                                  let dPDELETE=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete";                  // Datentyp: Werteliste
                                  let dPDELETEWert=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteWerte";         // Datentyp: String
                                  let dPDELETEAuswahl=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteTexte";      // Datentyp: String
                                  let dpANLEGEN=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Anlegen";                       // Datentyp: String
                                  let dpAnzahl=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Anzahl";                         // Datentyp: Number
                                  let dpDelAll=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.DeleteALL";                      // Datentyp: Boolean
                                  let dpRefresh=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Refresh";                      // Datentyp: Boolean
                                  let mySchedule=" * * * * * ";                       
                                  let sortList=1;                                                                         // SORTIERUNG 1=nach datum; 2 nach Einkauf's
                                  let mitErstelldatum=false;
                                  var symbolLink="⚪";                                                                    //  👎  💀 ❌  ⚪  ⚫ ⭕  🔴 🔵
                                  let farbeSchalterON="blue";
                                  //---------------------------------------
                                  
                                  //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3
                                  var htmlFeld1='Einkauf';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left or center
                                  var htmlFeld2='Del';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                                  var htmlFeld3='Erstellt vor';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                                  //-----------------------------------
                                  
                                  
                                  //hier werden die styles für die tabelle definiert
                                  //ÜBERSCHRIFT ÜBER TABELLE
                                  let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                  let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                  const htmlFeldUeber='ALEXA Einkaufsliste';              // Ü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="3";
                                  let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                  let farbeGeradeZeilen="#2E2E2E";                        //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="#36d5ec";                  // 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>";
                                  /*
                                  table td:first-child {}  //1
                                  table td:nth-child(2) {} //2
                                  table td:nth-child(3) {} //3
                                  table td:last-child {}   //4
                                  */
                                  
                                  const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"' + dpPrefix + 'Alexa_Listen.ALEXALists.Einkauf.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                  
                                  // const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"javascript.0.Alexa_Listen.ALEXALists.Einkauf.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                  
                                  //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 3
                                  
                                     	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>";
                                  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>";
                                  //------------------------------------------------------
                                  
                                  
                                  var htmlTabUeber="";
                                  var htmlOut="";
                                  var mix;
                                  var counter;
                                  var warte;
                                  var myIDArr=[];
                                  var myRememberList="";
                                  var myTelegram=false;
                                  var telegramString="";
                                  //HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WER%DEN - Jede spalte einen wert - jeder valx muss in dieser schleife gesetzt werden !!
                                  var val1; var val2; var val0; var val3; var valSort; 
                                  
                                  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_1+htmlTabUeber2+htmlTabUeber3; break;
                                     case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
                                  };   
                                  if (!UeberschriftSpalten) {htmlTabUeber=""}
                                  
                                  var valID; var myListWerte=""; var myListAuswahl="";
                                  //--------------------------------------------------------------------------------------------------------------------------------------------------
                                  //---------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 !!!---------------------------------------------------------------------
                                  //--------------------------------------------------------------------------------------------------------------------------------------------------
                                  var myArr=[]; var myList=""; var myListArr=[]; myIDArr=[];
                                  myListArr.push('0'+":"+'choose ...'+";");
                                              myListWerte=myListWerte+"choose ..."+";";
                                             myListAuswahl=myListAuswahl+(0+";");
                                             myIDArr.push("dummy");
                                  $('alexa2.0.Lists.SHOPPING_LIST.items.*.value').each(function(id, i) {           // hier eigene schleife definierenalexa2.0.Lists.SHOPPING_LIST.items.0f43141e-029c-4860-bcd0-828702b0dc86.value
                                             
                                             val0=getState(id).val;
                                             val1=getState(id.replace("value","completed")).val; 
                                             val2=valSort=getState(id.replace("value","updatedDateTime")).val; 
                                             valID=getState(id.replace("value","id")).val; 
                                             myIDArr.push(valID);
                                             var yy= (Math.round((new Date()).getTime() / 1000))-Math.round(val2/1000);
                                             val2=formatDate(getDateObject(val2), "TT.MM(SS:mm)")
                                             val3=(Math.floor( ((yy)/60/60/24) )+"d "+ Math.floor(((yy)/60/60) % 24) +"h "+ Math.floor( ((yy)/60) % 60 )+"m")
                                          //   if (val1==false) {val1="❌"} else{val1="✅"}
                                              let valButton=id.replace("value","#delete")
                                             //log(valButton)
                                             val1="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnDblClickCustom\(\'"+valButton+"\')\">"+symbolLink + "</button> <font color=\""+farbeSchalterON+"\">";
                                             myArr.push([val0,val1,val2,val3,valSort]);
                                             val0=val0.replace(/,/g,'-');  
                                             myListArr.push((i+1)+":"+val0+";");
                                             myListWerte=myListWerte+val0+";";
                                             myListAuswahl=myListAuswahl+(i+1)+";";
                                            
                                  });
                                         
                                  
                                          //log (myListArr.toString());
                                         for (var x=0;x<myListArr.length;x++){
                                           myList=myList.concat(myListArr[x]);
                                          // log(myListArr[x]);
                                           //log(myList);
                                  
                                         }
                                        // log("-----------myList : "+myList)
                                         if(myList!=myRememberList){
                                             myTelegram=true; //log("ist true")
                                             setStateDelayed(dPDELETEWert, myListAuswahl,500);        
                                             setStateDelayed(dPDELETEAuswahl,  myListWerte,500);
                                           var timeout = setTimeout(function () {
                                              var obj = getObject(dPDELETE);
                                              // log("11---"+myList);
                                              obj.common.states=myList;
                                              myRememberList=myList;
                                              //log("22---"+myList);
                                             setObject(dPDELETE, obj);
                                           }, 400);
                                         }
                                   //SORT
                                  
                                     if (sortList==1) {
                                                   myArr.sort(function (alpha, beta) {
                                                if (alpha[4] > beta[4])
                                                   return -1;
                                                if (beta[4] > alpha[4])
                                                   return 1;
                                                return 0;
                                               });
                                                      } else
                                         {          myArr.sort(function (alpha, beta) {
                                                if (alpha[0].toUpperCase() > beta[0].toUpperCase())
                                                   return 1;
                                                if (beta[0].toUpperCase() > alpha[0].toUpperCase())
                                                   return -1;
                                                return 0;
                                               });
                                  
                                                      }
                                  
                                                      telegramString="";
                                    for (var x=0 ; x<myArr.length ; x++) {
                                        counter++;
                                       //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 2 Felder definiert, braucht man hier 2 Werte
                                         val0=myArr[x][0];
                                         val1=myArr[x][1];
                                         var val2help=myArr[x][2]
                                         var val3help=myArr[x][3];
                                         if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}
                                        
                                           
                                         if (backgroundAll) {
                                            telegramString=telegramString+ myArr[x][0] + " - "+myArr[x][2] + '\n';   // "-"+ myArr[x][1]  +
                                           
                                         }  
                                          tabelleBind(); 
                                    }
                                  //-------------------------------------------------------------------------------------------------------------------------------------------------
                                  //--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
                                  //-------------------------------------------------------------------------------------------------------------------------------------------------
                                  
                                        tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
                                       
                                  } // function ende
                                  
                                  //MAIN:
                                   
                                  schedule(mySchedule,  function () { 
                                    var timeout = setTimeout(function () {
                                     writeHTML();
                                      if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                      }, 500);
                                  
                                  }); 
                                   var timeout = setTimeout(function () {
                                  writeHTML(); 
                                   }, 2000);                                  //     <tdalign
                                  
                                   function tabelleBind(){
                                     //  counter=counter+mehrfachTabelle;
                                         switch (mehrfachTabelle) { 
                                  
                                           case 1: if(counter%2==0)         {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}else    
                                                                            {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}
                                           case 2: if(counter%4==0){
                                                      if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;
                                                        }else{
                                                                  if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;}
                                                                      
                                           case 3:if(counter%2==0)   {
                                                      if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //Teil1 c=0
                                                                 else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          "; \"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //Teil 2 c=1
                                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";} //Teil 3 c=3
                                                                            } break;}else{
                                                      if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                 else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                          ";\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                                                            } break;}                                          
                                  
                                  
                                           case 4:  // counter=counter+8;
                                                     if(counter%8==0)   {
                                                     if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } // teil1
                                                                     else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //teil 2
                                                                                  else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} //teil 4
                                                                                                    else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"  align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                            } break;}else{
                                                     if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //teil 1
                                                                     else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} // teil 2
                                                                                  else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} // teil 4
                                                                                                    else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                            } break;}                                    
                                          } //switch ende
                                  
                                  }
                                  
                                  function tabelleFinish() {
                                  
                                  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></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></tr>");        
                                                   if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</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></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></tr>");
                                                   if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</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></tr>");    
                                                   if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&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></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+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript ;
                                  
                                                } else {
                                                 zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript;
                                  
                                                   }
                                                   
                                  
                                    // log("bin raus aus tabelleBind");
                                             if (braucheEinVISWidget) setState(dpVIS, 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);
                                   setState(dpANLEGEN,"");
                                   setState(dpAnzahl,(counter+1));
                                   setState(dPDELETE,0);
                                  
                                   
                                   if(myTelegram && braucheTelegram){ 
                                       //log("sende");
                                       myTelegram=false;
                                       
                                      sendTo('telegram.0', {
                                          
                                     text: (telegramString),
                                     type: 'text'
                                     });
                                  
                                  telegramString="";
                                  
                                  }
                                  } // function ende
                                  
                                  on({id: dPDELETE, ack: false, change: "ne"}, function (obj) { 
                                  
                                     let a=getState(dPDELETE).val;
                                     if (a!=0){
                                     let toDelete=myIDArr[getState(dPDELETE).val];
                                     var stateHelp="alexa2.0.Lists.SHOPPING_LIST.items."+toDelete+".#delete"
                                     setState(stateHelp,true);
                                     var timeout = setTimeout(function () {
                                     writeHTML(); }, 2000);
                                     }
                                    // log("1+bin im on !!!+++!"+a+stateHelp)
                                     });
                                  
                                     on({id: dpANLEGEN, ack: false, change: "ne"}, function (obj) { 
                                         //log(getState(dpANLEGEN).val+"----aa");
                                         if(getState(dpANLEGEN).val!="") {
                                      setState("alexa2.0.Lists.SHOPPING_LIST.#New",getState(dpANLEGEN).val)
                                         var timeout = setTimeout(function () {
                                     writeHTML(); }, 2000);
                                         } 
                                         
                                     });
                                  
                                         on({id: dpRefresh, ack: false, change: "any"}, function (obj) { 
                                         //log(getState(dpANLEGEN).val+"----refresh");
                                         var timeout2 = setTimeout(function () {
                                     writeHTML(); }, 1000);
                                        // }
                                     
                                     });
                                  
                                     
                                       on({id: dpDelAll, ack: false,val: true}, function (obj) { 
                                  
                                   for (var i=0;i<myIDArr.length;i++) {//log("hier : "+myIDArr[i]);
                                     if (myIDArr[i]!="dummy") {
                                     let toDelete=myIDArr[i];
                                     var stateHelp="alexa2.0.Lists.SHOPPING_LIST.items."+toDelete+".#delete"
                                    // log("Statehelp: "+stateHelp)
                                     setState(stateHelp,true);
                                     }
                                     }
                                     var timeout = setTimeout(function () {
                                          setState(dpDelAll,false);
                                          writeHTML(); }, 2000);
                                    
                                    // log(stateHelp)
                                  
                                   });
                                  
                                  
                                  
                                  
                                  

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  Agria4800A 1 Antwort Letzte Antwort
                                  1
                                  • liv-in-skyL liv-in-sky

                                    ich habe mal ein update der beiden listen gemacht

                                    • dies ist kein "muss"-update - nur für leute, die den listeneintrag direkt löschen wollen
                                    • mehr einstellungen für die listen möglich (html - setting bereich)
                                    • löschen direkt im listen eintrag - funktioniert nur bei nutzung eines widgets - leider nicht in iqontrol (über iframe)
                                    • der eintrag für das datum war mir zu lange - man kann jetzt einstellen, ob das datum und die erstellzeit mit angezeigt werden soll

                                    test11.gif

                                    wenn jmd gerne testen möchte:

                                    • bitte alle datenpunkte bzw den ordner javascript.0.Alexa_Listen löschen bevor ihr die neuen scripte startet dann bleibt die vis erhalten
                                    • oder in einer neuen javascript instanz installieren - aber dann muss die vis auf die neuen datenpunkten eingestellt werden

                                     //@liv-in-sky 2020  22.2.-18:42
                                    
                                     const dpPrefix = "javascript."+ instance +".";
                                    createState("Alexa_Listen.ALEXALists.ToDo.Anlegen"             , "",{ name: 'Anlegen_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.ALEXAToDo"           , { name: 'ALEXAToDo_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteWerte"   , { name: 'AuswahlDeleteWert_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteTexte"  , { name: 'AuswahlDeleteTexte_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.Anzahl"  , { name: 'ToDo_Anzahl_VIS',  type: 'number', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.DeleteALL"  , { name: 'ToDo_DeleteALL',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.ToDo.Refresh"  , { name: 'Refresh',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                    //createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDelete"       , { name: 'AuswahlDelete_VIS',  type: 'number', read:  true,  write: true,});
                                    
                                    createState("Alexa_Listen.ALEXALists.ToDo.AuswahlDelete", {
                                    name: 'AuswahlDelete',
                                     role: "state",
                                     type: "number",
                                     states: "0:choose ...;1:eeee;2:test1;3:test;",
                                     min: 0,
                                     max: 50,
                                     def: 0,
                                     read: true,
                                     write: true});
                                    
                                    
                                    
                                    
                                    //HIER WIRD PFAD UND FILENAME DEFINIERT
                                    const path = "/htmltelegram.html";                   //FIlenamen definieren
                                    const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
                                    let   braucheEinFile=false;                          // bei true wird ein file geschrieben - für iqontrol
                                    let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben 
                                    let   braucheTelegram=true;
                                    let dpVIS=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.ALEXAToDo";                      // dp  für VIS-HTML-Basic-Widget // Datentyp: String
                                    let dPDELETE=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDelete";                  // Datentyp: Werteliste
                                    let dPDELETEWert=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteWerte";         // Datentyp: String
                                    let dPDELETEAuswahl=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.AuswahlDeleteTexte";      // Datentyp: String
                                    let dpANLEGEN=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Anlegen";                       // Datentyp: String
                                    let dpAnzahl=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Anzahl";                         // Datentyp: Number
                                    let dpDelAll=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.DeleteALL";                      // Datentyp: Boolean
                                    let dpRefresh=dpPrefix+"Alexa_Listen.ALEXALists.ToDo.Refresh";                      // Datentyp: Boolean
                                    let mySchedule=" * * * * * ";                       
                                    let sortList=1;                                                                         // SORTIERUNG 1=nach datum; 2 nach ToDo's
                                    let mitErstelldatum=true;
                                    var symbolLink="⚪";                                                                    //  👎  💀 ❌  ⚪  ⚫ ⭕  🔴 🔵
                                    let farbeSchalterON="blue";
                                    //---------------------------------------
                                    
                                    //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3
                                    var htmlFeld1='ToDo';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left or center
                                    var htmlFeld2='Del';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                                    var htmlFeld3='Erstellt vor';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                                    //-----------------------------------
                                    
                                    
                                    //hier werden die styles für die tabelle definiert
                                    //ÜBERSCHRIFT ÜBER TABELLE
                                    let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                    let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                    const htmlFeldUeber='ALEXA ToDosliste';              // Ü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="3";
                                    let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                    let farbeGeradeZeilen="#2E2E2E";                        //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="#36d5ec";                  // 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>";
                                    /*
                                    table td:first-child {}  //1
                                    table td:nth-child(2) {} //2
                                    table td:nth-child(3) {} //3
                                    table td:last-child {}   //4
                                    */
                                    
                                    const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"' + dpPrefix + 'Alexa_Listen.ALEXALists.ToDo.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                    
                                    // const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"javascript.0.Alexa_Listen.ALEXALists.ToDo.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                    
                                    //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 3
                                    
                                       	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>";
                                    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>";
                                    //------------------------------------------------------
                                    
                                    
                                    var htmlTabUeber="";
                                    var htmlOut="";
                                    var mix;
                                    var counter;
                                    var warte;
                                    var myIDArr=[];
                                    var myRememberList="";
                                    var myTelegram=false;
                                    var telegramString="";
                                    //HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WER%DEN - Jede spalte einen wert - jeder valx muss in dieser schleife gesetzt werden !!
                                    var val1; var val2; var val0; var val3; var valSort; 
                                    
                                    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_1+htmlTabUeber2+htmlTabUeber3; break;
                                       case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
                                    };   
                                    if (!UeberschriftSpalten) {htmlTabUeber=""}
                                    
                                    var valID; var myListWerte=""; var myListAuswahl="";
                                    //--------------------------------------------------------------------------------------------------------------------------------------------------
                                    //---------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 !!!---------------------------------------------------------------------
                                    //--------------------------------------------------------------------------------------------------------------------------------------------------
                                    var myArr=[]; var myList=""; var myListArr=[]; myIDArr=[];
                                    myListArr.push('0'+":"+'choose ...'+";");
                                                myListWerte=myListWerte+"choose ..."+";";
                                               myListAuswahl=myListAuswahl+(0+";");
                                               myIDArr.push("dummy");
                                    $('alexa2.0.Lists.TO_DO.items.*.value').each(function(id, i) {           // hier eigene schleife definierenalexa2.0.Lists.SHOPPING_LIST.items.0f43141e-029c-4860-bcd0-828702b0dc86.value
                                               
                                               val0=getState(id).val;
                                               val1=getState(id.replace("value","completed")).val; 
                                               val2=valSort=getState(id.replace("value","updatedDateTime")).val; 
                                               valID=getState(id.replace("value","id")).val; 
                                               myIDArr.push(valID);
                                               var yy= (Math.round((new Date()).getTime() / 1000))-Math.round(val2/1000);
                                               val2=formatDate(getDateObject(val2), "TT.MM(SS:mm)")
                                               val3=(Math.floor( ((yy)/60/60/24) )+"d "+ Math.floor(((yy)/60/60) % 24) +"h "+ Math.floor( ((yy)/60) % 60 )+"m")
                                            //   if (val1==false) {val1="?"} else{val1="?"}
                                                let valButton=id.replace("value","#delete")
                                               //log(valButton)
                                               val1="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnDblClickCustom\(\'"+valButton+"\')\">"+symbolLink + "</button> <font color=\""+farbeSchalterON+"\">";
                                               myArr.push([val0,val1,val2,val3,valSort]);
                                               val0=val0.replace(/,/g,'-');  
                                               myListArr.push((i+1)+":"+val0+";");
                                               myListWerte=myListWerte+val0+";";
                                               myListAuswahl=myListAuswahl+(i+1)+";";
                                              
                                    });
                                           
                                    
                                            //log (myListArr.toString());
                                           for (var x=0;x<myListArr.length;x++){
                                             myList=myList.concat(myListArr[x]);
                                            // log(myListArr[x]);
                                             //log(myList);
                                    
                                           }
                                          // log("-----------myList : "+myList)
                                           if(myList!=myRememberList){
                                               myTelegram=true; //log("ist true")
                                               setStateDelayed(dPDELETEWert, myListAuswahl,500);        
                                               setStateDelayed(dPDELETEAuswahl,  myListWerte,500);
                                             var timeout = setTimeout(function () {
                                                var obj = getObject(dPDELETE);
                                                // log("11---"+myList);
                                                obj.common.states=myList;
                                                myRememberList=myList;
                                                //log("22---"+myList);
                                               setObject(dPDELETE, obj);
                                             }, 400);
                                           }
                                     //SORT
                                    
                                       if (sortList==1) {
                                                     myArr.sort(function (alpha, beta) {
                                                  if (alpha[4] > beta[4])
                                                     return -1;
                                                  if (beta[4] > alpha[4])
                                                     return 1;
                                                  return 0;
                                                 });
                                                        } else
                                           {          myArr.sort(function (alpha, beta) {
                                                  if (alpha[0].toUpperCase() > beta[0].toUpperCase())
                                                     return 1;
                                                  if (beta[0].toUpperCase() > alpha[0].toUpperCase())
                                                     return -1;
                                                  return 0;
                                                 });
                                    
                                                        }
                                    
                                                        telegramString="";
                                      for (var x=0 ; x<myArr.length ; x++) {
                                          counter++;
                                         //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 2 Felder definiert, braucht man hier 2 Werte
                                           val0=myArr[x][0];
                                           val1=myArr[x][1];
                                           var val2help=myArr[x][2]
                                           var val3help=myArr[x][3];
                                           if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}
                                          
                                             
                                           if (backgroundAll) {
                                              telegramString=telegramString+ myArr[x][0] + " - "+myArr[x][2] + '\n';   // "-"+ myArr[x][1]  +
                                             
                                           }  
                                            tabelleBind(); 
                                      }
                                    //-------------------------------------------------------------------------------------------------------------------------------------------------
                                    //--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
                                    //-------------------------------------------------------------------------------------------------------------------------------------------------
                                    
                                          tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
                                         
                                    } // function ende
                                    
                                    //MAIN:
                                     
                                    schedule(mySchedule,  function () { 
                                      var timeout = setTimeout(function () {
                                       writeHTML();
                                        if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                        }, 500);
                                    
                                    }); 
                                     var timeout = setTimeout(function () {
                                    writeHTML(); 
                                     }, 2000);                                  //     <tdalign
                                    
                                     function tabelleBind(){
                                       //  counter=counter+mehrfachTabelle;
                                           switch (mehrfachTabelle) { 
                                    
                                             case 1: if(counter%2==0)         {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}else    
                                                                              {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}
                                             case 2: if(counter%4==0){
                                                        if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;
                                                          }else{
                                                                    if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;}
                                                                        
                                             case 3:if(counter%2==0)   {
                                                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //Teil1 c=0
                                                                   else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            "; \"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //Teil 2 c=1
                                                                                    else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";} //Teil 3 c=3
                                                                              } break;}else{
                                                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                                                    else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                                                              } break;}                                          
                                    
                                    
                                             case 4:  // counter=counter+8;
                                                       if(counter%8==0)   {
                                                       if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } // teil1
                                                                       else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //teil 2
                                                                                    else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} //teil 4
                                                                                                      else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"  align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                              } break;}else{
                                                       if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //teil 1
                                                                       else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} // teil 2
                                                                                    else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} // teil 4
                                                                                                      else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                              } break;}                                    
                                            } //switch ende
                                    
                                    }
                                    
                                    function tabelleFinish() {
                                    
                                    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></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></tr>");        
                                                     if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</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></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></tr>");
                                                     if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</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></tr>");    
                                                     if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&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></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+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript ;
                                    
                                                  } else {
                                                   zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript;
                                    
                                                     }
                                                     
                                    
                                      // log("bin raus aus tabelleBind");
                                               if (braucheEinVISWidget) setState(dpVIS, 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);
                                     setState(dpANLEGEN,"");
                                     setState(dpAnzahl,(counter+1));
                                     setState(dPDELETE,0);
                                    
                                     
                                     if(myTelegram && braucheTelegram){ 
                                         //log("sende");
                                         myTelegram=false;
                                         
                                        sendTo('telegram.0', {
                                            
                                       text: (telegramString),
                                       type: 'text'
                                       });
                                    
                                    telegramString="";
                                    
                                    }
                                    } // function ende
                                    
                                    on({id: dPDELETE, ack: false, change: "ne"}, function (obj) { 
                                    
                                       let a=getState(dPDELETE).val;
                                       if (a!=0){
                                       let toDelete=myIDArr[getState(dPDELETE).val];
                                       var stateHelp="alexa2.0.Lists.TO_DO.items."+toDelete+".#delete"
                                       setState(stateHelp,true);
                                       var timeout = setTimeout(function () {
                                       writeHTML(); }, 2000);
                                       }
                                      // log("1+bin im on !!!+++!"+a+stateHelp)
                                       });
                                    
                                       on({id: dpANLEGEN, ack: false, change: "ne"}, function (obj) { 
                                           //log(getState(dpANLEGEN).val+"----aa");
                                           if(getState(dpANLEGEN).val!="") {
                                        setState("alexa2.0.Lists.TO_DO.#New",getState(dpANLEGEN).val)
                                           var timeout = setTimeout(function () {
                                       writeHTML(); }, 2000);
                                           } 
                                           
                                       });
                                    
                                           on({id: dpRefresh, ack: false, change: "any"}, function (obj) { 
                                           //log(getState(dpANLEGEN).val+"----refresh");
                                           var timeout2 = setTimeout(function () {
                                       writeHTML(); }, 1000);
                                          // }
                                       
                                       });
                                    
                                       
                                         on({id: dpDelAll, ack: false,val: true}, function (obj) { 
                                    
                                     for (var i=0;i<myIDArr.length;i++) {//log("hier : "+myIDArr[i]);
                                       if (myIDArr[i]!="dummy") {
                                       let toDelete=myIDArr[i];
                                       var stateHelp="alexa2.0.Lists.TO_DO.items."+toDelete+".#delete"
                                      // log("Statehelp: "+stateHelp)
                                       setState(stateHelp,true);
                                       }
                                       }
                                       var timeout = setTimeout(function () {
                                            setState(dpDelAll,false);
                                            writeHTML(); }, 2000);
                                      
                                      // log(stateHelp)
                                    
                                     });
                                    
                                    
                                    
                                    
                                    

                                     //@liv-in-sky 2020  22.2.-18:42
                                    
                                     const dpPrefix = "javascript."+ instance +".";
                                    createState("Alexa_Listen.ALEXALists.Einkauf.Anlegen"             , "",{ name: 'Anlegen_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.ALEXAEinkauf"           , { name: 'ALEXAEinkauf_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteWerte"   , { name: 'AuswahlDeleteWert_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteTexte"  , { name: 'AuswahlDeleteTexte_VIS',  type: 'string', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.Anzahl"  , { name: 'Einkauf_Anzahl_VIS',  type: 'number', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.DeleteALL"  , { name: 'Einkauf_DeleteALL',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                    createState("Alexa_Listen.ALEXALists.Einkauf.Refresh"  , { name: 'Refresh',  type: 'boolean', role: 'switch', read:  true,  write: true,});
                                    //createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete"       , { name: 'AuswahlDelete_VIS',  type: 'number', read:  true,  write: true,});
                                    
                                    createState("Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete", {
                                    name: 'AuswahlDelete',
                                     role: "state",
                                     type: "number",
                                     states: "0:choose ...;1:eeee;2:test1;3:test;",
                                     min: 0,
                                     max: 50,
                                     def: 0,
                                     read: true,
                                     write: true});
                                    
                                    
                                    
                                    
                                    //HIER WIRD PFAD UND FILENAME DEFINIERT
                                    const path = "/htmltelegram.html";                   //FIlenamen definieren
                                    const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
                                    let   braucheEinFile=false;                          // bei true wird ein file geschrieben - für iqontrol
                                    let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben 
                                    let   braucheTelegram=true;
                                    let dpVIS=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.ALEXAEinkauf";                      // dp  für VIS-HTML-Basic-Widget // Datentyp: String
                                    let dPDELETE=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDelete";                  // Datentyp: Werteliste
                                    let dPDELETEWert=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteWerte";         // Datentyp: String
                                    let dPDELETEAuswahl=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.AuswahlDeleteTexte";      // Datentyp: String
                                    let dpANLEGEN=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Anlegen";                       // Datentyp: String
                                    let dpAnzahl=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Anzahl";                         // Datentyp: Number
                                    let dpDelAll=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.DeleteALL";                      // Datentyp: Boolean
                                    let dpRefresh=dpPrefix+"Alexa_Listen.ALEXALists.Einkauf.Refresh";                      // Datentyp: Boolean
                                    let mySchedule=" * * * * * ";                       
                                    let sortList=1;                                                                         // SORTIERUNG 1=nach datum; 2 nach Einkauf's
                                    let mitErstelldatum=false;
                                    var symbolLink="⚪";                                                                    //  👎  💀 ❌  ⚪  ⚫ ⭕  🔴 🔵
                                    let farbeSchalterON="blue";
                                    //---------------------------------------
                                    
                                    //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3
                                    var htmlFeld1='Einkauf';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left or center
                                    var htmlFeld2='Del';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                                    var htmlFeld3='Erstellt vor';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                                    //-----------------------------------
                                    
                                    
                                    //hier werden die styles für die tabelle definiert
                                    //ÜBERSCHRIFT ÜBER TABELLE
                                    let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                    let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                    const htmlFeldUeber='ALEXA Einkaufsliste';              // Ü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="3";
                                    let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                    let farbeGeradeZeilen="#2E2E2E";                        //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="#36d5ec";                  // 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>";
                                    /*
                                    table td:first-child {}  //1
                                    table td:nth-child(2) {} //2
                                    table td:nth-child(3) {} //3
                                    table td:last-child {}   //4
                                    */
                                    
                                    const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"' + dpPrefix + 'Alexa_Listen.ALEXALists.Einkauf.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                    
                                    // const buttonScript =  '<script> function setOnDblClickCustom( myvalue ) {	var Self = this; var objID = myvalue;	Self.servConn.getStates(objID, (error, states) => {  console.log(states);  Self.servConn.setState(objID, true);  }); var2 = \"javascript.0.Alexa_Listen.ALEXALists.Einkauf.Refresh\"; Self.servConn.setState(var2, true); console.log("www")} </script>'
                                    
                                    //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 3
                                    
                                       	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>";
                                    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>";
                                    //------------------------------------------------------
                                    
                                    
                                    var htmlTabUeber="";
                                    var htmlOut="";
                                    var mix;
                                    var counter;
                                    var warte;
                                    var myIDArr=[];
                                    var myRememberList="";
                                    var myTelegram=false;
                                    var telegramString="";
                                    //HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WER%DEN - Jede spalte einen wert - jeder valx muss in dieser schleife gesetzt werden !!
                                    var val1; var val2; var val0; var val3; var valSort; 
                                    
                                    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_1+htmlTabUeber2+htmlTabUeber3; break;
                                       case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
                                    };   
                                    if (!UeberschriftSpalten) {htmlTabUeber=""}
                                    
                                    var valID; var myListWerte=""; var myListAuswahl="";
                                    //--------------------------------------------------------------------------------------------------------------------------------------------------
                                    //---------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 !!!---------------------------------------------------------------------
                                    //--------------------------------------------------------------------------------------------------------------------------------------------------
                                    var myArr=[]; var myList=""; var myListArr=[]; myIDArr=[];
                                    myListArr.push('0'+":"+'choose ...'+";");
                                                myListWerte=myListWerte+"choose ..."+";";
                                               myListAuswahl=myListAuswahl+(0+";");
                                               myIDArr.push("dummy");
                                    $('alexa2.0.Lists.SHOPPING_LIST.items.*.value').each(function(id, i) {           // hier eigene schleife definierenalexa2.0.Lists.SHOPPING_LIST.items.0f43141e-029c-4860-bcd0-828702b0dc86.value
                                               
                                               val0=getState(id).val;
                                               val1=getState(id.replace("value","completed")).val; 
                                               val2=valSort=getState(id.replace("value","updatedDateTime")).val; 
                                               valID=getState(id.replace("value","id")).val; 
                                               myIDArr.push(valID);
                                               var yy= (Math.round((new Date()).getTime() / 1000))-Math.round(val2/1000);
                                               val2=formatDate(getDateObject(val2), "TT.MM(SS:mm)")
                                               val3=(Math.floor( ((yy)/60/60/24) )+"d "+ Math.floor(((yy)/60/60) % 24) +"h "+ Math.floor( ((yy)/60) % 60 )+"m")
                                            //   if (val1==false) {val1="❌"} else{val1="✅"}
                                                let valButton=id.replace("value","#delete")
                                               //log(valButton)
                                               val1="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnDblClickCustom\(\'"+valButton+"\')\">"+symbolLink + "</button> <font color=\""+farbeSchalterON+"\">";
                                               myArr.push([val0,val1,val2,val3,valSort]);
                                               val0=val0.replace(/,/g,'-');  
                                               myListArr.push((i+1)+":"+val0+";");
                                               myListWerte=myListWerte+val0+";";
                                               myListAuswahl=myListAuswahl+(i+1)+";";
                                              
                                    });
                                           
                                    
                                            //log (myListArr.toString());
                                           for (var x=0;x<myListArr.length;x++){
                                             myList=myList.concat(myListArr[x]);
                                            // log(myListArr[x]);
                                             //log(myList);
                                    
                                           }
                                          // log("-----------myList : "+myList)
                                           if(myList!=myRememberList){
                                               myTelegram=true; //log("ist true")
                                               setStateDelayed(dPDELETEWert, myListAuswahl,500);        
                                               setStateDelayed(dPDELETEAuswahl,  myListWerte,500);
                                             var timeout = setTimeout(function () {
                                                var obj = getObject(dPDELETE);
                                                // log("11---"+myList);
                                                obj.common.states=myList;
                                                myRememberList=myList;
                                                //log("22---"+myList);
                                               setObject(dPDELETE, obj);
                                             }, 400);
                                           }
                                     //SORT
                                    
                                       if (sortList==1) {
                                                     myArr.sort(function (alpha, beta) {
                                                  if (alpha[4] > beta[4])
                                                     return -1;
                                                  if (beta[4] > alpha[4])
                                                     return 1;
                                                  return 0;
                                                 });
                                                        } else
                                           {          myArr.sort(function (alpha, beta) {
                                                  if (alpha[0].toUpperCase() > beta[0].toUpperCase())
                                                     return 1;
                                                  if (beta[0].toUpperCase() > alpha[0].toUpperCase())
                                                     return -1;
                                                  return 0;
                                                 });
                                    
                                                        }
                                    
                                                        telegramString="";
                                      for (var x=0 ; x<myArr.length ; x++) {
                                          counter++;
                                         //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 2 Felder definiert, braucht man hier 2 Werte
                                           val0=myArr[x][0];
                                           val1=myArr[x][1];
                                           var val2help=myArr[x][2]
                                           var val3help=myArr[x][3];
                                           if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}
                                          
                                             
                                           if (backgroundAll) {
                                              telegramString=telegramString+ myArr[x][0] + " - "+myArr[x][2] + '\n';   // "-"+ myArr[x][1]  +
                                             
                                           }  
                                            tabelleBind(); 
                                      }
                                    //-------------------------------------------------------------------------------------------------------------------------------------------------
                                    //--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
                                    //-------------------------------------------------------------------------------------------------------------------------------------------------
                                    
                                          tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
                                         
                                    } // function ende
                                    
                                    //MAIN:
                                     
                                    schedule(mySchedule,  function () { 
                                      var timeout = setTimeout(function () {
                                       writeHTML();
                                        if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                        }, 500);
                                    
                                    }); 
                                     var timeout = setTimeout(function () {
                                    writeHTML(); 
                                     }, 2000);                                  //     <tdalign
                                    
                                     function tabelleBind(){
                                       //  counter=counter+mehrfachTabelle;
                                           switch (mehrfachTabelle) { 
                                    
                                             case 1: if(counter%2==0)         {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}else    
                                                                              {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}
                                             case 2: if(counter%4==0){
                                                        if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;
                                                          }else{
                                                                    if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;}
                                                                        
                                             case 3:if(counter%2==0)   {
                                                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //Teil1 c=0
                                                                   else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            "; \"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //Teil 2 c=1
                                                                                    else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";} //Teil 3 c=3
                                                                              } break;}else{
                                                        if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                                                                   else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                            ";\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                                                    else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                                                              } break;}                                          
                                    
                                    
                                             case 4:  // counter=counter+8;
                                                       if(counter%8==0)   {
                                                       if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } // teil1
                                                                       else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //teil 2
                                                                                    else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} //teil 4
                                                                                                      else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"  align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                              } break;}else{
                                                       if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //teil 1
                                                                       else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} // teil 2
                                                                                    else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} // teil 4
                                                                                                      else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                                                              } break;}                                    
                                            } //switch ende
                                    
                                    }
                                    
                                    function tabelleFinish() {
                                    
                                    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></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></tr>");        
                                                     if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</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></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></tr>");
                                                     if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</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></tr>");    
                                                     if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&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></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+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript ;
                                    
                                                  } else {
                                                   zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+ buttonScript;
                                    
                                                     }
                                                     
                                    
                                      // log("bin raus aus tabelleBind");
                                               if (braucheEinVISWidget) setState(dpVIS, 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);
                                     setState(dpANLEGEN,"");
                                     setState(dpAnzahl,(counter+1));
                                     setState(dPDELETE,0);
                                    
                                     
                                     if(myTelegram && braucheTelegram){ 
                                         //log("sende");
                                         myTelegram=false;
                                         
                                        sendTo('telegram.0', {
                                            
                                       text: (telegramString),
                                       type: 'text'
                                       });
                                    
                                    telegramString="";
                                    
                                    }
                                    } // function ende
                                    
                                    on({id: dPDELETE, ack: false, change: "ne"}, function (obj) { 
                                    
                                       let a=getState(dPDELETE).val;
                                       if (a!=0){
                                       let toDelete=myIDArr[getState(dPDELETE).val];
                                       var stateHelp="alexa2.0.Lists.SHOPPING_LIST.items."+toDelete+".#delete"
                                       setState(stateHelp,true);
                                       var timeout = setTimeout(function () {
                                       writeHTML(); }, 2000);
                                       }
                                      // log("1+bin im on !!!+++!"+a+stateHelp)
                                       });
                                    
                                       on({id: dpANLEGEN, ack: false, change: "ne"}, function (obj) { 
                                           //log(getState(dpANLEGEN).val+"----aa");
                                           if(getState(dpANLEGEN).val!="") {
                                        setState("alexa2.0.Lists.SHOPPING_LIST.#New",getState(dpANLEGEN).val)
                                           var timeout = setTimeout(function () {
                                       writeHTML(); }, 2000);
                                           } 
                                           
                                       });
                                    
                                           on({id: dpRefresh, ack: false, change: "any"}, function (obj) { 
                                           //log(getState(dpANLEGEN).val+"----refresh");
                                           var timeout2 = setTimeout(function () {
                                       writeHTML(); }, 1000);
                                          // }
                                       
                                       });
                                    
                                       
                                         on({id: dpDelAll, ack: false,val: true}, function (obj) { 
                                    
                                     for (var i=0;i<myIDArr.length;i++) {//log("hier : "+myIDArr[i]);
                                       if (myIDArr[i]!="dummy") {
                                       let toDelete=myIDArr[i];
                                       var stateHelp="alexa2.0.Lists.SHOPPING_LIST.items."+toDelete+".#delete"
                                      // log("Statehelp: "+stateHelp)
                                       setState(stateHelp,true);
                                       }
                                       }
                                       var timeout = setTimeout(function () {
                                            setState(dpDelAll,false);
                                            writeHTML(); }, 2000);
                                      
                                      // log(stateHelp)
                                    
                                     });
                                    
                                    
                                    
                                    
                                    

                                    Agria4800A Offline
                                    Agria4800A Offline
                                    Agria4800
                                    schrieb am zuletzt editiert von Agria4800
                                    #193

                                    @liv-in-sky Bin grad am aktualisieren :-)
                                    Wie kann ich im Script für Erstellt vor mir nur das Datum mir anzeigen lassen ?
                                    hier vielleicht Zeile 252 --> if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}

                                    liv-in-skyL 1 Antwort Letzte Antwort
                                    0
                                    • Agria4800A Agria4800

                                      @liv-in-sky Bin grad am aktualisieren :-)
                                      Wie kann ich im Script für Erstellt vor mir nur das Datum mir anzeigen lassen ?
                                      hier vielleicht Zeile 252 --> if (mitErstelldatum) {val2=val3help+" am "+val2help;} else {val2=val3help}

                                      liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #194

                                      @Agria4800

                                      val2=val2help+" am "+val3help;} else {val2=val2help}

                                      müßte es sein

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      1 Antwort Letzte Antwort
                                      0
                                      • ? Offline
                                        ? Offline
                                        Ein ehemaliger Benutzer
                                        schrieb am zuletzt editiert von Ein ehemaliger Benutzer
                                        #195

                                        @liv-in-sky
                                        Ich habe die neue Version mit dem Löschen mal ausprobiert.
                                        Wenn nur ein Eintrag drin ist dann löscht er auch die Liste.
                                        Bei mehr als 1 Eintrag wird nur 1 Eintrag gelöscht.
                                        Und dann kommen die Warnmeldungen vom Alexa2 Adapter.
                                        Und erst nach einem Neustart vom Alexa2 Adapter wird das noch vorhandene item im Objektbaum gelöscht und ist dann auch im Widget nicht mehr zu sehen.

                                        (2737) Adding item "Test" ({"value":"Test"}) to the list SHOPPING_LIST.
                                        
                                        (2737) Adding item "Test2" ({"value":"Test2"}) to the list SHOPPING_LIST.
                                        
                                        (2737) Deleting item "Test2" from the list SHOPPING_LIST.
                                        
                                        (2737) Deleting item "Test" from the list SHOPPING_LIST.
                                        
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.version: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.value: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.updatedDateTime: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.shoppingListItem: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.listName: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.listId: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.index: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.827	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.id: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.827	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.createdDateTime: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.826	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.completed: Not exists
                                        host.rockpro64	2020-03-26 10:34:42.825	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.#delete: Not exists
                                        
                                        liv-in-skyL 5 Antworten Letzte Antwort
                                        0
                                        • ? Ein ehemaliger Benutzer

                                          @liv-in-sky
                                          Ich habe die neue Version mit dem Löschen mal ausprobiert.
                                          Wenn nur ein Eintrag drin ist dann löscht er auch die Liste.
                                          Bei mehr als 1 Eintrag wird nur 1 Eintrag gelöscht.
                                          Und dann kommen die Warnmeldungen vom Alexa2 Adapter.
                                          Und erst nach einem Neustart vom Alexa2 Adapter wird das noch vorhandene item im Objektbaum gelöscht und ist dann auch im Widget nicht mehr zu sehen.

                                          (2737) Adding item "Test" ({"value":"Test"}) to the list SHOPPING_LIST.
                                          
                                          (2737) Adding item "Test2" ({"value":"Test2"}) to the list SHOPPING_LIST.
                                          
                                          (2737) Deleting item "Test2" from the list SHOPPING_LIST.
                                          
                                          (2737) Deleting item "Test" from the list SHOPPING_LIST.
                                          
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.version: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.value: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.updatedDateTime: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.shoppingListItem: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.listName: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.listId: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.828	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.index: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.827	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.id: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.827	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.createdDateTime: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.826	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.completed: Not exists
                                          host.rockpro64	2020-03-26 10:34:42.825	warn	Objects 127.0.0.1:40868 Error from InMemDB: Error: ERROR delObject alexa2.0.Lists.SHOPPING_LIST.items.30e238e1-3eb8-4956-a799-8d89367d03f8.#delete: Not exists
                                          
                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #196

                                          @Yetiberg

                                          bei mir

                                          smart25.gif

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          836

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe