Test Widget vis-owl v0.2.x GitHub

[Gruter]

@buchi
JS Contoller war nicht der aktuellste.

[Thomas Braun]

@gruter

Warum nicht?

[Damrak2022]

@buchi Ich muss nochmal nachfragen, da ich mein System jetzt neu auf eine SSD Festplatte gepackt habe. Nachdem ich nun den Adapter wiederhinzugefügt habe, wird er mir dargestellt als ob was doppelt wäre, was aber nicht der Fall ist.
Im CSS Tab steht bei mir das drin:

}

.vis-style-green-gray.vis-owl-parcel-container{
    background-color: #222222; 
    z-index: 10;
    overflow: auto;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

Das Widget selbst sieht im Moment so aus:

Wie bekomme ich das vernünftige angezeigt?

[Buchi]

@damrak2022
Anpassen

https://github.com/gerbuchner/ioBroker.vis-owl/wiki/Parcel-Control
https://forum.iobroker.net/topic/53312/owl-tauschbörse-für-css-klassen

[Damrak2022]

@buchi Danke, schaue ich mir nachher mal in Ruhe an.

[kafibo]

Hallo,

ich habe bei DPD eine Paketankündigung (Auftragsdaten übermittelt). Dieses wird im Parcel-Adapter auch angezeigt und ist im allProviderJson enthalten. Im Widget wird es aber nicht angezeigt !
Wann taucht denn das Paket im Widget auf ? Wenn es in Zustellung ist oder sollte es schon zu sehen sein?
Bei Amazon ist auch eine Bestellung zu sehen die aber noch nicht versandt ist.

[DJMarc75]

@kafibo said in Test Widget vis-owl v0.2.x GitHub:

Wann taucht denn das Paket im Widget auf ?

Das Paket sollte im Widget erscheinen sobald es in der allPoviderJson zu sehen ist und der Punkt "delivery_status" beim Paket vorhanden und mit einer Zahl befüllt ist.

    "delivery_status": 1,
    "direction": "ANKOMMEND"

1 bedeutet in meinem Fall zugestellt

[kafibo]

Also das Paket ist in der allProviderJson, allerdings hat es keinen delivery_status ! Wann wird denn der Datenpunkt erstellt? Wie gesagt bei Amazon erscheint das Paket wenn es bestellt und noch nicht versandt wurde? komisch

[DJMarc75]

@kafibo

https://forum.iobroker.net/topic/51795/adapter-paketverfolgung-dhl-briefe-amazon-dpd-gls-ups-17t

Das Beste wäre dein Problem mal im Adapterforum zu schildern.

[kgh]

@buchi auch, wenn ich jetzt schon mega zufrieden bin, hätte ich noch ein Paar Ideen für neue CSS Klassen.
Ich zeige in meiner vis nur "noch nicht zugestellte" Pakete an. Hier kann ich wunderschön mit:

vis-owl-parcel-id-inDelivery
vis-owl-parcel-name-inDelivery
vis-owl-parcel-status-inDelivery

arbeiten. Ich vermisse ein wenig:

vis-owl-parcel-inDelivery

um auch den Hintergrund ein bisschen von den bereits zugestellten Paketen unterscheiden zu können (Ist für mich aber nicht wichtig, da ich sowieso nur "noch nicht zugestellte" anzeige).

Was aber absolut schön wäre, wenn man die Pakete, die in Zustellung sind (die vom Adapter in die InDelivery-Liste gepackt werden) von allen, die noch unterwegs sind, zu unterscheiden. Es wird nicht einfach dafür einen richtigen Namen zu finden, da inDelivery bereits verwendet wird
Wie siehst Du es? Kann man da etwas machen?

vis-owl-parcel-lastStepDelivery
vis-owl-parcel-id-lastStepDelivery
vis-owl-parcel-name-lastStepDelivery
vis-owl-parcel-status-lastStepDelivery

...oder so ähnlich...

[Buchi]

@kgh
Das lässt sich sicher einrichten. Wegen Namen überlege ich mal in Ruhe.
Muss eh auch noch die Checkbox (Zugestellte anzeigen ja/nein) einbauen, dann schau ich das auch gleich.

[Buchi]

@kgh
Die neuen CSS Klassen sind:

• vis-owl-parcel-inDelivery
• vis-owl-parcel-DeliveryToday
• vis-owl-parcel-id-DeliveryToday
• vis-owl-parcel-name-DeliveryToday
• vis-owl-parcel-status-DeliveryToday

Die Checkbox zur interaktiven Auswahl ob zugestellte Sendungen angezeigt werden sollen oder nicht, wird wohl doch nicht so einfach werden. Da muss ich noch suchen und testen.

[kgh]

@buchi super! Werde sie gleich mal einbauen. Jetzt muss ich nur noch etwas bestellen, damit ich mehr Pakete gleichzeitig sehen kann.
Danke!

[Buchi]

@kgh
Ich kann Dir meine Einkaufsliste und Adresse geben wenn Dir die Ideen ausgehen

[DJMarc75]

@buchi said in Test Widget vis-owl v0.2.x GitHub:

Die neuen CSS Klassen sind:

Super Job....
Kannst Du das noch in der WIKI dokumentieren ? damits auch gleich jeder nachlesen kann

[kgh]

@buchi zu spät gerade etwas bestellt

Das mit der Checkbox muss nicht unbedingt sein. Ich befürchte nämlich, dass sie viele stören könnte (Außer, Du machst sie mit CSS hidden).
Ich habe das Problem bereits so gelöst, dass ich auf der Main-Seite meiner Vis nur die "offenen" Pakete anzeige und für die "bereits zugestellten" extra Seite spendiert habe. Funktioniert super
Das Problem mit zwei Parcel - Instanzen (Accounts meiner Frau) konnte ich auch mit einem extra Datenpunkt und ein bisschen Blockly lösen.

Ich bin sehr zufrieden

[Damrak2022]

@buchi Irgendwas scheint bei mir so garnicht zu stimmen.
Wenn ich das dieses CSS nehme ist mein Tab Widget ausgegraut, also nicht mehr anklickbar.
Nehme ich das gray compact von @Buchi ist fast alles in Ordnung. Allerdings wie mir dann das hinterlegte Bild nicht angezeigt, wenn keine Sendung unterwegs ist.

@chaot sagte in owl - Tauschbörse für CSS Klassen:

Ich mag ja auch eher Grün:

.chaot.vis-owl-parcel-headline{
    border-radius: 3px 3px 3px 3px;
    height: 26px;
    width: 310px;
    background-color: #82de24;
    box-shadow: 0px 0px 0px 1px rgba(82, 145, 164, 0.3);
}
 
.chaot.vis-owl-parcel-headline-text{
    color: #000000;
}
 
.chaot.vis-owl-parcel-sepline{
    opacity: 0;
    width: 690px;
background-color: #444444;
}
 
.chaot.vis-owl-parcel-container {
width: 750px;
height: 650px;
background-color: #222222;
}
 
.chaot.vis-owl-parcel{
    background-color: rgba(0, 0, 0, 1); 
    border-color: #Ece0ac;
    border-style: solid; 
    border-width: 1px 1px 1px 1px; 
    width: 770px;
    opacity: 0.92;
background-image: linear-gradient(90deg, rgba(130,222,36,1) 0%, rgba(205,233,126,1) 18%, rgba(130,222,36,1) 100%);
    
}
 
.chaot.vis-owl-parcel-id-inDelivery {
    color: #7d7d7d         ;
}
 
.chaot.vis-owl-parcel-name-inDelivery{
    color: #111111  ;
}
 
.chaot.vis-owl-parcel-status-inDelivery{
    color: #110916  ;
}
.chaot.vis-owl-parcel-container {
 
background-color: transparent;
}

[Chaot]

@damrak2022 Was nimmst du da als CSS Klasse?

[Damrak2022]

@chaot Da kann ich nichts eintragen, denn sobald ich den CSS Code eingetragen habe, ist der Widget Tab ausgeraubt.
Aber ich versuch es gleich mal zuerst die CSS Klasse einzugeben. Das müsste .chaot.vis-owl-parcel sein, oder?

[Buchi]

@damrak2022
Hast Du Dir denn die Beschreibung durchgelesen und alles so gemacht?
https://forum.iobroker.net/topic/53312/owl-tauschbörse-für-css-klassen