Einfach mal zeigen will….. :-) - Teil 1

BuZZy

Kannst du mir evtl noch das Script für nauticalDusk/ Dawn zur Verfügung stellen? ` Klar. Kein Problem.

Dafür habe ich das Script was der User pix hier irgendwo mal gepostet hat nur um die entsprechenden Punkte erweitert.

Hier das Script:

/* System Tageszeoten

Skript meldet Tageszeiten

Nacht;Frühmorgens;Morgengrauen;Vormittag;Mittag;Nachmittag;Dämmerung;Abend;
Basis: http://www.homematic-inside.de/tecbase/homematic/scriptlibrary/item/tageszeit-in-abschnitte-unterteilen
oder hier: https://github.com/ioBroker/ioBroker.javascript#astro--funktion

https://github.com/iobroker/ioBroker.javascript/blob/master/README.md#getastrodate

erstellt: 01.06.2015 von Pix
11.12.2015 getAstroDate ermittelt nun auch Sonnenaufgang und Untergang
           Astrotag (isAstroDay) eingebaut
*/

// Variablen erstellen
createState('Tageszeit', {
    name: 'Tageszeit'
});
createState('Tageszeit.Sonnenaufgang', {
    name: 'nächster Sonnenaufgang Uhrzeit',
    desc: 'sunrise (top edge of the sun appears on the horizon)'
});
createState('Tageszeit.Sonnenuntergang', {
    name: 'nächster Sonnenuntergang Uhrzeit',
    desc: 'sunset (sun disappears below the horizon, evening civil twilight starts)'
});
createState('Tageszeit.nauticalDusk', {
    name: 'nächster nauticalDusk',
    desc: 'nauticalDusk (occurs when the Sun goes 12 degrees below the horizon in the evening)'
});
createState('Tageszeit.nauticalDawn', {
    name: 'nächster nauticalDawn',
    desc: 'nauticalDawn (when the Sun is 12 degrees below the horizon during the morning)'
});
createState('Tageszeit.Astrotag', false, {
    read: true,
    write: true,
    type: 'boolean',
    name: 'Astologischer Tag',
    desc: 'Zeit zwischen Sonnenauf- und untergang'
});

var idTageszeit = "Tageszeit",
    tageszeiten = ['Nacht',
                   'Morgendämmerung',
                   'Morgen',
                   'Vormittag',
                   'Mittag',
                   'Nachmittag',
                   'Abenddämmerung',
                   'Abend'],
    idAstrotag =        "Tageszeit.Astrotag",
    idSonnenaufgang =   "Tageszeit.Sonnenaufgang",
    idSonnenuntergang = "Tageszeit.Sonnenuntergang",
    idNauticalDawn =    "Tageszeit.nauticalDawn",
    idNauticalDusk =    "Tageszeit.nauticalDusk";

function zeiten_speichern () {
    var astrotag = getState(idAstrotag).val,
        sonnenaufgang,
        sonnenuntergang,
        nauticalDusk,
        nauticalDawn;
    var today = new Date();
    var tomorrow = today.setDate(today.getDate()+1);
    if (astrotag) { // Wenn Tag (Aufgang vorbei (erst wieder morgen, Untergang kommt noch heute)
        sonnenuntergang = getAstroDate('sunset', today),
        sonnenaufgang = getAstroDate('sunrise', tomorrow),
        nauticalDawn = getAstroDate('dawn', tomorrow);
        nauticalDusk = getAstroDate('dusk', today);
    } else { // nach Nacht (Untergang vorbei (erst wieder morgen, Aufgang kommt heute oder morgen)
        sonnenuntergang = getAstroDate('sunset', tomorrow);
        nauticalDusk = getAstroDate('dusk', tomorrow);
        sonnenaufgang = (today.getHours() > 12 && today.getHours() <= 23) ? getAstroDate('sunrise', tomorrow) :  getAstroDate('sunrise', today); // es ist vor Mitternacht (bzw. vor 23:XXUhr), dann morgen, sonst heute
        nauticalDawn = (today.getHours() > 12 && today.getHours() <= 23) ? getAstroDate('dawn', tomorrow) : getAstrodate('dawn', today);
    }
    setState(idSonnenaufgang, sonnenaufgang.toLocaleTimeString([], {hour12: false}));
    setState(idSonnenuntergang, sonnenuntergang.toLocaleTimeString([], {hour12: false}));
    setState(idNauticalDawn, nauticalDawn.toLocaleTimeString([], {hour12: false}));
    setState(idNauticalDusk, nauticalDusk.toLocaleTimeString([], {hour12: false}));
}

function neue_tageszeit(abschnitt) {
    setState(idTageszeit, tageszeiten[parseInt(abschnitt, 10)]);
    log('neue Tagezeit: ' + tageszeiten[parseInt(abschnitt, 10)], 'info');
    zeiten_speichern();
}

// Nacht
schedule({astro: "night", shift: 120}, function () { neue_tageszeit(0) });

// Morgengdämmerung
schedule({astro: "nightEnd"}, function () { neue_tageszeit(1) });

// Morgen
schedule({astro: "sunrise"}, function () { neue_tageszeit(2) });

// Vormittag (beginnt 120min vor Sonnenhöchststand)
schedule({astro: "solarNoon", shift: -120}, function () { neue_tageszeit(3) });

// Mittag
schedule({astro: "solarNoon"}, function () { neue_tageszeit(4) });

// Nachmittag
schedule({astro: "solarNoon", shift: 60}, function () { neue_tageszeit(5) });

// Abenddämmerung (nach Sonnenuntergang)
schedule({astro: "dusk"}, function () { neue_tageszeit(6) });

// Abend
schedule({astro: "night"}, function () { neue_tageszeit(7) });

// Astrotag checken
schedule("*/30 * * * *", function () {
   if (isAstroDay) setState(idAstrotag, true);
   if (!isAstroDay) setState(idAstrotag, false);
   zeiten_speichern();
});
zeiten_speichern();

Gruß

mrMuppet

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc…

pix

~~@mrMuppet:~~

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc… `
Sehr gelungen, toll!

