New FHEM Tablet UI

viegener · 29 Juni 2015, 12:06:20

Zitat von: wolfram am 29 Juni 2015, 11:51:32
Wenn der Input-Kanal meines Verstärkers "Tuner" ist, möchte ich gern über die "Skip"-buttons den Radiosender wechseln.
Wenn der Input-Kanal meines Verstärkers "mPlay" ist, möchte ich über die "Skip"-Buttons den iTunes-Song wechseln.
Wenn der Input-Kanal meines Verstärkers "SAT/Cabel" ist, möchte ich über die "Skip"-Buttons den Fernsehsender wechseln.

Eine Möglichkeit dafür wäre mit FHEM-Mitteln eine Kombination aus Notify (oder DOIF) und Trigger.

Also für die jeweilige Funktion (z.B. Skip) ein einzelnes notify anlegen, bei dem im Commandteil der Status des Input-Kanal ausgewertet wird und dann per If der entsprechende Befehl an den richtigen Device gesendet wird. Das kann man prinzipiell auch über DOIF machen, allerdings finde ich das umständlicher, weil mehr verschiedene Ausdrücke beteiligt sind.

Der Trigger Befehl wird dann im tablet ui hinter den Button gelegt, in dem man data-cmd und data-set entsprechend mit dem trigger-daten belegt

wolfram · 29 Juni 2015, 12:47:40

Hallo viegener,

zuerst einmal danke für die schnelle Antwort. Ich dachte mir schon, dass ich in fhem-native anfangen muss.
Könntest Du mir mit dem notify und dem Skip vielleicht noch unter die Arme greifen? Ich bin leider nicht so der Pro und glaube, dass ich das aus eigener Kraft nicht ganz hinbekomme - ein beispielhafter Ansatz reicht mir.

Den Input meines Verstärkers kann ich abfragen mit: "get marantz input" - das Ergebnis ist dann z.B. "SAT/CBL"

Wie bekomme ich jetzt diese Daten in ein notify, und dann wiederum in einen "skip"-Befehl?

vielen Dank und LG
wolf

viegener · 29 Juni 2015, 14:39:29

Ich versuche es mal als Trockenübung, da ich momentan nicht zuhause und damit ohne Zugriff auf mein fhem bin. Also bitte mit Vorsicht geniessen, da ich weder perl noch fhem Korrektheit prüfen konnte:

Also in fhem müsste ein Device (Typ notify) angelegt werden, dass für den jeweiligen Befehl (z.B. skip) den richtigen Befehl an das richtige Zielgerät abschickt. Das müsste ungefähr so aussehen:

Code Auswählen


define groupSkip notify groupSkip {
	my $groupSkip _input = ReadingsVal( "marantz", "input", "" );
	if ( $groupSkip _input eq "Tuner" ) {
		fhem( 'set ...' );
	} elsif ( $groupSkip _input eq "SAT/CBL" ) {
		fhem( 'set ...' );
	} elsif ( $groupSkip _input eq "mPlay" ) {
		fhem( 'set ...' );
	}
}

Bei 'set ...' ist jeweils der richtige fhem Befehl für den Deivce einzutragen.

Am besten probierst Du das dann innerhalb von fhem aus in dem Du als Kommando in fhemweb "trigger groupSkip" einträgst und dann mal im Log/eventviewer schaust was passiert.
Analog ist ein eigener Notify für alle anderen Kommandos anzulegen (z.B. groupPlay), der natürlich anders heissen muss und andere set-Kommandos beinhaltet. Ansonsten aber analog aufgebaut ist.

Wenn das geht, kannd im tablet ui ein Push angelegt werden, der den Trigger-befehl aufruft, diese sollte wohl folgende Parameter haben:

Code Auswählen


	data-device="groupSkip"
	data-cmd="trigger"
	data-set=""

Und jetzt bitte korrigiert mich wenn das so nicht funktioniert oder etwaige Fehler enthält,
Johannes

wolfram · 29 Juni 2015, 15:42:36

Danke, johannes fürs Brücke bauen - ich werde es heute Abend mal versuchen und Rückmeldung geben.

LG
wolf

setstate · 29 Juni 2015, 19:26:34

