Show AS descriptions in AS path on prefix detail page

- Display AS descriptions alongside AS numbers in format: Description (ASN)
- Truncate descriptions longer than 20 characters with ellipsis
- Increase container max width to 1600px for better display
- Enable word wrapping for AS path cells to handle long paths
- Update mobile responsive styles for AS path display
This commit is contained in:
2025-07-28 18:25:26 +02:00
parent a78e5c6e92
commit dc3ceb8d94
4 changed files with 4951 additions and 270942 deletions

View File

@@ -13,7 +13,8 @@
color: #333;
}
.container {
max-width: 1200px;
width: 90%;
max-width: 1600px;
margin: 0 auto;
background: white;
padding: 30px;
@@ -114,9 +115,10 @@
font-family: monospace;
font-size: 13px;
color: #666;
max-width: 300px;
overflow-x: auto;
white-space: nowrap;
max-width: 600px;
word-wrap: break-word;
white-space: normal;
line-height: 1.5;
}
.age {
color: #7f8c8d;
@@ -168,7 +170,7 @@
font-size: 14px;
}
.as-path {
max-width: 150px;
max-width: 100%;
}
}
</style>
@@ -234,7 +236,7 @@
<a href="/as/{{.OriginASN}}" class="as-link">AS{{.OriginASN}}</a>
</td>
<td class="peer-ip">{{.PeerIP}}</td>
<td class="as-path">{{range $i, $as := .ASPath}}{{if $i}} → {{end}}{{$as}}{{end}}</td>
<td class="as-path">{{range $i, $as := .ASPathWithDesc}}{{if $i}} → {{end}}{{if $as.Description}}{{$as.Description}} ({{$as.Number}}){{else}}AS{{$as.Number}}{{end}}{{end}}</td>
<td class="peer-ip">{{.NextHop}}</td>
<td>{{.LastUpdated.Format "2006-01-02 15:04:05"}}</td>
<td class="age">{{.LastUpdated | timeSince}}</td>