Test Adapter Aura

fritzke316

Ich möchte in AURA das Popup Widget mit Balken nutzen, habe aber 2 Probleme:

Lässt sich der Balken auf meinem Handy unter Chrom oder fully nicht schieben, ich kann nur auf eine stelle tippen und er springt da hin.
Ich kann beim verschieben des Balkens oder Sliders nicht sehen bei wieviel % ich gerade stehe, kann ich das irgendwo einschalten so wie bei den Rollos?Dort ist es "Position live mitzeichnen"

Latzi

Auf meinem iPhone werden keine Tortendiagramme angezeigt, auf allen anderen Nicht-IOS-Geräten schon. Kann das jemand bestätigen?

MeinzIsAs

@dering sagte:

@MeinzIsAs

Für genau dieses Auswahlfeld:
.aura-widget-child-1793187571700-lafh8 .aura-widget-action > button {
  background: var(--widget-bg) !important;
}
Für alle Auswahlfelder:
.aura-widget-type-enum .aura-widget-action > button {
  background: var(--widget-bg) !important;
}
Zu deinen Versuchen:

enum[type="enum"] funktioniert nicht. Ein Element enum gibt es nicht, der Typ steht als Klasse aura-widget-type-enum am Widget.

Eigenes CSS wirkt nur im Frontend. In der Editor-Vorschau greift es erst, wenn „CSS auch im Editor anwenden“ aktiviert ist.

Die Akzentfarbe ist dafür nicht zuständig. Der Hintergrund des Feldes kommt aus der Theme-Farbe „App-Hintergrund“ (--app-bg).

Super Danke das hat funktioniert.
Und noch ein rießiges Dankeschön für diesen Adapter und die schnelle Weiterentwicklung.

dering

@fritzke316
Danke für die Meldung! Das Ziehen der Balken-Regler per Finger war tatsächlich kaputt (betraf Dimmer, Slider und Licht). Ist in der nächsten Version behoben. Der Dimmer zeigt dann beim Ziehen auch in allen Layouts den Prozentwert mit an.

fritzke316

@dering
super Danke!!

icebear

@dering said:

Das geht schon heute, ganz ohne neue Funktion. Das Hintergrundbild kann seinen Wert aus einem Datenpunkt holen.

Super, Danke für den Hinweis und den Denkanstoß, ich hab's gleich mal umgesetzt und es funktioniert einwandfrei.

Jetzt hätte ich noch einen Punkt, wie du siehst, nutze ich die Bilder als Hintergrund für ein Universal-Widget und über die Spalten und Zeilen lasse ich mir dann noch andere Informationen in dem Widget anzeige (Temp, offene Fenster usw) jetzt würde ich gerne in jedem Raum ein Button (Bild oder Icon) einfügen mit dem ich bei 'Klick-Action' eine PopUp-View des jeweiligen Raums öffnen kann. Leider gibt es in der Auswahl die Option 'Button' nicht, siehe Bild:

Kannst du das noch einfügen, oder gibt es eine andere Möglichkeit?

Edit: Ich füg hier noch das Script (TypeScript) ein welches ich zum wechsel der Bilder benutze falls einer sowas ähnliches bauen möchte.

// Datenpunkte definieren
const dpState = '0_userdata.0.vis.VIS_Light_State.state_vis_widget';
const dpTarget = '0_userdata.0.Aura.lights';
const dpSunrise = '0_userdata.0.Astrodaten.Astro.sunrise';
const dpSunset = '0_userdata.0.Astrodaten.Astro.sunset';

