Fragen zu "vis"

Jey Cee

Beide Probleme mit dem Slider sind auch mir vorhanden. "oid" eingetragen und der Slider geht.

Auf einem Tablet mit Win 7 kommt Chrome zum Einsatz. Hier der gleiche Effekt das der Slider einfach so fährt.

Für mich sieht es so aus als ob der Slider betätigt bleibt bis man wo anders hinklickt, dabei fährt er aber in die Richtung in der geklickt wird.

So jetzt hab ich den Slider mal am PC mit der Maus getestet, ebenfalls Chrome. Parallel dazu war die Seite auch auf dem Tablet offen, beim ändern ist der Slider wieder auf den Ausgangswert zurück gesprungen.

Nachdem ich die Seite am Tablet geschlossen hab, ging es normal.

Das Stützt meine Theorie das der Slider auf dem Touch gerät festgehalten wird. Technisch liegt es wohl daran das es auf dem Touch Gerät das "Links-klick-halten" & "Ziehen" Ereignis nicht beendet wird wenn man den Finger vom Display nimmt.

Da es vom Browser unabhängig zu sein scheint, dürfte es am Slider liegen.

Ich hab kein Plan von js oder css, aber eine Idee wie man das problem evtl. lösen kann wenn es wirklich daran liegt dass das "Links-klick-halten" & "Ziehen" Ereignis nicht beendet wird.

Einfach ein Timeout im ms bereich einbauen.

EDIT: Ich bin auf folgenden Artikel gestoßen: http://www.mediaevent.de/javascript/touch-events.html

Und auf das hier: http://www.html5rocks.com/en/mobile/tou … _locale=de

Viel kann ich damit nicht anfangen, hab aber die Funktion ".click" im code der Widgets entdeckt, also ist es Maus optimiert. Wir bräuchten dann wohl Touch optimiert.

EDIT 2: In der Datei "Metro.js" steht gleich am Anfang die Erkennung ob Touch oder Maus Steuerung.

Ab der Zeile 439 findet sich dieser code:

/* To add touch support for element need create listeners for component dom element
 if (hasTouch)
 {
 element.addEventListener("touchstart", touch2Mouse, true);
 element.addEventListener("touchmove", touch2Mouse, true);
 element.addEventListener("touchend", touch2Mouse, true);
 }*/

Ich hatte in Testhalber mal von seiner Auskommentierung befreit, das hat bei mir jedoch nichts geändert. Gleich danach steht der Code(die Klasse) für die Slider.

EDIT 3: Hier ist der selbe Fehler beschrieben: https://github.com/olton/Metro-UI-CSS/issues/651

Jey Cee

So lange rum gespielt und getestet. Ich glaub jetzt gehts, wäre gut wenn das noch jemand anders Testen kann.

Auf einem Android 4.2 Tablet mit standard Browser geht es.

Dazu folgenden Code in die Metro.js, nach zeile 548 einfügen:

            $(document).on('touchend.metroSlider', function () {
				$(document).off('mousemove.metroSlider');
				$(document).off('mouseup.metroSlider');
				element.data('value', that.options.position);
				element.trigger('changed', that.options.position);
				o.changed(that.options.position, element);
				if (!element.hasClass('permanent-hint')) {
					hint.css('display', 'none');
                }
            });

Gruß

Jey Cee

Bluefox

~~@Jey Cee:~~

So lange rum gespielt und getestet. Ich glaub jetzt gehts, wäre gut wenn das noch jemand anders Testen kann.

Auf einem Android 4.2 Tablet mit standard Browser geht es.

Dazu folgenden Code in die Metro.js, nach zeile 548 einfügen:
            $(document).on('touchend.metroSlider', function () {
				$(document).off('mousemove.metroSlider');
				$(document).off('mouseup.metroSlider');
				element.data('value', that.options.position);
				element.trigger('changed', that.options.position);
				o.changed(that.options.position, element);
				if (!element.hasClass('permanent-hint')) {
					hint.css('display', 'none');
                }
            });
Gruß

Jey Cee `
Kann nicht finden, wo das eingefügt sein sollte, kannst ganze geänderte Datei hier posten?

Jey Cee

Klar kein Problem.

Wer ein Desktop Betriebssystem und Chrome einsetzt kann unter about://flags die Touch Events aktivieren. Damit geht es bei mir auf dem Tablet.
282_metro.js

Bluefox

~~@Jey Cee:~~

Klar kein Problem.

Wer ein Desktop Betriebssystem und Chrome einsetzt kann unter about://flags die Touch Events aktivieren. Damit geht es bei mir auf dem Tablet. `
Danke, werde heute eine Version machen.
305_betriebsstundenzaehler_095.txt

