[Vorstellung] Meine dritte VIS

[Sarhidyon]

@Kuddel

Also das mit Blockly "aufklappen" hat geklappt kann es jetzt bearbeiten.

Nur wenn ich das Script mir angucke "siehe Scrennshot" dann könnte ich es nicht bearbeiten.
Kann ja sein das das normal ist, wäre nur halt schneller in manchen Situationen als in Blockly die Sachen raus zu suchen.

[Kuddel]

@Sarhidyon da es ein Blockly Skript ist, kann man es auch nur im Blockly-Editor beareiten.

Ich denke die Java Ansicht dient nur als Hilfe.

[Sarhidyon]

@Kuddel Ah okay, das ist ja mal ne Info die ich sonst nicht finden konnte. Das mit dem Aufklappen hat ja jetzt funktioniert, bin schon fleissig alles am Anpassen. Find deine VIS Mega! Dank euch.

[Sarhidyon]

Falls noch jemand neuere Echo Dot Gen 3 PNGs sucht wie ich und nicht fündig wurde, hab hier mal welche erstellt.

Noch nicht Fertig die Seite aber wird langsam und die Scripte klappen jetzt auch.

Danke Sky66766 und Kuddel!

[ToniMahoni]

Hallo zusammen,
Hallo Kuddel, ich kann nur sagen, Super VIS und Super Arbeit von dir.
Ich bin ganz neu hier und Anfänger bei ioBrocker und habe schon einiges von dir gelernt und übernehmen konnte.
Nun habe ich ein Problem mit dem Script "adapter_infos". Wenn ich den Script starte, bekomme ich eine Fehlermeldung:
"Object "system.adapter.vis.0.alive" does not exist".
Unter Objekten existiert das wirklich nicht. Kannst du mir sagen, was ich an dieser Stelle machen soll?
Vielen Besten Dank!!!

[Kuddel]

@ToniMahoni das Problem ist mit dem letzten Update des VIS Adapter entstanden.

Ich habe den Adapter von der Überwachung ausgeklammt:

Spoiler