// Mappings für Tag und Nacht
const dayImages: { [key: number]: string } = {
    0:  'vis-2.0/SmartHome/EG_Fertig2_Beleuchtung_test.png',
    1:  'vis-2.0/SmartHome/EG_Light/hood.png',
    2:  'vis-2.0/SmartHome/EG_Light/2_kueche.png',
    3:  'vis-2.0/SmartHome/EG_Light/3_kueche_hood.png',
    4:  'vis-2.0/SmartHome/EG_Light/wc.png',
    5:  'vis-2.0/SmartHome/EG_Light/5_hood_gwc.png',
    6:  'vis-2.0/SmartHome/EG_Light/8_tv_day.png',
    7:  'vis-2.0/SmartHome/EG_Light/wz.png',
    8:  'vis-2.0/SmartHome/EG_Light/wz_play.png',
    9:  'vis-2.0/SmartHome/EG_Light/d_wz_hood.png',
    10: 'vis-2.0/SmartHome/EG_Light/d_wz_play_hood.png',
    11: 'vis-2.0/SmartHome/EG_Light/11_d_wz_play_cook.png',
    12: 'vis-2.0/SmartHome/EG_Light/12_d_cook_gwc.png',
    13: 'vis-2.0/SmartHome/EG_Light/13_d_cook_hood_gwc.png',
    14: 'vis-2.0/SmartHome/EG_Light/14_d_wz_gwc.png',
    15: 'vis-2.0/SmartHome/EG_Light/15_wz_play_gwc.png',
    16: 'vis-2.0/SmartHome/EG_Light/16_d_wz_cook_gwc.png',
    17: 'vis-2.0/SmartHome/EG_Light/17_d_wz_play_cook_gwc.png'
};

const nightImages: { [key: number]: string } = {
    0:  'vis-2.0/SmartHome/EG_Fertig2_light_tv.png',
    1:  'vis-2.0/SmartHome/night/n_hood.png',
    2:  'vis-2.0/SmartHome/night/n_cook_bergsee.png',
    3:  'vis-2.0/SmartHome/night/n_kueche_kochen.png',
    4:  'vis-2.0/SmartHome/night/n_wc.png',
    5:  'vis-2.0/SmartHome/night/n_hood_wc.png',
    6:  'vis-2.0/SmartHome/night/n_play.png',
    7:  'vis-2.0/SmartHome/night/n_wz.png',
    8:  'vis-2.0/SmartHome/night/n_liv.png',
    9:  'vis-2.0/SmartHome/night/n_wz_hood.png',
    10: 'vis-2.0/SmartHome/night/n_wz_play_hood.png',
    11: 'vis-2.0/SmartHome/night/n_wz_play_bergsee.png',
    12: 'vis-2.0/SmartHome/night/12_n_cook_gwc.png',
    13: 'vis-2.0/SmartHome/night/13_n_cook_hood_gwc.png',
    14: 'vis-2.0/SmartHome/night/14_n_wz_gwc.png',
    15: 'vis-2.0/SmartHome/night/15_n_wz_play_gwc.png',
    16: 'vis-2.0/SmartHome/night/16_n_wz_tv_bergsee_gwc_essen.png',
    17: 'vis-2.0/SmartHome/night/17_n_wz_play_bergsee_gwc_treppe.png'
};

// Hilfsfunktion zur Prüfung, ob es aktuell Tag ist (zwischen Sonnenaufgang und Sonnenuntergang)
function isDayTime(): boolean {
    const now = new Date();
    const currentTime = now.getHours() * 60 + now.getMinutes(); // Minuten seit Tagesbeginn

    const sunriseVal = getState(dpSunrise).val;
    const sunsetVal = getState(dpSunset).val;

    if (typeof sunriseVal !== 'string' || typeof sunsetVal !== 'string') {
        log('Astro-Daten (Sunrise/Sunset) haben kein gültiges String-Format!', 'warn');
        return true; // Fallback auf Tag
    }

    // Erwartet Format "HH:MM" oder ISO-String; wir extrahieren die Uhrzeit
    const parseTimeToMinutes = (timeStr: string): number => {
        let hours = 0;
        let minutes = 0;
        if (timeStr.includes(':')) {
            const parts = timeStr.split(':');
            hours = parseInt(parts[0], 10);
            minutes = parseInt(parts[1], 10);
        } else {
            // Falls es ein kompletter ISO-String ist
            const d = new Date(timeStr);
            hours = d.getHours();
            minutes = d.getMinutes();
        }
        return hours * 60 + minutes;
    };

    const sunriseMinutes = parseTimeToMinutes(sunriseVal);
    const sunsetMinutes = parseTimeToMinutes(sunsetVal);

    return currentTime >= sunriseMinutes && currentTime < sunsetMinutes;
}