Jey Cee

Ich hab für die Metro Widgets noch eine Schönheitskorrektur: Bei Widgets wie "nav - Tile Navigation" oder "Tile Bool" kann man eine Ikonenklasse wählen, dadurch wird ein ein Icon in der Mitte des Tiles angezeigt.

Wenn man ein eigenes möchte kann man das auch über eine URL benutzen. Leider wird dieses dann immer ganz Links oben angezeigt (siehe Bild, das obere Tile ist mit Ikonenklasse das untere mit eigener Ikone).

Damit die eigene Ikone ebenfalls so angezeigt werden kann, habe ich eine Dummy Ikonenklasse namens icon-myown angelegt. Bei dieser Klasse wird kein icon aus dem bestehenden Set verwendet sondern lediglich die Style Informationen.

Um die Änderungen nach zu rüsten muss iconFont.min.css nach "\widgets\metro\css" und metro.html nach "\widgets" sowohl in den Ordner "ioBroker\node_modules\iobroker.vis\www" als auch in "ioBroker\data\files\vis" kopiert werden.

@Bluefox: Die Angehängten Dateien sind aus der vis 0.1.0. Es würde mich freuen wenn die Änderung im nächsten Update dabei ist.

Danke für den neuen Editor der ist wirklich gelungen.

Homoran

Im Moment exportiere ich meine views aus ccu.io und importiere die bei ioBroker.

Was passiert jetzt mit den Widgets, die in ioBroker (noch) nicht vorhanden sind?

Von update zu update tauchten immer mal wieder welche auf.

Stören die nicht vorhandenen widgets beim rendern? Kosten solche "Leichen" unnötig Rechenpower?

…wenn ja, wie könnte man sie einfach löschen? Man sieht sie ja nicht.

Gesendet von meinem Cynus T7 mit Tapatalk

Bluefox

~~@Homoran:~~

Stören die nicht vorhandenen widgets beim rendern? Kosten solche "Leichen" unnötig Rechenpower?

…wenn ja, wie könnte man sie einfach löschen? Man sieht sie ja nicht. `
Eigentlich kosten die kein Rechenpower.

Die müssen trotzdem in Select-Auswahl da sein.

Man kann die selktieren und löschen

Homoran

Danke, hab ich noch nicht gesehen.

Hab immer nur auf dem dashboard gesucht.

Gesendet von meinem Cynus T7 mit Tapatalk

bku

Brauche dann mal Hilfe von euch, hab schon alle Widgets durch, aber nix passendes gefunden:

Möchte im vis einen Text sichtbar machen (z.B. nach einem Bewegungsmelder-Event) der aber sichtbar bleibt, bis er durch einen Button "bestätigt" und dadurch wieder unsichtbar wird.

Wie stell ich das an?

Gruß Bernd

hanisoft

Hallo,

Hab nun auch wieder eine Frage …

Es gibt jetzt zu meiner Freude auch wieder die jqui-mfd widgets mit den HUE Widgets.

Leider funktionieren gerade die HUE Widgets nicht.

Überhaupt dürfte beim HUE Adapter schon was nicht stimmen, der steigt bei jedem Update des js-controllers aus und muss immer neu installiert werden..., bei mir zumindest.

lg

Hannes

Bluefox

~~@bku:~~

Brauche dann mal Hilfe von euch, hab schon alle Widgets durch, aber nix passendes gefunden:

Möchte im vis einen Text sichtbar machen (z.B. nach einem Bewegungsmelder-Event) der aber sichtbar bleibt, bis er durch einen Button "bestätigt" und dadurch wieder unsichtbar wird.

Wie stell ich das an?

Gruß Bernd `
Das geht mit dem Javascript (oder node-red). Ich zeige mit JS. (Achtung es geht nur die neueste Version von heute)

Javascript Adapter installieren.

Folgendes Skript erzeugen (Daunten gibt es kelines "plus").

// Erzeuge die Variable "Bewegung", falls die nicht existiert.
createState('bewegung', 0);

on("hm-rpc.0.deinBewegungsMelder.1.STATE", function (obj) {
    log('Value: ' + obj.newState.val);
    // Setze meine Variable "Bewegung" auf 1 falls Bewegung erkannt
    if (obj.newState.val) setState('bewegung', 1, true);
});

Nicht vergessen Adapter Javascript selbst aktivieren.

Danach in "vis" Zwei Widgets kreieren:

