zeank

Du bist da nicht der erste und einzige. Dirty Avocado zb auch. Ich glaub sie hat da auch ein Video dazu gemacht.

Das ist in etwa der nicht zufriedenstellende Vorgänger von dem neuen.

Und das zusätzliche groundsheet sowieso. Immerhin hat das Zelt ja nen Boden. Hundert Jahre wird es sowieso nicht halten. Wenn mal doch irgendwann Löcher drin sind, dann repariert man das halt. Oder man kauft sich erst gar kein Zelt bei dem der Boden nix taugt. Oder man nimmt gleich nur ein Tarp.

Filter würde ich um die Jahreszeit auch daheimlassen.

Der Merino-Hoodie ist schon echt sau-schwer. Und vermutlich auch nicht gerade klein im Pack. Evtl gegen ein Fleece tauschen? Quechua MH500 so als Tipp. Hat zwar keine Kaputze aber wozu hast du Mütze und Buff dabei? Entweder, oder ... Da du eh so viele Packsäcke hast, nimm einem davon als Kopfkissen. Evtl geht auch der Pumpsack. Wenn du eh ne Regenjacke dabei hast, würde ich auf die zusätzliche Windjacke verzichten. Mir wär das mit so viel Elektronik/Fotokram zuviel. Aber das muss natürlich jeder selber wissen.

@sja hab fast nur Bahnhof verstanden, lol. Ich muss mir erstmal ein paar mehr Basics reinpaucken, dann komme ich wieder auf Dich zurück. Trotzdem tausend Dank schon mal (mal wieder).

Das Verhalten an der Stelle scheint browserabhängig und lässt sich scheinbar auch nicht überschreiben. *ouch* - gefixt Das befestigt die Übersicht oben an der Seite, dh der Rest scrollt dann drunter weg. Mir wäre eigentlich ein anderes Symbol lieber an der Stelle, das von mir gewählte Iconset scheint aber nix besseres herzugeben. Am liebsten wär mir eigentlich so ein Pin. Ok, hab ich wieder rückgängig gemacht. Ist konsistenter so.

Momentan gibt es sowieso keine Datenbank in dem Sinne. Alles ist lokal im Browser gespeichert. Später wird es dann so sein, dass man einen Account anlegen kann, dann werden die Daten automatisch im Hintergrund mit dem Server synchronisiert. Das ermöglicht dann das Nutzen der eigenen Listen über verschiedene Geräte hinweg gleichzeitig und dass man Listen auch mit anderen teilen kann. Das Suchen in den Daten bleibt aber nach wie vor eine rein lokale Angelegenheit. Sprich JavaScript plus IndexDB (oder localStorage?). So macht das geargrams.com, lighterpack (mein Vorbild) macht das aber anders. Bei geargrams sind die jeweiligen Items fest einer Kategorie zugeordnet, während bei lighterpack jede Liste seine eigenen Kategorien hat. Und so kann man dann halt mal ein Item der einen und mal der anderen Kategorie zuordnen. Finde letzteren Ansatz insofern besser als dass er flexibler ist. Dafür aber halt nicht so strukturiert. Muss ich mal noch bisschen drüber nachdenken. Und bin natürlich weiterhin für Vorschläge offen.

Ich hatte mal von global vs lokal gesprochen, damit aber was anderes gemeint. Und zwar dass es items geben soll, die es nicht ins Inventar schaffen sondern nur auf einer bestimmten Liste vorhanden sind. Zb für Essen. Ein globales Inventar über alle User hinweg, klingt zwar nicht ganz uninteressant, halte ich aber so direkt nicht für praktikabel. Wir halten hier ja all unsere Leute dazu an ihr persönliches Gear nachzuwiegen, denn was auf der Packung steht und was die Sachen dann tatsächlich wiegen sind definitiv zwei paar Schuhe. Und wir modifizieren unser Gear ja auch, schneiden unnötiges ab, nähen extra Taschen ran etc etc. Was die Länge der Liste angeht, nun ... bei mir selbst ist das definitiv so, dass es eine so lange Liste ergäbe, dass ich auf jeden Fall eine Suche brauche um mich durchzuwühlen. Manuell raussuchen wäre echt recht anstrengend und fällt hinter das zurück was lighterpack kann. Also, das widerspricht sich ja nicht, man kann ja beides anbieten.

