mirror of
https://github.com/netbox-community/netbox.git
synced 2026-01-11 21:10:29 +01:00
Cable Trace View Readability #5995
Closed
opened 2025-12-29 19:35:30 +01:00 by adam
·
14 comments
No Branch/Tag Specified
main
update-changelog-comments-docs
feature-removal-issue-type
20911-dropdown
20239-plugin-menu-classes-mutable-state
21097-graphql-id-lookups
feature
fix_module_substitution
20923-dcim-templates
20044-elevation-stuck-lightmode
feature-ip-prefix-link
v4.5-beta1-release
20068-import-moduletype-attrs
20766-fix-german-translation-code-literals
20378-del-script
7604-filter-modifiers-v3
circuit-swap
12318-case-insensitive-uniqueness
20637-improve-device-q-filter
20660-script-load
19724-graphql
20614-update-ruff
14884-script
02496-max-page
19720-macaddress-interface-generic-relation
19408-circuit-terminations-export-templates
20203-openapi-check
fix-19669-api-image-download
7604-filter-modifiers
19275-fixes-interface-bulk-edit
fix-17794-get_field_value_return_list
11507-show-aggregate-and-rir-on-api
9583-add_column_specific_search_field_to_tables
v4.5.0
v4.4.10
v4.4.9
v4.5.0-beta1
v4.4.8
v4.4.7
v4.4.6
v4.4.5
v4.4.4
v4.4.3
v4.4.2
v4.4.1
v4.4.0
v4.3.7
v4.4.0-beta1
v4.3.6
v4.3.5
v4.3.4
v4.3.3
v4.3.2
v4.3.1
v4.3.0
v4.2.9
v4.3.0-beta2
v4.2.8
v4.3.0-beta1
v4.2.7
v4.2.6
v4.2.5
v4.2.4
v4.2.3
v4.2.2
v4.2.1
v4.2.0
v4.1.11
v4.1.10
v4.1.9
v4.1.8
v4.2-beta1
v4.1.7
v4.1.6
v4.1.5
v4.1.4
v4.1.3
v4.1.2
v4.1.1
v4.1.0
v4.0.11
v4.0.10
v4.0.9
v4.1-beta1
v4.0.8
v4.0.7
v4.0.6
v4.0.5
v4.0.3
v4.0.2
v4.0.1
v4.0.0
v3.7.8
v3.7.7
v4.0-beta2
v3.7.6
v3.7.5
v4.0-beta1
v3.7.4
v3.7.3
v3.7.2
v3.7.1
v3.7.0
v3.6.9
v3.6.8
v3.6.7
v3.7-beta1
v3.6.6
v3.6.5
v3.6.4
v3.6.3
v3.6.2
v3.6.1
v3.6.0
v3.5.9
v3.6-beta2
v3.5.8
v3.6-beta1
v3.5.7
v3.5.6
v3.5.5
v3.5.4
v3.5.3
v3.5.2
v3.5.1
v3.5.0
v3.4.10
v3.4.9
v3.5-beta2
v3.4.8
v3.5-beta1
v3.4.7
v3.4.6
v3.4.5
v3.4.4
v3.4.3
v3.4.2
v3.4.1
v3.4.0
v3.3.10
v3.3.9
v3.4-beta1
v3.3.8
v3.3.7
v3.3.6
v3.3.5
v3.3.4
v3.3.3
v3.3.2
v3.3.1
v3.3.0
v3.2.9
v3.2.8
v3.3-beta2
v3.2.7
v3.3-beta1
v3.2.6
v3.2.5
v3.2.4
v3.2.3
v3.2.2
v3.2.1
v3.2.0
v3.1.11
v3.1.10
v3.2-beta2
v3.1.9
v3.2-beta1
v3.1.8
v3.1.7
v3.1.6
v3.1.5
v3.1.4
v3.1.3
v3.1.2
v3.1.1
v3.1.0
v3.0.12
v3.0.11
v3.0.10
v3.1-beta1
v3.0.9
v3.0.8
v3.0.7
v3.0.6
v3.0.5
v3.0.4
v3.0.3
v3.0.2
v3.0.1
v3.0.0
v2.11.12
v3.0-beta2
v2.11.11
v2.11.10
v3.0-beta1
v2.11.9
v2.11.8
v2.11.7
v2.11.6
v2.11.5
v2.11.4
v2.11.3
v2.11.2
v2.11.1
v2.11.0
v2.10.10
v2.10.9
v2.11-beta1
v2.10.8
v2.10.7
v2.10.6
v2.10.5
v2.10.4
v2.10.3
v2.10.2
v2.10.1
v2.10.0
v2.9.11
v2.10-beta2
v2.9.10
v2.10-beta1
v2.9.9
v2.9.8
v2.9.7
v2.9.6
v2.9.5
v2.9.4
v2.9.3
v2.9.2
v2.9.1
v2.9.0
v2.9-beta2
v2.8.9
v2.9-beta1
v2.8.8
v2.8.7
v2.8.6
v2.8.5
v2.8.4
v2.8.3
v2.8.2
v2.8.1
v2.8.0
v2.7.12
v2.7.11
v2.7.10
v2.7.9
v2.7.8
v2.7.7
v2.7.6
v2.7.5
v2.7.4
v2.7.3
v2.7.2
v2.7.1
v2.7.0
v2.6.12
v2.6.11
v2.6.10
v2.6.9
v2.7-beta1
Solcon-2020-01-06
v2.6.8
v2.6.7
v2.6.6
v2.6.5
v2.6.4
v2.6.3
v2.6.2
v2.6.1
v2.6.0
v2.5.13
v2.5.12
v2.6-beta1
v2.5.11
v2.5.10
v2.5.9
v2.5.8
v2.5.7
v2.5.6
v2.5.5
v2.5.4
v2.5.3
v2.5.2
v2.5.1
v2.5.0
v2.4.9
v2.5-beta2
v2.4.8
v2.5-beta1
v2.4.7
v2.4.6
v2.4.5
v2.4.4
v2.4.3
v2.4.2
v2.4.1
v2.4.0
v2.3.7
v2.4-beta1
v2.3.6
v2.3.5
v2.3.4
v2.3.3
v2.3.2
v2.3.1
v2.3.0
v2.2.10
v2.3-beta2
v2.2.9
v2.3-beta1
v2.2.8
v2.2.7
v2.2.6
v2.2.5
v2.2.4
v2.2.3
v2.2.2
v2.2.1
v2.2.0
v2.1.6
v2.2-beta2
v2.1.5
v2.2-beta1
v2.1.4
v2.1.3
v2.1.2
v2.1.1
v2.1.0
v2.0.10
v2.1-beta1
v2.0.9
v2.0.8
v2.0.7
v2.0.6
v2.0.5
v2.0.4
v2.0.3
v2.0.2
v2.0.1
v2.0.0
v2.0-beta3
v1.9.6
v1.9.5
v2.0-beta2
v1.9.4-r1
v1.9.3
v2.0-beta1
v1.9.2
v1.9.1
v1.9.0-r1
v1.8.4
v1.8.3
v1.8.2
v1.8.1
v1.8.0
v1.7.3
v1.7.2-r1
v1.7.1
v1.7.0
v1.6.3
v1.6.2-r1
v1.6.1-r1
1.6.1
v1.6.0
v1.5.2
v1.5.1
v1.5.0
v1.4.2
v1.4.1
v1.4.0
v1.3.2
v1.3.1
v1.3.0
v1.2.2
v1.2.1
v1.2.0
v1.1.0
v1.0.7-r1
v1.0.7
v1.0.6
v1.0.5
v1.0.4
v1.0.3-r1
v1.0.3
1.0.0
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
Mirrored from GitHub Pull Request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: starred/netbox#5995
Reference in New Issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @mshuttle76 on GitHub (Jan 25, 2022).
NetBox version
v3.1.6
Feature type
Change to existing functionality
Proposed functionality
For long object coordinates (site, rack group, rack ecc.) it would be useful to be rendered in two lines instead of a single one for more readability.
Use case
Improved readability for objects into cable trace view.
Database changes
No response
External dependencies
No response
@jeremystretch commented on GitHub (Jan 25, 2022):
IIRC the root issue here is that SVG has no notion of text wrapping; it needs to be handled manually, which is not trivial. I could be wrong though.
@github-actions[bot] commented on GitHub (Mar 27, 2022):
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Please see our contributing guide.
@DetunizedGravity commented on GitHub (Mar 30, 2022):
I would like to raise this issue from the (soon to be) dead: we were forced to rename all our sites to very short versions of themselves, putting the actual names in the description field, in order to keep the cable trace readable. That is a less than ideal situation.
@jeremystretch commented on GitHub (Mar 30, 2022):
@DetunizedGravity are you interested in owning the issue?
@DetunizedGravity commented on GitHub (Apr 2, 2022):
To sum up what I answered by email (and that I thought would appear here), I don't think I have enough free time to commit to anything, and I have stopped coding seriously for so long that I'm completely lost in the current devops ecosystem.
I just tried to see if I could install Visual Studio Code and evaluate the actual cost of entry and... Oh boy how steep the learning curve seems to be.
So, definitely no at the moment.
@dreng commented on GitHub (Apr 6, 2022):
Personally I've never run into that problem but the example above shows a very annoying bug.
What about just appending every variable with labels.append instead of concatenating some of them in one line (in svg.py, classmethod _get_labels)? That would be a very quick fix. It leads to the situation that you might end up with a huge amount of lines (it sums up to 5 lines at most in our environment), but that would be a much better solution than leaving it as it is.
I just fixed this on my test server and could add a PR if you consider this as an acceptable solution.
@jeremystretch commented on GitHub (May 12, 2022):
@dreng that might help but I'm not sure it would totally resolve the issue for very long strings. Either way, I'm about to make some major changes to the cable trace rendering logic for #9102, so it's probably best to hold off for now.
I'm going to mark this as blocked by #9102 and revisit during/after that work.
@jeremystretch commented on GitHub (Jul 27, 2022):
The labeling still works pretty much the same after #9102 (although the code has been cleaned up significantly). Leaving this open for anyone who would like to take a stab at fitting the text into the SVG more elegantly.
@dreng commented on GitHub (Jul 27, 2022):
@jeremystretch I doubt that there's an elegant solution we can work out at compile time. There are several problems that prevent that. First of all we use a font-family. You can not expect any browser on any OS to render the font identically. Second of all we use proportional fonts which makes it more than difficult to calculate the width of a certain string. E.g. 20 times "i" takes the space of 70px on my system while 20 times "M" takes 206px (about 3 times as much!).
I think the only true solution would be to determine the width of the string at runtime after rendering and add the needed padding. That could probably be achieved using Javascript but I have no idea how to do that.
To sum it up we need a good compromise and should accept that there might be not an ideal solution.
@arthanson commented on GitHub (Sep 15, 2022):
Potential solution -
There is a JS implementation here (https://old.carto.net/papers/svg/textFlow/) "This ECMAScript function (textFlow) should assist SVG developers to create flow text until widespread support of SVG 1.2 viewers with flowText support is available." (haven't tried it yet), files attached as the website looked like it sometimes become non-accessible.
textflow.zip
Note: It does note some browser issues and hasn't been updated in several years.
@DetunizedGravity commented on GitHub (Oct 11, 2022):
Hello Jeremy,
I am sorry but it would be a bad idea. I haven't touched coding for so long
that git did not exist yet the last time I pushed code into the open (Did
you know there was another "pysocks" project on sourceforge before the the
one you surely know now was born? :) ). I'd have to (re)learn how to use
all the modern tooling before I could play an active part. Not to mention
modern python, django, docker, and the netbox code base. What leads me to
the second obstacle: I really do not have enough time on my hands for
that right now.
Netbox is already important to us and it will only become even more so with
time. So it would be nice if we could play a more active role in its
development. Unfortunately our current workload makes it impossible to most
if not all of us right now.
It may change in a few months from now, when things will have settled a bit
and I should be able to get my head out of the sand. I hope.
Best regards,
Xavier Lagraula
Le mer. 30 mars 2022 à 18:42, Jeremy Stretch @.***> a
écrit :
@github-actions[bot] commented on GitHub (Dec 11, 2022):
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.
@github-actions[bot] commented on GitHub (Mar 27, 2023):
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. NetBox is governed by a small group of core maintainers which means not all opened issues may receive direct feedback. Do not attempt to circumvent this process by "bumping" the issue; doing so will result in its immediate closure and you may be barred from participating in any future discussions. Please see our contributing guide.
@github-actions[bot] commented on GitHub (Apr 27, 2023):
This issue has been automatically closed due to lack of activity. In an effort to reduce noise, please do not comment any further. Note that the core maintainers may elect to reopen this issue at a later date if deemed necessary.