Zitat von: setstate am 28 Juni 2015, 18:45:20
ich habs auf
Code Auswählen Erweitern
dialog.css({ top: ($(window).height() / 2 - dialog.outerHeight()) / 2, left: ($(window).width() / 2 - dialog.outerWidth()) / 2 });

geändert. Passt doch universeller, oder?

Peinlich, die Klammer ist noch falsch gewesen ...

Zitat
- top: ($(window).height() / 2 - dialog.outerHeight()) / 2,
- left: ($(window).width() / 2 - dialog.outerWidth()) / 2
+ top: ($(window).height() / 2 - dialog.outerHeight() / 2),
+ left: ($(window).width() / 2 - dialog.outerWidth() / 2)

Update ist gemacht.
Plus: Schließen des Dialogs jetzt auch einfach beim Klick auf den Hintergrund.

wolfram · 29 Juni 2015, 22:20:50

Hallo Johannes,

ich habe es so versucht wie Du beschrieben hast:

Zitat von: viegener am 29 Juni 2015, 14:39:29

Code Auswählen Erweitern
define groupSkip notify groupSkip { my $groupSkip _input = ReadingsVal( "marantz", "input", "" ); if ( $groupSkip _input eq "Tuner" ) { fhem( 'set ...' ); } elsif ( $groupSkip _input eq "SAT/CBL" ) { fhem( 'set ...' ); } elsif ( $groupSkip _input eq "mPlay" ) { fhem( 'set ...' ); } }

Und jetzt bitte korrigiert mich wenn das so nicht funktioniert oder etwaige Fehler enthält,
Johannes

Code Auswählen

define groupSkip notify groupSkip {
	my $groupSkip _input = ReadingsVal( "Marantz", "input", "" );
	if ( $groupSkip _input eq "MPLAY" ) {
		fhem( 'set minime next' );
	} elsif ( $groupSkip _input eq "SAT/CBL" ) {
		fhem( 'set VuPlus channelDown' );
	} elsif ( $groupSkip _input eq "tuner" ) {
		fhem( 'set tuner next' );
	}
}

Leider bekomme ich aber folgende Fehlermeldung - da ich aber nicht so der Coder bin (irgendwo fehlt bestimmt ne Klammer o.ä.) frage ich nochmal um Hilfe.

Danke wolf

und hier die Fehlermeldung:

Code Auswählen

Unknown command my, try help. Unknown command if, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command }, try help.

viegener · 29 Juni 2015, 22:41:24

Ja, das kann so nicht gehen, hier ist mal ein verbesserter Vorschlag, bei dem meine Fehler bei den Leerzeichen und den Semikolons beseitigt sind (Zeichensetzung war noch nie meine Stärke). Deine Befehle habe ich mitübernommen:

Code Auswählen


define groupSkip notify groupSkip { 
	my $groupSkip_input = ReadingsVal( "Marantz", "input", "" );;
	if ( $groupSkip_input eq "MPLAY" ) { 
		fhem( 'set minime next' );; 
	} elsif ( $groupSkip_input eq "SAT/CBL" ) { 
		fhem( 'set VuPlus channelDown' );;  
	} elsif ( $groupSkip_input eq "tuner" ) { 
		fhem( 'set tuner next' );; 
	} 
}

wolfram · 30 Juni 2015, 06:57:51

Guten Morgen Johannes,

mit

Code Auswählen

define groupSkip notify groupSkip { 
	my $groupSkip_input = ReadingsVal( "Marantz", "input", "" );;
	if ( $groupSkip_input eq "MPLAY" ) { 
		fhem( 'set minime next' );; 
	} elsif ( $groupSkip_input eq "SAT/CBL" ) { 
		fhem( 'set VuPlus channelDown' );;  
	} elsif ( $groupSkip_input eq "tuner" ) { 
		fhem( 'set tuner next' );; 
	} 
}

bekomme ich leider auch wieder nur:

Code Auswählen

Unknown command my, try help. Unknown command if, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command fhem(, try help. Unknown command }, try help. Unknown command }, try help.

für mich sieht die Fehlermeldung genauso aus....scheinbar stösst sich fhem schon an dem "my" in der 2. Zeile.

Viele Grüße und einen sonnigen Tag
wolf

fhemler · 30 Juni 2015, 07:53:17