Gibt ein größeres Update. Unter anderem habe ich Alle Links (<a>) durch echte Buttons (<button>) ersetzt, hoffe das hilft. Denke dass echte buttons semantisch (aber auch optisch) besser sind, weil man mit ihnen Aktionen verbindet und nicht dass man irgendwo hingelangt wie bei Links Dank @bri gibt es jetzt ein Ausklappmenü bei kleinen Bildschirmen so dass man zB auch am smartphone durch seine Listen navigieren kann Die stats table wandert von allein nach rechts, wenn der Bildschirm breit genug ist Das Anlegen und Löschen von Kategorien hab ich überarbeitet und wird nun innerhalb der stats table gemacht. Vorher hatte ich dafür auch Buttons aber das wurden dann ziemlich viele zu bunte Buttons. Weiss nicht, ob der jetzige Zustand der Weisheit letzter Schluss ist. Als nächstes würde ich mich ans Verschieben von Items und Kategorien machen. Da stellen sich mir aber einige Fragen, bei denen ihr mir vielleicht behilflich sein könntet ( @sja )? Es wurde ja nach Drag & Drop gefragt, und lighterpack macht es ja auch so. Ich denke, das braucht es also auf jeden Fall. Allerdings ist es so, dass ja viele Geräte kein DnD unterstützen. Screen reader sowieso nicht aber auch am smartphone. Also braucht es ja auch jeden Fall noch eine Alternative. Und da frag ich mich, lieber erst die Alternative (die dann ja überall funktioniert) implementieren? Ich dachte da an so rauf/runter Pfeile. Hat jemand eine bessere Idee? Gibt es da vielleicht irgendwas "fertiges"? Oder vielleicht sogar etwas das verschieben mit Pfeilen und DnD gleichzeitig unterstützt. Wo gibt es Beispiele? Jira hat afaik sowas, hab aber keinen Zugang grad zu einem Jira. Mal bei github schaun, ob die nicht auch sowas haben irgendwo... Als nächstes frage ich mich, ob ich überhaupt bei der linken Spalte bleibe. Hier kommt es letzten Endes darauf an, ob ich das Inventar wie lighterpack links in die Spalte packe. Finde das aber eher schlecht gelöst. Vielleicht fällt mir (oder jemand) da was besseres ein, wie man Items aus dem Inventar in eine Liste kopieren kann. Zwei Ansätze: Sobald man ein neues Item hinzugefügt hat und das Tippen anfängt wird gleichzeitig im Inventar gesucht. Bei Treffern erscheint eine Auswahlliste unterhalb des Cursors und man kann eines auswählen, welches dann in die Spalte kopiert wird Oben in der Navbar eine Suchleiste mittels derer man im Inventar suchen kann. Treffer erscheinen unterhalb in einem bubble (wie oben) und man kann wieder auswählen, müsste dann aber sagen zu welcher Kategorie das gehört (umständlich) Beides? Noch was anderes? Ne generelle Inventarseite wo man einfach direkt sein Inventar bearbeiten kann? Oder doch alles in der Leiste wie bei lighterpack kommt die Leiste weg, würden die Liste der Listen oben ins Menü wandern und dort in einem Dropdown verwaltet werden. Zu umständlich? Muss man da sooft hin? (Der Editor hakt hier übrigens regelmäßig, enter + pfeiltasten geht manchmal einfach nicht - sehr nervig)

Müsste ein Admin machen, ich kann den nicht mehr bearbeiten.