Was sind das für Widgets?

Pix

mrMuppet

~~@pix:~~

~~@mrMuppet:~~

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc… `
Sehr gelungen, toll!

Was sind das für Widgets?

Pix `

Danke! Ich habe bisher nur flot und justgage verwendet. Der Rest ist Photoshop. Und die Android-Schriftart Roboto.

Bluefox

~~@mrMuppet:~~

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc…

Ist das vis?

mrMuppet

~~@Bluefox:~~

~~@mrMuppet:~~

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc… Ist das vis? ;)

Klaro! Es funktioniert noch nicht jede Taste, aber die Diagramme und justgage funktionieren schon. Bin noch ganz am Anfang bei vis - aber ich hab vorher mit Mediola gebastelt…

Conquest

~~@mrMuppet:~~

Ich will euch auch mal meinen ersten Versuch mit vis zeigen. Mein Tablet ist recht klein, deshalb gibts recht große Schriften etc… ` Hi mrMuppet,

mich würde interessieren welchen Hintergrund du genutzt hast. Gefällt mir richtig gut. Ist der auch mit Photoshop gemacht oder ein integrierter?

Gruß Torsten

mrMuppet

Ist einfach Photoshop. Google Bildersuche: "blur blue"

Gesendet von meinem ONEPLUS A3003 mit Tapatalk

pix

~~@mrMuppet:~~

Ist einfach Photoshop. Google Bildersuche: "blur blue"

Gesendet von meinem ONEPLUS A3003 mit Tapatalk `
Danke für den Tipp, wäre ich nie drauf gekommen. Da gibt es super Ergebnisse

~~@mrMuppet:~~

Es funktioniert noch nicht jede Taste, aber die Diagramme und justgage funktionieren schon `
Das heisst, die Knöpfe unten links sind auch nur Grafiken aus Photoshop oder sind es schon Widgets mit kleinen Statusbilder (aus Photoshop) ?

Pix

mrMuppet

~~@pix:~~

Das heisst, die Knöpfe unten links sind auch nur Grafiken aus Photoshop oder sind es schon Widgets mit kleinen Statusbilder (aus Photoshop) ? `
Ja, genau. Die Tasten sind bisher nur als png (mit Transparenz) exportiert und als Grafik in vis eingebaut. Als nächstes muss ich die Funktion hinzufügen.

