tub-floorplan issueshttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues2018-07-07T19:50:39+02:00https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/29SVG-Symbole (zu viele Dateien)2018-07-07T19:50:39+02:00Tobias ZeumerSVG-Symbole (zu viele Dateien)Für das Menü sind alle (Marker-)Symbole auf tub_floorplan.svg nochmal in symbols.svg. Eigentlich Unsinn, aber zum einen ist das Styling und zum anderen die Position sicher. Für die allermeisten Icons funktioniert die Übernahme aus tub_fl...Für das Menü sind alle (Marker-)Symbole auf tub_floorplan.svg nochmal in symbols.svg. Eigentlich Unsinn, aber zum einen ist das Styling und zum anderen die Position sicher. Für die allermeisten Icons funktioniert die Übernahme aus tub_floorplan.svg aber auch so:
Alt
```html
<li><svg class="icon"><use xlink:href="res/symbols.svg#icon-clock3"></use></svg> ...</li>
```
Neu
```html
<li><svg class="icon" viewbox="0 0 10 10"><use xlink:href="#icon-clock3"></use></svg> ...</li>
```
Ausnahmen sind SUB-Logo, Schließfächer, Bookcrossing, Toiletten - also alle, die in tub_floorplan.svg nicht nur ein simpler Pfad sind.
Die Frage ist, ob sich da noch viel Fummelei lohnt, nur um (komprimiert) minimal KB und Dateizugriffe zu sparen. Ggf. könnte man als Kompromiss nur die problematischen Icons behalten und zusätzlich die symbols_gui.svg in die symbols.svg übernehmen. Allerdings leidet ggf. die Nachvollziehbarkeit... Außerdem noch etwas unklar, warum mit *viewbox="0 0 10 10"* überhaupt das Verhältnis stimmt...
Der (einfache) Weg zum "perfekten" Symbol war übrigens
1. https://icomoon.io/ > Icon Moon App (oder direkt: https://icomoon.io/app/#/select)
2. Import Icons (jeweils nur SVG-Daten des einzelnen Symbols aus tub_floorplan.svg kopieren; "<svg><path...</path></svg>")
3. Edit Icon > Scale > Fit to canvas
4. Dann ganz unten auf der Seite "Generate SVG & More"
5. Ergebnis in symbols.svg einfügenhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/28Export als PNG (oder sonstiges)2018-07-08T20:36:04+02:00Tobias ZeumerExport als PNG (oder sonstiges)Prüfen, ob ein PNG-Export oder evtl. ein anderes Format (leicht, d.h. am besten dynamisch clientside) machbar wäre. Prinzipiell ist es wohl nicht besonders schwer, im Detail aber doch fummelig. Hat ein gewissen Bezug zu #14.
Interessant...Prüfen, ob ein PNG-Export oder evtl. ein anderes Format (leicht, d.h. am besten dynamisch clientside) machbar wäre. Prinzipiell ist es wohl nicht besonders schwer, im Detail aber doch fummelig. Hat ein gewissen Bezug zu #14.
Interessante Quellen
* https://spin.atomicobject.com/2014/01/21/convert-svg-to-png/
* https://github.com/exupero/saveSvgAsPng/https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/27Suchfeld mit mehr Funktionen2018-07-08T20:35:07+02:00Tobias ZeumerSuchfeld mit mehr FunktionenDas Suchfeld unterstützt bisher nur die Suche nach Signaturen. Das ist etwas langweilig und wahrscheinlich auch unklar (klar ist aber jetzt schon, dass immer welche eine Katalogsuchfunktion dahinter vermuten werden). Schöner wäre, wenn n...Das Suchfeld unterstützt bisher nur die Suche nach Signaturen. Das ist etwas langweilig und wahrscheinlich auch unklar (klar ist aber jetzt schon, dass immer welche eine Katalogsuchfunktion dahinter vermuten werden). Schöner wäre, wenn nach weiteren Suchbegriffen gesucht werden könnte.
Einen ersten Ansatz gibt es seit heute. Für suchbare Begriffe werden die Stichworte aus dem Themenmenü herangezogen und beim Tippen als Vorschlag präsentiert. Soweit scheint's zu funktionieren und ist keine Verschlechterung.
Trotzdem noch fehlerhaft
* Bei Wechsel auf Englisch werden die Vorschlagbegriffe nicht aktualisiert
* Die Magazin-Einträge werden angezeigt, auch wenn bei den Einstellungen nicht die MitarbeiterInnenansicht ("Spezial") gewählt ist
* Umlaute (Sortierung & evtl. anderes?)
Noch zu überlegen
* Ein paar Synonyme (könnte man in das Menü in data-synonyms-de setzen?)
* Die Systematik sollte abgesetzt bei den Vorschlägen gezeigt werden
* ...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/25Erster Seitenaufruf (=uncached) und fehlende Map2018-07-07T19:50:57+02:00Tobias ZeumerErster Seitenaufruf (=uncached) und fehlende MapDie Karte wird beim ersten Laden der Seite nicht gezeigt. svg#tubhh kriegt eine height/width:0vw verpasst.
Das liegt indirekt an [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L79) (bzw. dan...Die Karte wird beim ersten Laden der Seite nicht gezeigt. svg#tubhh kriegt eine height/width:0vw verpasst.
Das liegt indirekt an [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L79) (bzw. dann [dieser](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L253)) Zeile.
Effektiv ist das Problem anscheinend, dass append() ([diese Zeile](https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/blob/master/js/tubmap.js#L28)) synchronous ist, aber das DOM update nicht. Das fällt wohl nur auf, weil das SVG (zumal die unoptimierte Inkscape-Version) verhältnismäßig riesig ist.
Nacht dem append() alles weitere á la ``setTimeout(function(){onSVGappended();}, 10);`` geht, aber ist äußerst unschön...
Interessant:
> Fundamental difference: DOM is ready: usually ideal. LOADED: This is when the whole page has finished loading, which is different. For example, this will wait for images to be finished loading, so that you can measure their widths and heights accurately.
Browser sagt auch "Browser says [Violation] Forced reflow while executing JavaScript took 559ms" - kein Fehler, aber recht viel zeit dennoch...
Stimmt das so noch und auch für jQuery ready? Das bringt so nichts
```
$(window).bind('load', function(){
// Load map
}); https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/24Mehr Bilder (Legendentexte) - mit lazy load2018-07-08T22:00:53+02:00Tobias ZeumerMehr Bilder (Legendentexte) - mit lazy loadEinzig beim Campus-Marker ist bisher ein Bild. Es könnten mehr sein, das würde die "textlastige" Legende aufrischen.
Sollten mehr Bilder hinzukommen, sollten diese erst beim jeweiligen einblenden geladen werden (Bandbreite sparen).Einzig beim Campus-Marker ist bisher ein Bild. Es könnten mehr sein, das würde die "textlastige" Legende aufrischen.
Sollten mehr Bilder hinzukommen, sollten diese erst beim jeweiligen einblenden geladen werden (Bandbreite sparen).https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/22Raumnummern ergänzen2018-07-07T19:50:37+02:00Tobias ZeumerRaumnummern ergänzenEs wurde der Wunsch geäußert, die Raumnummern im Plan zu ergänzen.
Fragen
* Raumecke parallel zu Winkel (Kopf drehen) oder gerade "irgendwo" (unruhig evtl.)?
* Ein-/Ausblendbar?
* Passt es überhaupt in einer sinnvollen Schriftgröße
* A...Es wurde der Wunsch geäußert, die Raumnummern im Plan zu ergänzen.
Fragen
* Raumecke parallel zu Winkel (Kopf drehen) oder gerade "irgendwo" (unruhig evtl.)?
* Ein-/Ausblendbar?
* Passt es überhaupt in einer sinnvollen Schriftgröße
* Alternative, um Raumnummer darzustellen (Klick & Popup oder dergleichen)?https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/20Panzoom & Pinch2018-07-07T19:50:35+02:00Tobias ZeumerPanzoom & PinchPanzoom funktionierte nicht out-of-the-box mit Pinch
* https://github.com/ariutta/svg-pan-zoom#custom-events-support
* https://github.com/timmywil/jquery.panzoomPanzoom funktionierte nicht out-of-the-box mit Pinch
* https://github.com/ariutta/svg-pan-zoom#custom-events-support
* https://github.com/timmywil/jquery.panzoomhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/17Verlinkungen auf externe Inhalte2018-07-08T20:33:36+02:00Tobias ZeumerVerlinkungen auf externe InhalteGelegentlich bieten sich bei Legende-Texten Links an, z.B. bei Verweisen auf Formulare wie Buchwunsch oder Fernleihe. Bei externer Nutzung ist das eher unproblematisch, wenn vom Plan weggeleitet wird. Bei einem Infoscreen sollten die Lin...Gelegentlich bieten sich bei Legende-Texten Links an, z.B. bei Verweisen auf Formulare wie Buchwunsch oder Fernleihe. Bei externer Nutzung ist das eher unproblematisch, wenn vom Plan weggeleitet wird. Bei einem Infoscreen sollten die Links eher in einem Popup oder zmdst. in einem neuen Tab geöffnet werden.
Ganz auf Links zu verzichten, wäre schade.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/15Tooltips alternativ anzeigen (jquery-ui weg)2018-06-17T22:52:57+02:00Tobias ZeumerTooltips alternativ anzeigen (jquery-ui weg)Die Tooltips werden derzeit beim Überfahren der Marker mit der Maus oder bei Klick auf ein Regal angezeigt. Das funktioniert nicht ganz einwandfrei und vor allem verwendet es das riesige jquery-ui (Downloadzeit). Das sollte unbedingt raus.Die Tooltips werden derzeit beim Überfahren der Marker mit der Maus oder bei Klick auf ein Regal angezeigt. Das funktioniert nicht ganz einwandfrei und vor allem verwendet es das riesige jquery-ui (Downloadzeit). Das sollte unbedingt raus.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/14Druckversion verbessern2018-07-08T20:43:15+02:00Tobias ZeumerDruckversion verbessernDerzeit werden bei Druck alle Elemente außer der Karte ausgeblendet.
Eventuell wäre ein Druck-Icon schöner, dass beim Klick folgendes macht
* Eine Beschriftung links oben einfügt ("Lesesal 1", "Lesesaal ")
* Die Karte optimal für den D...Derzeit werden bei Druck alle Elemente außer der Karte ausgeblendet.
Eventuell wäre ein Druck-Icon schöner, dass beim Klick folgendes macht
* Eine Beschriftung links oben einfügt ("Lesesal 1", "Lesesaal ")
* Die Karte optimal für den Druck vergrößert/zoomt
* Beide Lesesäle (ggf. auch Magazin) direkt druckt, so dass nicht für jede Ebenen-Ansicht separat gedruckt werden muss.
* Statt eines Drucks, könnte auch eine "klassiche" Pixelgrafik (png/jpg/gif) ausgegeben werden
* mehr denkbar...https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/7Regalinhalt anzeigen2018-07-07T19:51:50+02:00Tobias ZeumerRegalinhalt anzeigenVielleicht via SRU Regalinhalt anzeigen
* http://uri.gbv.de/database/opac-de-830
* http://sru.gbv.de/opac-de-830?version=1.2&operation=searchRetrieve&query=sql+sortby+year%2Fdescending&maximumRecords=5
* odder nachs sig https://katalog.t...Vielleicht via SRU Regalinhalt anzeigen
* http://uri.gbv.de/database/opac-de-830
* http://sru.gbv.de/opac-de-830?version=1.2&operation=searchRetrieve&query=sql+sortby+year%2Fdescending&maximumRecords=5
* odder nachs sig https://katalog.tub.tuhh.de/Search/Results?lookfor=ti&type=CallNumber&limit=20&sort=year
Wahrscheinlich aber eher wenig nützlich.https://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/6SVG-Optimierung (Inkscape zu Web)2018-07-08T20:41:59+02:00Tobias ZeumerSVG-Optimierung (Inkscape zu Web)Siehe auch [svg_and_inkscape.md](docs/svg_and_inkscape.md)
**Aspekte**
* Evtl. Polygons doch zu Recs (Bits & Bytes sparen)?
**Inkscape (Bugs)**
* Inkscape-CSS-Bugs
* Inline-CSS persists per object even after moving it to own css defi...Siehe auch [svg_and_inkscape.md](docs/svg_and_inkscape.md)
**Aspekte**
* Evtl. Polygons doch zu Recs (Bits & Bytes sparen)?
**Inkscape (Bugs)**
* Inkscape-CSS-Bugs
* Inline-CSS persists per object even after moving it to own css definition block via inbuild extension
* CSS class references being persisted in style attributes - workaround tool https://bugs.launchpad.net/inkscape/+bug/167937/comments/3
* Set CSS class Inkscape extension: https://github.com/monomon/inkscape-set-css-class
* Inkscape & Transforms
* Hängt mit Groups zusammen - die werden beim Bewegen immer tranformed und praktisch nicht möglich automatisch x/y drauß zu machen
* http://jeromebelleman.gitlab.io/posts/graphics/inkpos/
* https://stackoverflow.com/questions/13329125/removing-transforms-in-svg-files
* http://www.inkscapeforum.com/viewtopic.php?t=27459
* https://github.com/Klowner/inkscape-applytransforms
* Cloning
* https://design.tutsplus.com/tutorials/quick-tip-duplicate-clone-or-copy-and-paste--cms-19969
* Layer mit "Vorlagen" von denen gecloned wird genutzt (für den Anfang bequemer als mit defs)
**Ressourcen**
* http://petercollingridge.appspot.com/svg-optimiserhttps://collaborating.tuhh.de/tobias.zeumer/tub-floorplan/-/issues/4Quellcode-Optimierungen (Performance; Ladezeit)2018-07-08T20:51:59+02:00Tobias ZeumerQuellcode-Optimierungen (Performance; Ladezeit)* IDs, insbesondere in SVG, ordentlich(er) und strukturierter benennen
* XSLT oder PHP um eine ordentliche HTML-Version zu generieren (mehr oder minder alle Sources in einer Datei, Bearbeitung aber übersichtlicher in Ressourcen)
* Oder...* IDs, insbesondere in SVG, ordentlich(er) und strukturierter benennen
* XSLT oder PHP um eine ordentliche HTML-Version zu generieren (mehr oder minder alle Sources in einer Datei, Bearbeitung aber übersichtlicher in Ressourcen)
* Oder: ist eine reine HTML-Version wirklich so charmant gegenüber einer PHP-Version (irgendwie schon :))
* snapsvg weg (einfach svg includen)