Wenn du das so in die fhem.cfg eingetragen hast, dann muss hinter jede Zeile ein "\"...

wolfram · 30 Juni 2015, 07:57:13

Danke fhemler,
Werde es leider erst heut Abend testen können und dann Rückmeldung geben.

Gesendet von iPhone mit Tapatalk

viegener · 30 Juni 2015, 11:43:06

Ja fhemler hat recht, Danke!

Das Codebeispiel war für Copy und Paste in fhemweb's-Kommandofeld gedacht, dann wird es automatisch in eine Zeile zusammengefasst. Bei Eingabe in fhem.cfg muss am Ende jeweils der \ stehen, damit beim Einlesen klar ist, dass das Kommando noch weitergeht. Ansonsten wird die nächste Zeile als getrenntes FHEM.cfg aufgefasst und dort gibt es kein my, denn das ist ja eigentlich Teil des Perl-Ausdrucks in den geschweiften Klammern.

Johannes

wolfram · 30 Juni 2015, 12:09:27

Asche auf mein Haupt, hätte ich eigentlich wissen müssen - wie gesagt ich probier es einfach heute Abend noch einmal.

Danke vielmals.
wolf

lapidu · 30 Juni 2015, 12:51:24

Hallo,

ich habe erhebliche Probleme das Tablet UI im Browser anzuzeigen. ( Verwende Firefox, beim Chrome habe ich das selbe Problem)

Wenn ich die Seite aufrufe kommt folgendes:

(http://up.picr.de/22400416vt.jpg)

nach mehrmaligen Refresh der Seite und Löschung des Caches passt es dann

(http://up.picr.de/22400417vf.jpg)

Hat jemand einen Tipp?

Vielen Dank.

Lapidu

Nobby1805 · 30 Juni 2015, 14:05:57

poste mal deinen index-file

lapidu · 30 Juni 2015, 14:19:40

Zitat<!DOCTYPE html>
<html>
<head>
   
   <title>FHEM-Tablet-UI</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta name="widget_base_width" content="116">
   <meta name="widget_base_height" content="131">
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="longpoll" content="1"> 
   <meta name="debug" content="0"> 

   <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
   <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
   <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
   <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
   <link rel="stylesheet" href="/fhem/tablet/lib/powerange.min.css" />


<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />

   <script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
   <script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
   <script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
   <script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
   <script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
   <script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>

   

</head>
<body>



<frameset>

<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
<header>Wohnung Bad</header>
<div data-type="thermostat"
data-device="Heizung.1OG.rechts.Bad"
data-get="desired-temp"
data-temp="measured-temp"
    data-min="4"
    data-off="off"
class="cell">
</div>
<div data-type="label"
       data-device="Heizung.1OG.rechts.Bad"
       data-get="measured-temp"
       data-limits='[-73,19,23]'
       data-colors='["#6699FF","#AA6900","#FF0000"]'
       data-unit="%B0C%0A"
       class="cell inline big">
</div>
</li>
<li data-row="1" data-col="2" data-sizex="1" data-sizey="2">
<header>Wohnung Kinder</header>
<div data-type="thermostat"
data-device="Heizung.1OG.rechts.Kinder"
data-get="desired-temp"
data-temp="measured-temp"
    data-min="4"
    data-off="off"
class="cell">
</div>
<div data-type="label"
       data-device="Heizung.1OG.rechts.Kinder"
       data-get="measured-temp"
       data-limits='[-73,19,23]'
       data-colors='["#6699FF","#AA6900","#FF0000"]'
       data-unit="%B0C%0A"
       class="cell inline big">
</div>
</li>
<li data-row="1" data-col="3" data-sizex="1" data-sizey="2">
<header>Wohnung Schlaf</header>
<div data-type="thermostat"
data-device="Heizung.1OG.rechts.Schlaf"
data-get="desired-temp"
data-temp="measured-temp"
    data-min="4"
    data-off="off"
class="cell">
</div>
<div data-type="label"
       data-device="Heizung.EG.Bad"
       data-get="measured-temp"
       data-limits='[-73,19,23]'
       data-colors='["#6699FF","#AA6900","#FF0000"]'
       data-unit="%B0C%0A"
       class="cell inline big">
</div>
</li>
</ul>
</div>
</body>
</html>