// Liest die ioBroker Adapter aus und legt verschiedenen State's an.
on({id:"system.adapter.admin.0.uptime",change:'any'}, function (obj) {
    createState('Adapter.Anzahl', 0, { name: 'Anzahl', desc: 'Anzahl der Adapter', type: 'number', unit: '', min: '0', max: '255', role: '',read: true, write: true });
    createState('Adapter.AdapterNummer', 0, { name: 'Adapter zum schalten', desc: 'Adapter zum schalten', type: 'number', unit: '', min: '0', max: '255', role: '',read: true, write: true });    
    //var counterAlt = getState("javascript.0.Adapter.Anzahl").val;
    var counter =0;
	var on = 0
	var manuell=0	

    var cacheSelector = $('[id=system.adapter.*.alive]');    
    cacheSelector.each(function(id, i) {        
        var devicename = getObject(id).common.name; 
		
		//Instanzen ausklammern
		instanz0 = devicename.indexOf('daswetter');
		instanz1 = devicename.indexOf('dwd');
        instanz2 = devicename.indexOf('ical');
		instanz3 = devicename.indexOf('feiertage');
		instanz4 = devicename.indexOf('snmp.1');
        instanz5 = devicename.indexOf('synology');
        instanz6 = devicename.indexOf('vis');
		if(instanz0 !=0 && instanz1 != 0 && instanz2 !=0 && instanz3 != 0 && instanz4 != 0 && instanz5 !=0 && instanz6 != 0){
		
			var devicenameName=devicename;
			var instanzname=getObject(id).common.name;
			var test = devicenameName;
			var devicename_array = devicenameName.split(' ');        
			devicenameName = devicename_array[0];
			counter = counter+1; 
				
			var strStatePath = "system.adapter." + devicenameName + ".alive";
			if (isState(strStatePath, true)) {
				var uptime = getState("system.adapter." + devicenameName + ".uptime").val;
				var tage = Math.floor(uptime / (24*3600));
				var stunden = Math.floor((uptime % (24*3600))/3600);
				var minuten = Math.floor((uptime % (3600))/60);
				//var sekunden = Math.floor(uptime % 60);      
				if (stunden < 10) {stunden = "0"+stunden};
                if (minuten < 10) {minuten = "0"+minuten};				
				if (tage == 1) {uptime = tage.toString()+" Tag, "+stunden.toString()+" Std, "+minuten.toString()+" Min ";};
				if (tage != 1) {uptime = tage.toString()+" Tage, "+stunden.toString()+" Std, "+minuten.toString()+" Min ";}
				//var total = getState("system.adapter." + devicenameName + ".memHeapTotal").val;
				//var used = getState("system.adapter." + devicenameName + ".memHeapUsed").val;
				//var rss = getState("system.adapter." + devicenameName + ".memRss").val;
				var connect = getState("system.adapter." + devicenameName + ".alive").val;            

				if(connect == false){var con = 0;}
				else {                
					var con = 1;
					var strStatePath = devicenameName + ".info.connection";
					if (isState(strStatePath, true)) {
						var connectS = getState(devicenameName + ".info.connection").val;
						if (connectS == false) {
							con = 2;
						}                                                                        
					} 
				}
				if(con==1) {on = on + 1}
									  
			}       
			
			devicename="Adapter.Adapter"+counter.toString()+".KompletterNameAdapter";
			createState(devicename, 'empty', { name: 'Kompletter Name des Adapters', desc: '', type: 'string', role: '',read: true, write: true }); 
			setStateDelayed(devicename, devicenameName, 800);
			
			var contentstring = devicenameName;
			var suchstring = /(ical)/g; 
			var suchergebnis = suchstring.test( contentstring );
			
			if (suchergebnis != true) {
				var devicename_array = devicenameName.split('.');        
				devicenameName = devicename_array[0];
			}    

			if (devicenameName == "daswetter") {
				var bild = "/" + devicenameName + ".admin/" + devicenameName + "com.png";
			} else if (suchergebnis != false) {
				var devicename_array = devicenameName.split('.');        
				var icalName = devicename_array[0];        
				var bild = "/" + icalName + ".admin/" + icalName + ".png";
			} else {
				var bild = "/" + devicenameName + ".admin/" + devicenameName + ".png";
			}
			
			//Alexa2
			if (devicenameName == 'alexa2') {var bild = "/" + devicenameName + ".admin/" + "alexa.png";}
			//FritzDECT
			if (devicenameName == 'fritzdect') {var bild = "/" + devicenameName + ".admin/" + "fritzdect_logo.png";}
			//FullyBrowser
			if (devicenameName == 'fullybrowser') {var bild = "/" + devicenameName + ".admin/" + "fully.png";}
			//HM-Rega
			//if (devicenameName == 'hm-rega') {var bild = "/" + devicenameName + ".admin/" + "homematic.png";}
			if (devicenameName == 'hm-rega') {var bild = "/vis.0/VIS/Meine_Icons/Adapter_Icons/homematic.gif";}
			//HomeMatic
			//if (instanzname == 'hm-rpc.0 alive') {var bild = "/" + devicenameName + ".admin/" + "homematic.png";}
			if (instanzname == 'hm-rpc.0 alive') {var bild = "/vis.0/VIS/Meine_Icons/Adapter_Icons/homematic.gif";}
			//HomeMatic-IP
			//if (instanzname == 'hm-rpc.1 alive') {var bild = "/" + devicenameName + ".admin/" + "homematic.png";}
			if (instanzname == 'hm-rpc.1 alive') {var bild = "/vis.0/VIS/Meine_Icons/Adapter_Icons/homematic_ip.jpg";}
			//UPNP
			if (devicenameName == 'upnp') {var bild = "/" + devicenameName + ".admin/" + "upnp-discovery.png";}
            //Pushover.1
			if (instanzname == 'pushover.1 alive') {var bild = "/mihome-vacuum.admin/mihome-vacuum.png";}
            //Pushover.2
			if (instanzname == 'pushover.2 alive') {var bild = "/daswetter.admin/daswettercom.png";}
			
			//AdapterName anpassen
			
			//DasWetter
			if (instanzname == 'daswetter.0 alive') {devicenameName='DasWetter'; manuell=1}
			//DWD
			if (instanzname == 'dwd.0 alive') {devicenameName='DWD'; manuell=1}
			//HM-REGA
			if (instanzname == 'hm-rega.0 alive') {devicenameName='HM-Rega'; manuell=1}			
			//HM-RPC.0
			if (instanzname == 'hm-rpc.0 alive') {devicenameName='HomeMatic'; manuell=1}
			//HM-RPC.1
			if (instanzname == 'hm-rpc.1 alive') {devicenameName='HM-IP'; manuell=1}
			//MiHome-Vacuum
			if (instanzname == 'mihome-vacuum.0 alive') {devicenameName='Nono'; manuell=1}
			//Pushover
			if (instanzname == 'pushover.0 alive') {devicenameName='Pushover.0'; manuell=1}
			if (instanzname == 'pushover.1 alive') {devicenameName='Pushover.1'; manuell=1}
			if (instanzname == 'pushover.2 alive') {devicenameName='Pushover.2'; manuell=1}
			//Simple-API
			if (instanzname == 'simple-api.0 alive') {devicenameName='Simple-API'; manuell=1}
			//SNMP.0
			if (instanzname == 'snmp.0 alive') {devicenameName='SNMP.0'; manuell=1}
			//SNMP.1
			if (instanzname == 'snmp.1 alive') {devicenameName='SNMP.1'; manuell=1}
			//TR-064.0
			if (instanzname == 'tr-064.0 alive') {devicenameName='TR-064.0'; manuell=1}
			//TR-064.1
			if (instanzname == 'tr-064.1 alive') {devicenameName='TR-064.1'; manuell=1}
			
			
			
			//Instanz-Namen setzen
			if(manuell!=1) {devicenameName = devicenameName.substring(0, 1).toUpperCase() + devicenameName.substring(1).toLowerCase();}	
            //devicenameName = devicenameName.substring(0, 1).toUpperCase() + devicenameName.substring(1).toLowerCase();
			devicename="Adapter.Adapter"+counter.toString()+".NameInstanz";
			createState(devicename, 'empty', { name: 'Name des Geräts', desc: '', type: 'string', role: '',read: true, write: true }); 
			setStateDelayed(devicename, devicenameName, 800);
			//Bild Pfad setzen
			devicename="Adapter.Adapter"+counter.toString()+".Bild";
			createState(devicename, 'empty', { name: 'Speicherort Bild', desc: '', type: 'string', role: '',read: true, write: true });
			setStateDelayed(devicename, bild, 800);
			//Uptime setzen
			devicename="Adapter.Adapter"+counter.toString()+".Uptime";          
			createState(devicename, 'empty', { name: 'Uptime', desc: '', type: 'string', role: '',read: true, write: true });
			setStateDelayed(devicename, uptime, 800);
			//MemUsed setzen
			//devicename="Adapter.Adapter"+counter.toString()+".MemUsed";          
			//createState(devicename, 0, { name: 'Link MemUsed', desc: '', type: 'number', role: '',read: true, write: true });
			//setStateDelayed(devicename, used, 800);
			//MemToal setzen
			//devicename="Adapter.Adapter"+counter.toString()+".MemTotal";          
			//createState(devicename, 0, { name: 'Link MemTotal', desc: '', type: 'number', role: '',read: true, write: true });
			//setStateDelayed(devicename, total, 800);
			//MemRSS setzen
			//devicename="Adapter.Adapter"+counter.toString()+".MemRSS";          
			//createState(devicename, 0, { name: 'Link MemRSS', desc: '', type: 'number', role: '',read: true, write: true });
			//setStateDelayed(devicename, rss, 800);
			//Connected setzen
			devicename="Adapter.Adapter"+counter.toString()+".Connected";          
			createState(devicename, 0, { name: 'Status Adapter', desc: '', type: 'number', role: '',read: true, write: true });
			setStateDelayed(devicename, con, 800);
			
            //Wert zurücksetzen
            var manuell=0
		}
    });
    
	//Adaptet Icon Übersicht
    visstatus="javascript.0.VIS-Status.alle_adapter_gestartet";
    if(on == counter){setState(visstatus, true);}
    if(on == counter -1){setState(visstatus, true);}
    if(on < counter -1){setState(visstatus, false);}
	
	
    setStateDelayed('Adapter.Anzahl', counter, 800);

    function isState(strStatePath, strict) {
        let mSelector;
        if (strict) {
            mSelector = $('state[id=' + strStatePath + '$]');
        } else {
            mSelector = $('state[id=' + strStatePath + ']');
        }
        if (mSelector.length > 0) {
            return true;
        } else {
            return false;
        }
    }  
}); 