Aktuelle todo list für eine Art v1.0.0 (MVP): https://github.com/sstrigler/smrtrpck/milestone/1

Wenn ich das ändern, siehts es erstens kacke aus und zweitens sind wir wieder beim alten problem, dass es oben anders ist als unten. Deshalb hab ich jetzt einfach bei dem Text davor ein vertical-align:middle gemacht. Ah, ok, nice, jetzt hab ich mal die spinners ganz weggemacht beim weight, nerven mich eh, bei qty ist jetzt, falls supported, ein Abstand.

Ja, bin ich grad dabei! Korrigiert, sieht aber scheisse aus unter Mac+Firefox... Darauf hab ich AFAIK keinen Einfluss, das ist von Browserimplementierung abhängig, Standardfeld input[type="number"]. Persönlich mag ich dieses Infragestellen sämtlicher Interaktion nicht. Mein Gedanke ist der: es wird später ja eine Versionierung geben, jedwedes Löschen erstellt automatisch einen Speicherpunkt. Sollte man einen Fehler gemacht haben, kann man so leicht zu einer vorherigen Version zurückkehren. Auch Listen sollen nicht wirklich gelöscht werden sondern nur archiviert. Selbes für items aus dem Inventar. Ok, ok, 2:1 lol *schwitz* Geht zurück an Euch alle hier!

Hm ja. Ich finde den Effekt halt schickt mit dem 'mouseover', es sieht ein bisschen fad aus, wenn es immer da ist, zumal es beim reinen betrachten der statistischen Daten einfach stört. Das mit dem Focus ist ein Bug, ich hab versucht das zu beheben, aber hab noch keine Lösung gefunden. Vermutlich stimmt einfach der CSS selector nicht, bzw das Element auf das ich ihn setze. Denn der tatsächliche 'focus' scheint auf einem anderen Element zu liegen als ich denke, nur auf welchem? Bin ich mit :focus überhaupt richtig? Ich weiss, selbes Problem wie oben. Setze mich nachher nochmal ran. Da gibt es beim 'mouseover' auch keinen Unterstrich (dafür ist beim '-' der Kasten rot, nicht gut, aber vielleicht ein Hinweis auf das ungelöste focus Problem). Soll da beim mouseover dann auch ein Unterstrich hin? Warum nur bei der Tastatur? Da hat man ja immerhin den Kasten... SEO spielt an der Stelle keine Rolle, die sehen nur ne "weisse" Seite. Aber <title> usw im <head> muss ich noch gescheit setzen. Ansonsten wär für SEO später die geteilten Links auf die fertigen (read-only) Listen relevant. Wenn überhaupt. Das ist deshalb ein Link, weil man durch Draufklicken dann flott zurück nach oben (Anfang der Seite) springen kann. Das ist bei ziemlich vielen 'apps' so und besonders unter mobile finde ich das recht praktisch. Nein? h1 und so muss ich mir anschaun, dachte das wär so. Bin mir unsicher, h1 oder h2 muss dann ja aber eigentlich der Name der Liste und die Kategorien im Hauptfenster sein, das Links ist ja nur das Menü, also eigentlich nur <nav> und <ul><li> und keine Überschriften. Oder versteh ich Dich falsch, bzw etwas nicht? Japp, ist Dank @Dean auf der TODO, will sich @bri netterweise drum kümmern <3 Tausend Dank! So wär das natürlich perfekt.

