search

peterbaumert / netbox-device-view

49 stars 8 forks source link

Confused on port mappings #28

Open PieterL75 opened 1 year ago

PieterL75 commented 1 year ago

I have devices that have these portnames (Arista DCS-7050SX3-48YC8-R)

Ethernet1
Ethernet2
...
Ethernet47
Ethernet48/1
Ethernet49/1
Ethernet50/1
...
Ethernet56/1

But this template does not seems to work:

/*  DCS-7050SX3-48YC8-R */
.deviceview.area {
    grid-template-areas:
    "ethernet1 ethernet3 ethernet5 ethernet7 ethernet9 ethernet11 ethernet13 ethernet15 ethernet17 ethernet19 ethernet21 ethernet23 ethernet49/1 ethernet51/1 ethernet53/1 ethernet55/1 ethernet25 ethernet27 ethernet29 ethernet31 ethernet33 ethernet35 ethernet37 ethernet39 ethernet41 ethernet43 ethernet45 ethernet47 z z z z"
    "ethernet2 ethernet4 ethernet6 ethernet8 ethernet10 ethernet12 ethernet14 ethernet16 ethernet18 ethernet20 ethernet22 ethernet24 ethernet50/1 ethernet52/1 ethernet54/1 ethernet56/1 ethernet26 ethernet28 ethernet30 ethernet32 ethernet34 ethernet36 ethernet38 ethernet40 ethernet42 ethernet44 ethernet46 z z z z";
}

I also tried

/*  DCS-7050SX3-48YC8-R */
.deviceview.area {
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    grid-template-areas:
    "ethernet-1 ethernet-3 ethernet-5 ethernet-7 ethernet-9 ethernet-11 ethernet-13 ethernet-15 ethernet-17 ethernet-19 ethernet-21 ethernet-23 ethernet-49/1 ethernet-51/1 ethernet-53/1 ethernet-55/1 ethernet-25 ethernet-27 ethernet-29 ethernet-31 ethernet-33 ethernet-35 ethernet-37 ethernet-39 ethernet-41 ethernet-43 ethernet-45 ethernet-47 z z z z"
    "ethernet-2 ethernet-4 ethernet-6 ethernet-8 ethernet-10 ethernet-12 ethernet-14 ethernet-16 ethernet-18 ethernet-20 ethernet-22 ethernet-24 ethernet-50/1 ethernet-52/1 ethernet-54/1 ethernet-56/1 ethernet-26 ethernet-28 ethernet-30 ethernet-32 ethernet-34 ethernet-36 ethernet-38 ethernet-40 ethernet-42 ethernet-44 ethernet-46 z z z z";
}

but all I get is this : image

what am I doing wrong ? I'm at v0.1.4 of the plugin

peterbaumert commented 1 year ago

Will try this myself today and update you later.

deanfourie1 commented 1 year ago

Same issue, Interface names are GigabitEthernet1/0/x and yet adding them, they do not display or display incorrectly.

SergeyVTK commented 1 year ago

sorry my english - google translate. plugin installed on Netbox v3.6.5 Maybe I'm doing something wrong? It doesn't display correctly:

/* AN-S10P8-120 */
.deviceview.area {
    grid-template-areas:
        "x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x"
        "y y y y y y y y y y y y y y y y y y y Port1 Port2 Port3 Port4 Port5 Port6 Port7 Port8 s0 Port9-Uplink Port10-Uplink z z";

image

/* DGS-1510-52X */
.deviceview.area {
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    grid-template-areas:
    "Eth1/0/1 Eth1/0/3 Eth1/0/5 Eth1/0/7 Eth1/0/9 Eth1/0/11 Eth1/0/13 Eth1/0/15 s0 Eth1/0/17 Eth1/0/19 Eth1/0/21 Eth1/0/23 Eth1/0/25 Eth1/0/27 Eth1/0/29 Eth1/0/31 s0 Eth1/0/33 Eth1/0/35 s0 Eth1/0/37 Eth1/0/39 Eth1/0/41 Eth1/0/43 Eth1/0/45 Eth1/0/47 s0 Eth1/0/49  Eth1/0/51"
    "Eth1/0/2 Eth1/0/4 Eth1/0/6 Eth1/0/8 Eth1/0/10 Eth1/0/12 Eth1/0/14 Eth1/0/16 s0 Eth1/0/18 Eth1/0/20 Eth1/0/22 Eth1/0/24 Eth1/0/26 Eth1/0/28 Eth1/0/30 Eth1/0/32 s0 Eth1/0/34 Eth1/0/36 s0 Eth1/0/38 Eth1/0/40 Eth1/0/42 Eth1/0/44 Eth1/0/46 Eth1/0/48 s0 Eth1/0/50  Eth1/0/52";
}

image

/* DGS-1510-28X */
.deviceview.area {
    grid-template-areas:
    "x x x x x x x Eth1/0/1 Eth1/0/3 Eth1/0/5 Eth1/0/7 s0 Eth1/0/9 Eth1/0/11 Eth1/0/13 Eth1/0/15 s1 Eth1/0/17 Eth1/0/19 Eth1/0/21 Eth1/0/23 z z z z z z z z z z z"
    "y y y y y y y Eth1/0/2 Eth1/0/4 Eth1/0/6 Eth1/0/8 s0 Eth1/0/10 Eth1/0/12 Eth1/0/14 Eth1/0/16 s1 Eth1/0/18 Eth1/0/20 Eth1/0/22 Eth1/0/24 s2 Eth1/0/25 Eth1/0/26 Eth1/0/27 Eth1/0/28 z z z z z z";
}

image

.deviceview.area.dFront {
    background: #000; 
    grid-auto-rows: auto; 
    grid-auto-columns: auto; 
    grid-template-areas: 
          "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24" 
} 

.deviceview.area.dRear {
    background: #000; 
    grid-auto-rows: auto; 
    grid-auto-columns: auto; grid-template-areas: 
          "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24" 
}

image