on({id:"javascript.0.Adapter.AdapterNummer", change: 'any'}, function (dpobj) {
    if (getState("javascript.0.Adapter.AdapterNummer").val != 0) {        
        const instanz = "javascript." + instance;
        var adapterNummer = getState(instanz + ".Adapter.AdapterNummer").val;
        var adapter = getState(instanz + ".Adapter.Adapter" + adapterNummer + ".KompletterNameAdapter").val; // Name und Instanz des Adapters 
        var idAdapter = "system.adapter." + adapter;
        
        var obj = getObject(idAdapter);
        if (dpobj.state.val == false) {
            obj.common.enabled = true;  // Adapter einschalten
        } else if (dpobj.state.val == true) {
            obj.common.enabled = false;  // Adapter ausschalten
        }
        setObject(idAdapter, obj);
        setStateDelayed('javascript.0.Adapter.AdapterNummer', 0, 800);        
    }
});   

[ToniMahoni]

@Kuddel genau so habe ich auch bei mir, trotzdem kommt die Fehlermeldung

[Kuddel]

@ToniMahoni das Skript was ich eben gepostet habe, funzt bei mir ohne Probleme

[ToniMahoni]

@Kuddel Ich habe nun javascript Instanz ein Mal gestopt und wieder gestartet. Danach kam auf ein Mal keine Fehlermeldung mehr.
Ich danke dir trotzem für deine schnelle Hilfe.