LastActionHero

~~@tempestas:~~

Anbei falls es interessiert ein paar Eindrücke meines - teils komplett teils nur marginal - überarbeiteten iobroker VIS.

Ich habe u.a. viele Infos, die ich sonst als separate Infos gelistet hatte mit in die Buttons aufgenommen (z.B. low bat / unreach, Alarmmeldungen. Lampen kommen noch) und einige Dinge rausgeschmissen, die ich im ersten Überschwang ("geil, das geht ja auch") eingebaut hatte, die für mich aber irrelevant sind (z.B. Diesel Preise - ich fahre keinen Diesel, oder billigste Tankstelle im Umkreis: solange die Unterschiede nicht 20 Cent betragen, fahre ich keine 10km weiter..).

Heizungssteuerung habe ich z.B. nicht drin, da unsere FBH sich vernünftig selbst reguliert und dank der Dämmung (Neubau) eh keine schnelle Anpassung möglich bzw notwendig ist. Dann noch teilweise einfach mehr an mein doch sehr kleines Display (fire hdx 7'') angepasst. `

gefällt mir sehr gut, dein Design! Würdes du das freundlicherweise als Export mit uns teilen?

Bin noch recht neu hier aber fasziniert von dem was alles möglich ist! Hammer!

tempestas

~~@LastActionHero:~~

~~@tempestas:~~

Anbei falls es interessiert ein paar Eindrücke meines - teils komplett teils nur marginal - überarbeiteten iobroker VIS.

Ich habe u.a. viele Infos, die ich sonst als separate Infos gelistet hatte mit in die Buttons aufgenommen (z.B. low bat / unreach, Alarmmeldungen. Lampen kommen noch) und einige Dinge rausgeschmissen, die ich im ersten Überschwang ("geil, das geht ja auch") eingebaut hatte, die für mich aber irrelevant sind (z.B. Diesel Preise - ich fahre keinen Diesel, oder billigste Tankstelle im Umkreis: solange die Unterschiede nicht 20 Cent betragen, fahre ich keine 10km weiter..).

Heizungssteuerung habe ich z.B. nicht drin, da unsere FBH sich vernünftig selbst reguliert und dank der Dämmung (Neubau) eh keine schnelle Anpassung möglich bzw notwendig ist. Dann noch teilweise einfach mehr an mein doch sehr kleines Display (fire hdx 7'') angepasst. `

gefällt mir sehr gut, dein Design! Würdes du das freundlicherweise als Export mit uns teilen?

Bin noch recht neu hier aber fasziniert von dem was alles möglich ist! Hammer! `

wenn du etwas spezifizierst, was du möchtest ist das sicherlich möglich.

Ich arbeite i.W. mit den Metro Tiles. Einige Bilder sind rausgesucht und teilweise selbst angepasst

Kunibert

Wenn ihr so schön dabei seid poste ich hier auch einmal meine VIS-Startoberfläche. Sicherlich beim ein oder anderen noch nicht zu Ende gedacht (> aber wird das überhaupt jemals "fertig"? ), aber für uns im Moment sehr praktikabel. Wenn jemand Teile benötigt kann ich gerne einen Export zur Verfügung stellen.

LastActionHero

~~@tempestas:~~

wenn du etwas spezifizierst, was du möchtest ist das sicherlich möglich.

Ich arbeite i.W. mit den Metro Tiles. Einige Bilder sind rausgesucht und teilweise selbst angepasst `

Im Grunde erstmal nur das layout als export der main seite, mit scripten usw. Bin ich noch nicht so firm! Versuche mir erstmal eine praktikable Oberfläche zu schaffen und dann nach und nach mit Inhalt zu füllen! Steige von FHEM um, das ist nicht ganz so easy

tempestas