// Hauptfunktion zur Ermittlung und zum Schreiben des Bildpfades
function updateLightImage() {
    const stateVal = getState(dpState).val;
    const stateIndex = Number(stateVal);

    if (isNaN(stateIndex)) {
        log(`Ungültiger Wert im Widget-State: ${stateVal}`, 'warn');
        return;
    }

    const dayTime = isDayTime();
    let imagePath = '';

    if (dayTime) {
        imagePath = dayImages[stateIndex] || '';
    } else {
        imagePath = nightImages[stateIndex] || '';
    }

    if (imagePath) {
        setState(dpTarget, imagePath, true);
        log(`Bildpfad aktualisiert (${dayTime ? 'Tag' : 'Nacht'}, Index ${stateIndex}): ${imagePath}`, 'debug');
    } else {
        log(`Kein passender Bildpfad für Index ${stateIndex} gefunden!`, 'warn');
    }
}

// Event-Listener: Ausführen, wenn sich das Widget ändert
on(dpState, () => {
    updateLightImage();
});

// Event-Listener: Ausführen, wenn sich die Astro-Zeiten aktualisieren
on([dpSunrise, dpSunset], () => {
    updateLightImage();
});

// Initialer Aufruf beim Start des Scripts
updateLightImage();

dering

@icebear sagte:

Leider gibt es in der Auswahl die Option 'Button' nicht

Schalter -> Button

icebear

@dering said:

Schalter -> Button

Das war mir schon klar, aber damit kann ich ja keine 'Klick-Action' open PopUpView ausführen.
Ich hatte mir das so vorgestellt, das wenn ich in (wie auf dem Bild) auf den Orangen Punkt klicke, dann kann ich damit eine PopUp-View öffnen die den jeweiligen Raum zeigt.

Das geht ja mit einem Schalter nicht, da kann ich keine PopUp-View verlinken.

Edit: Habs rausgefunden, geht wie beschrieben zwei Post's unten drunter.

JoJo58

@icebear sagte:

Das geht ja mit einem Schalter nicht, da kann ich keine PopUp-View verlinken.

Beides, also Schalter und Popup, geht meine ich nicht, aber wenn du stattdessen nur ein Icon, Statisch oder Status, oder Freitext usw., dann kannst du doch direkt "Klick-Aktion" auf diese eine Zelle im Universal setzen.

Würde das nicht gehen?

icebear

@JoJo58 said:

Würde das nicht gehen?

Du bist mir zuvor gekommen. Ich habs auch grad rausgefunden und wollte meinen Post ändern.
Mit dem 'Bild (URL/Base64)' oder 'Statischem Icon' gehts es, Danke trotzdem für den Hinweis.

dering

Hab es selbst gerade gemerkt, dass im Schalter keine Klick-Aktion möglich ist.

Warum hat der Schalter im Universal-Widget keine Klick-Aktion?

Ein Schalter reagiert schon auf den Klick: Du tippst drauf, und er schaltet um. Hätte er zusätzlich eine Klick-Aktion (z. B. „Popup öffnen“ oder „zu Tab springen“), müssten zwei Dinge auf denselben Tipp reagieren. Aura könnte dann nicht wissen, was du willst:

nur schalten?
nur das Popup öffnen?
beides?

Im schlimmsten Fall schaltest du aus Versehen das Licht aus, obwohl du nur die Details sehen wolltest. Deshalb gibt es die Klick-Aktion nur bei Zellen, die etwas anzeigen (Text, Wert, Icon, Bild usw.). Bei Zellen, die etwas bedienen (Schalter, Schieberegler, Taster, Eingabefeld), fehlt sie.

lesiflo

@icebear: Nutzt du eine KI zusammen mit dem MCP von Aura? Dann wäre es eventuell eine Option das ganze in HTML abzubilden. Das hier z.B. kommt komplett ohne Aura Elemente aus, bis auf das HTML Widget.

Community Forum

NEWS

Test Adapter Aura

Support us

412

33.1k

84.1k

1.4m