[markus-now]

Hallo Kuddel,
sorry für die blöde frage aber was meinst du mit:( Bild Link)

[gerog-feldmann.de]

Hallo Kuddel,
das ist ganz toll geworden. Ich wollte mit den Teil mit dem Radio Player für die Echos übernehmen. Leider funktioniert das bei mir nicht. Ich habe dein Player widget importiert und auf meinen echo angepasst. leider kann fängt der Player nicht an zu spielen und ich kann die Lautstärke etc nicht anpassen. Da ich Anfänger bin, habe ich noch nicht ganz durchblickt, ob das nur mit einem JS geht. Ich meinte nein. Liegt hier der Fehler? Hast Du evtl. eine Anleitung zur Installation? Ich wäre Dir mehr als sehr verbunden. Danke

[Glasfaser]

@markus-now

Hier die Antwort schon im Thread !

Link Text

[markus-now]

@Glasfaser super Danke

[Kuddel]

@gerog-feldmann-de am einfachsten ist es, wenn du die Widget aus meiner VIS exportierst und dann den Code in einer Editor deiner Wahl einfügst.

Dann ersetzt du einfach die ID von meinen gerät durch die ID vpn deinem Gerät.

Einfach mal STRG + H drücken und dann die beiden IDs eingeben

[gerog-feldmann.de]

@Kuddel jupp, so hatte ich es gemacht. Es sind also keine zusätzlichen Scripts fnötig? Dann muss ich mal sehen, wo es bei mir hängt. Danke

[Kuddel]

@gerog-feldmann-de das einzige Skript, was für die Echo Ansicht verwendet wird, ist das Auslesen der Echo Stati.

Bei den Buttons selber ist immer ein DP vom Alexa2 Adapter hinterlegt

[toki1973]

Wahscheinlich eine ganz einfache Frage. Woher bekomme ich denn die Datum und Zeit Information?

[Kuddel]

@toki1973 was genau meinst du ?

[toki1973]

Ah ich habe Widgets für die VIS gefunden die Datum und Uhrzeit anzeigen.

[Kuddel]

Ich habe mein Menü erweitert und jetzt auch für Subitems Icons hinterlegt:

Für Interessierte hier der Widget-Export:

Spoiler