Bin mit der jetzigen Lösungen selbst nicht so ganz zufrieden, nur scheint es nicht anders zu gehen. Wenn ich input[type="number"] habe, dann akzeptiert das Feld nur dann Nachkommastellen, wenn das 'step' attribute selbst auch eine Nachkommastelle vorgibt. Und zwar dann auch jeweils nur soviele wie in 'step' angegeben. Ich denke die meisten metrisch orientierten Leute werden zwar das meiste in Gramm angeben wollen, aber nicht auf Komma genau. Das machen nur wenige, aber wenige machen es halt. Deswegen wäre mir ein 'step' von 1 eigentlich am liebsten, plus der Möglichkeit Nachkommastellen auf Bedarf angeben zu können. Scheint nicht Möglich zu sein. Wer seine Items mit 'oz' einträgt, hat das Problem weniger, würde aber vielleicht gerne zwei Nachkommastellen nutzen? Vermutlich muss ich den Wert dynamisch anpassen, je nachdem was für eine Einheit ausgewählt ist. -> kommt auf die Todo Hm ja. Kommt drauf an. Ich dachte mir, da oben ein '+' für hinzufügen ist, macht dann an der Stelle ein '-' mehr Sinn (als das Gegenteilige). Während aber bei den Items ein '-' sich irgendwie komisch anfühlt wiederum.

OT: wahrscheinlich sollte ich mich auch so langsam mal kümmern!

Ich hätte eigentlich gerne, dass auch beim Drücken der Enter-Taste der Fokus in der Maske um ein Element weiterspringt (also wie bei Tab). Geht das irgendwie einfach umzusetzen? Oder ist das aus Usability-Perspektive vielleicht sogar kontraproduktiv? Sollte man das eher dem Browser überlassen?

Farbe geändert (deutlich dunkler). Dein Tool gibt sein OK jetzt. Das mit dem nested title tag geht leider nicht so einfach, weil das benutzte framework das seltsamerweise nicht unterstützt. Ich hab deshalb jetzt erstmal den title im übergeordneten a-Tag gesetzt. Geht das? (-) wurde durch Graphik ersetzt. Erledigt, super Hinweis! Hm, nicht unbedingt, lighterpack macht das auch so und persönlich finde(!) ich das recht eingängig, denn ein Total in g ist eher schwer zu lesen. Kann man doch aber oben bei den Total-Totals ändern. Ist mir kein richtig gutes Wort eingefallen, hab es jetzt mal "Type" genannt. Macht das Sinn? Erledigt. Nicht 100% ich dich da richtig verstehe, hab es jetzt so gemacht, dass selektierte Elemente auch ein Unterstrich bekommen und blau werden. Ich bin dir sehr sehr dankbar!

Ich weiss gar nicht, was ich sagen soll, ich bin einfach überwältigt von soviel Zuspruch, Interesse und positivem, konstruktivem Feedback. Damit hatte ich so nicht gerechnet. Auf jeden Fall ein sehr guter Anreiz weiterzumachen. Besonderen Dank an @sja, werd mir das gleich mal genauer anschauen. Uu muss ich mit Nachfragen auf Dich zukommen, weil ich ehrlich gesagt, nicht alles gleich verstehe, was Du da sagst. Und ja, Accessability ist ein Muss, auch wenn ich da sicher nicht ausreichend Wissen habe. Aber das trifft - wie man sieht - auf fast alles zu. @Fabian. Safari muss gehen. Weisst Du wie man an die JavaScript-Konsole kommt? Dort findet sich uU eine hilfreiche Fehlermeldung. PS: Hab jetzt eine voll automatisierte Deploy-Chain CI/CD ftw. #fachchinesisch

So, Spaltenbreiten sind angespasst und Hintergrundfarbe alterniert jetzt oben. CI geht immer noch nicht :p

OT: Es gibt hier in Stockholm eine Bar, in der es nur und ausschließlich Leichtbiere gibt, alles Craftbiere versteht sich. Die sind richtig toll! Weiss aber nicht ,ob die auch gänzlich alkoholfreie haben: http://www.folk.beer

Oh, in den falschen Hals bekommen.

Warum bin ich immer so defensiv? Oder wie war das gemeint @SouthWest?

Ja. Wär natürlich nicht schlecht das auszulagern. Aber wie wo? Nicht jeder hat einen github Account.