"nur das gesamte Ding mit allen Skripten"

LastActionHero

Ne, ich meine ohne Scripte! Sprich nur das was als Textcode beim export angezeigt wird.

Wie gesagt, mit scripten hab ich noch keine ahnung, daher erst optische basis schaffen, mit leben Füllen tue (versuch) ichs dann stück für stück!

tempestas

Wie gesagt sind eigentlich alles Metro tiles, daher gebe ich dir mal zwei (wobei da echt keine großen Einstellungen drin sind)

Toggle, z.B. für die Lampen:

[{"tpl":"tplMetroTileToggle","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":"true","transform":"true","bg_class_false":"bg-dark","bg_class_true":"bg-steel","icon_class_false":"","icon_class_true":"","icon_badge_false":"","icon_badge_true":"","badge_bg_class_false":"","badge_bg_class_true":"bg-yellow","brand_bg_class_false":"","brand_bg_class_true":"","badge_top":"0","badge_left":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"label_false":"Deckenlampe","label_true":"Deckenlampe","icon_false":"/vis.0/main/img/Bild2.png","icon_true":"/vis.0/main/img/Bild2.png","name":"ArbZi Deckenlampe","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"483px","top":"322px","width":"150px","height":"150px"},"widgetSet":"metro"}]

Navigationsbutton:

[{"tpl":"tplMetroTileNav","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","hover":"true","transform":"true","label":"Klima","bg_class":"bg-dark","bg_class_active":"bg-steel","badge_bg_class":"","badge_bg_class_active":"","badge_top":"0","badge_left":"0","icon_badge":"","brand_bg_class":"","brand_bg_class_active":"","icon_class":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"nav_view":"04_Klima","icon_src":"/vis.0/main/img/climate_transparent.png","icon_width":"50","icon_height":"50","icon_top":"39","icon_left":"41","select_current":false,"name":"climate_button","locked":true,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"0","top":"644px","width":"150px","height":"150px"},"widgetSet":"metro"}]

ich glaube, es ist zielgerichteter wenn du einfach anfängst und dann, falls du irgendwo an Probleme stößt, dann zielgerichtet fragst, wie dieses oder jenes funktioniert. Wenn ich es dann weiß (oder jemand anderes) wirst du garantiert schnell Hilfe bekommen

dna909

So,

hier mal mein aktueller Stand mit den Tablet-Views

Mfg

dna909

oliver2017

~~@dtp:~~

So sieht's aktuell bei mir aus.

vis-Projekt_dtp.gif

Je nach Browser muss man zum Starten der Animation das gif anklicken.

Gruß,

Thorsten `
Hallo Thorsten,

dein Vis finde ich echt super, hast du diese schon hochgeladen? Wie hast du das mit Viessmann Heizung realisiert ?

Gruß Oliver

dtp

Hi Oliver,

vielen Dank für die Blumen. Nee, hab ich noch nicht hochgeladen. Kann ich aber demnächst noch mal versuchen.

Das mit der Viessmann-Heizung ist schon eine etwas kompliziertere Sache. Kennst Du den http://forum.iobroker.net/viewtopic.php?f=23&t=3048#p27689 von blauholsten? Das ist schon mal eine gute Basis zusammen mit dem https://github.com/openv/openv/wiki.

Dank der freundlichen Mithilfe dieses Forums habe ich dann noch eine http://forum.iobroker.net/viewtopic.php?f=21&t=4199&p=40139p40139 realisieren können.

Gruß,

Thorsten

PS.: blauholsten hat mich noch um eine paar weitere Ideen zu seinem viessmann-Adapter gebeten. Es könnte also sein, dass sich da in der nächsten Zeit noch was tun wird.

NEWS

Einfach mal zeigen will….. :-) - Teil 1

Support us

811
Online

31.7k
Users

79.8k
Topics

1.3m
Posts

NEWS

Einfach mal zeigen will….. :-) - Teil 1

Support us

811Online

31.7kUsers

79.8kTopics

1.3mPosts

811
Online

31.7k
Users

79.8k
Topics

1.3m
Posts