[{"tpl":"tplVis-materialdesign-TopAppBar-Navigation","data":{"oid":"javascript.0.VIS-Steuerung.Aktuelle_VIS_Seite","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","navItemCount":"11","submenuCounts_0":"0","submenuCounts_1":"6","topAppBarLayout":"dense","titleTopAppBar":"Menü","topAppBarZ_index":"100","vibrateTopAppBarOnMobilDevices":"0","drawerLayout":"modal","drawerItemLayout":"standard","listItemDividerStyle":"standard","z_index":"101","showHeader":"true","headerLabel":"<h4 class='mdc-drawer__title'>Menü</h4><h6 class='mdc-drawer__subtitle'></h6>","showLabels":"true","listItemAlignment":"left","backdropLabelBackgroundHeight":"","vibrateDrawerOnMobilDevices":"0","drawerSubItemLayout":"standard","listSubItemAlignment":"left","showSubItemsLabels":"true","iconDrawer0":"home","iconDrawer1":"{\"itemImage\": \"/icons-mfd-png/edit_settings.png\", \"subItems\": [\"/vis.0/VIS_v3/Meine_Icons/Sonstige/iobroker.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/homematic_1.png\",\"/icons-mfd-png/edit_settings.png\",\"/icons-mfd-png/it_network.png\",\"/icons-mfd-png/audio_playlist.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/vmware_logo.jpg\"]}","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,"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,"name":"!Menü","showIndexNum":false,"colorTopAppBarBackground":"#212121","showSelectedItemAsTitle":true,"submenuCounts_2":"4","submenuCounts_3":"2","submenuCounts_4":"2","submenuCounts_5":"0","submenuCounts_6":"0","submenuCounts_7":"2","submenuCounts_8":"2","submenuCounts_9":"0","submenuCounts_10":"3","submenuCounts_11":"2","submenuCounts_12":"0","submenuCounts_13":"0","submenuCounts_14":"0","iconDrawer2":"{\"itemImage\": \"/icons-mfd-png/control_building_eg.png\", \"subItems\": [\"/icons-mfd-png/scene_office.png\",\"/icons-mfd-png/fts_door.png\",\"/icons-mfd-png/scene_cooking_alternat.png\",\"/icons-mfd-png/scene_living.png\"]}","iconDrawer3":"{\"itemImage\": \"/icons-mfd-png/control_building_og.png\", \"subItems\": [\"/icons-mfd-png/scene_sleeping_alternat.png\",\"/icons-mfd-png/scene_dressing_room.png\"]}","iconDrawer4":"{\"itemImage\": \"/icons-mfd-png/sani_irrigation.png\", \"subItems\": [\"/icons-mfd-png/scene_garden.png\",\"/icons-mfd-png/sani_irrigation_pop_up_on.png\"]}","iconDrawer5":"/icons-mfd-png/weather_sleet.png","iconDrawer6":"/icons-mfd-png/scene_robo_vac_cleaner.png","iconDrawer7":"{\"itemImage\": \"/icons-mfd-png/it_camera.png\", \"subItems\": [\"/icons-mfd-png/it_camera.png\",\"/icons-mfd-png/it_camera.png\"]}","iconDrawer8":"{\"itemImage\": \"/icons-mfd-png/audio_volume_high.png\", \"subItems\": [\"/icons-mfd-png/audio_volume_high.png\",\"/icons-mfd-png/audio_volume_high.png\"]}","iconDrawer9":"/icons-mfd-png/scene_gas_station.png","iconDrawer10":"{\"itemImage\": \"/icons-mfd-png/it_television.png\", \"subItems\": [\"/icons-mfd-png/it_television.png\",\"/icons-mfd-png/it_radio.png\",\"/vis.0/VIS_v3/Meine_Icons/Sonstige/kodi.png\"]}","iconDrawer11":"/icons-mfd-png/it_wifi.png","iconDrawer12":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawer13":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","iconDrawer14":"/vis/widgets/materialdesign/img/IoBroker_Logo.png","colorDrawerBackground":"black","colorDrawerItemBackground":"#212121","colorDrawerHeaderBackground":"black","colorListItemHover":"","colorListItemSelected":"","colorListItemText":"white","colorListItemTextSelected":"white","colorListItemHeaders":"white","colorListItemDivider":"","colorSubItemToggleIcon":"white","colorDrawerSubBackground":"","labels0":"Startseite","headers0":"","dividers0":false,"iconDrawerColor0":"white","headers1":"","labels1":"{\"itemText\": \"System\", \"subItems\": [\"ioBroker\", \"HomeMatic\", \"Geräte\", \"Netzwerk\", \"Logs\", \"VMware\"]}","labels2":"{\"itemText\": \"Erdgeschoss\", \"subItems\": [\"Büro\", \"Flur\", \"Küche\", \"Wohnzimmer\"]}","labels3":"{\"itemText\": \"Obergeschoss\", \"subItems\": [\"Schlafzimmer\", \"Ankleide\"]}","labels4":"{\"itemText\": \"Garten\", \"subItems\": [\"Garten\", \"Bewässerung\"]}","listItemHeaderTextSize":"small","headers2":"","drawerIconHeight":"50","labels5":"Wetter","labels6":"NoNo","labels7":"{\"itemText\": \"Kameras\", \"subItems\": [\"Übersicht\", \"Haustür\"]}","labels8":"{\"itemText\": \"Echos\", \"subItems\": [\"Geräte\", \"Gruppen\"]}","labels9":"Spritpreise","labels10":"{\"itemText\": \"Mutlimedia\", \"subItems\": [\"TV\", \"Radio\", \"Kodi\"]}","headers10":"","colorDrawerSubItemBackground":"#303030","views":null,"labels11":"{\"itemText\": \"Verkehrsinfos\", \"subItems\": [\"S-Bahn\", \"Motorrad\"]}","headers11":"","headers6":"","iconDrawerColor1":"white"},"style":{"left":"0px","top":"0px","width":"1235px","height":"35px","z-index":"1","border-radius":"","border-width":"","border-style":"","border-color":""},"widgetSet":"materialdesign"}]