Basic - Hide on 0/false
jqui - Button State

Homoran

Hallo bluefox, Hallo Smiling_Jack,

ich bin endlich mal dazu gekommen mich etwas intensiver mit .vis zu beschäftigen.

Meine alten dashui views füllen sich mehr und mehr - SUPER!

Jetzt sind auch die Thermometer und die gauge Basic mit drin.

Bei den Thermometern gibt es noch das alte Problem, dass die Beschriftung der Skalierung abgeschnitten wird. Wenn ich das Widget breiter mache, wird auch das Thermometer breiter und die Schrift wird trotzdem abgeschnitten

Außerdem habe ich es nicht geschafft, einen neuen (zusätzlichen) View anzulegen mit einem anderen Theme.

Wenn ich bei css - view ein theme auswähle passiert gar nichts, wähle ich unter SETUP - Thema ein Thema aus, ändert sich die Anzeige auf dem Bildschirm. Aber nach Speichern und öffnen des views mit index.html#viewname ist nicht das andere Theme zu sehen.

iCal und DWD laufen spitzenmäßig.

Danke dafür (und für alles andere)

Gruß

Rainer

bku

~~@Homoran:~~

Außerdem habe ich es nicht geschafft, einen neuen (zusätzlichen) View anzulegen mit einem anderen Theme. `

Du mußt links oben den neuen View createn.

Alles andere dann im "neuen View".

Gruß Bernd
304_view.png

Homoran

Missverständnis!

ich habe den neuen view,

ich habe auch schon widgets drin.

…aber ich bekomme es nicht hin, dem neuen view ein Theme (z.B. vader) zuzuordnen.

es bleibt immer bei cupertino

Gruß

Rainer

smiling_Jack

~~@Homoran:~~

Außerdem habe ich es nicht geschafft, einen neuen (zusätzlichen) View anzulegen mit einem anderen Theme.

Wenn ich bei css - view ein theme auswähle passiert gar nichts, wähle ich unter SETUP - Thema ein Thema aus, ändert sich die Anzeige auf dem Bildschirm. Aber nach Speichern und öffnen des views mit index.html#viewname ist nicht das andere Theme zu sehen.

Gruß

Rainer `

Der Fehler muste in der nächsten Version behoben sein. hatte das auch schon gemerkt .

starfish

hallo Forum

ich habe hier ein Problem, 2 views, die sich nicht löschen lassen. Wähl ich die zu löschende view "1. Stock" in der Drop-down liste an und klicke auf das Papierkorb symbol kommt das Popup "wirklich view xxx löschen?" xxx ist aber nicht die ausgewählte view. Für die beiden unlöschbaren views 1. Stock und 2. Stock gibts Reiter oberhalb der view xxx, klicke ich da drauf passiert gar nichts. Will ich eine gleichnamige view 1. Stock erstellen, kommt ein popup "Eine View mit diesem Namen existiert bereits!" - also views, die gleichzeitig vorhanden sind aber nicht anwählbar und löschbar sind. Wie krieg ich die weg?

gruss

starfish

Bluefox

~~@starfish:~~

hallo Forum

ich habe hier ein Problem, 2 views, die sich nicht löschen lassen. Wähl ich die zu löschende view "1. Stock" in der Drop-down liste an und klicke auf das Papierkorb symbol kommt das Popup "wirklich view xxx löschen?" xxx ist aber nicht die ausgewählte view. Für die beiden unlöschbaren views 1. Stock und 2. Stock gibts Reiter oberhalb der view xxx, klicke ich da drauf passiert gar nichts. Will ich eine gleichnamige view 1. Stock erstellen, kommt ein popup "Eine View mit diesem Namen existiert bereits!" - also views, die gleichzeitig vorhanden sind aber nicht anwählbar und löschbar sind. Wie krieg ich die weg?

gruss

starfish `
Schick mir: ….iobroker\iobroker-data\files\vis.0\main\vis-views.json (dogafox at gmail.com) Ich kann checken.

akamia

Hallo smiling-Jack,

kannst Du in der nächsten Version auch die Bars "Views Bar" und "Filter Bar" wieder integrieren? Dann könnte ich mit der Migration beginnen.

Gruß akamia

starfish

~~@Bluefox:~~

Schick mir: ….iobroker\iobroker-data\files\vis.0\main\vis-views.json (dogafox at gmail.com) Ich kann checken. `
ok, per pm geschickt.

Community Forum

NEWS

Fragen zu "vis"

Support us

298

32.6k

82.3k

1.3m