From 57a0b63cf2be8429aef13f896325b133bbba09de Mon Sep 17 00:00:00 2001 From: deku-m <37069737+deku-m@users.noreply.github.com> Date: Wed, 30 Aug 2023 14:32:52 +0200 Subject: [PATCH 1/4] Create 24-ports-UTP-Patchpanel.css --- examples/Generic/24-ports-UTP-Patchpanel.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 examples/Generic/24-ports-UTP-Patchpanel.css diff --git a/examples/Generic/24-ports-UTP-Patchpanel.css b/examples/Generic/24-ports-UTP-Patchpanel.css new file mode 100644 index 0000000..f378463 --- /dev/null +++ b/examples/Generic/24-ports-UTP-Patchpanel.css @@ -0,0 +1,17 @@ +/* Ports are named "Port 1", "Port 2" | "Rear Port 1", "Rear Port 2" and so on */ +.deviceview.area.dFront { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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 { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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" +} From 7c342603b0d24ff1120127b1b574f669ba94cb3c Mon Sep 17 00:00:00 2001 From: deku-m <37069737+deku-m@users.noreply.github.com> Date: Wed, 30 Aug 2023 14:36:21 +0200 Subject: [PATCH 2/4] Create 48-ports-UTP-Patchpanel.css --- examples/Generic/48-ports-UTP-Patchpanel.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 examples/Generic/48-ports-UTP-Patchpanel.css diff --git a/examples/Generic/48-ports-UTP-Patchpanel.css b/examples/Generic/48-ports-UTP-Patchpanel.css new file mode 100644 index 0000000..046d6cb --- /dev/null +++ b/examples/Generic/48-ports-UTP-Patchpanel.css @@ -0,0 +1,20 @@ +/* Ports are named "port 1", "port 2" | "Rear Port 1", "Rear Port 2" and so on */ + .deviceview.area.dFront { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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" + "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48" +} + +.deviceview.area.dRear { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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" + "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48" +} From fda4bc718b286a40d6d4734a9011684b61d0dc0d Mon Sep 17 00:00:00 2001 From: deku-m <37069737+deku-m@users.noreply.github.com> Date: Wed, 30 Aug 2023 14:38:40 +0200 Subject: [PATCH 3/4] Create LC-48-port-Fiber-Patchpanel.css --- .../Generic/LC-48-port-Fiber-Patchpanel.css | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 examples/Generic/LC-48-port-Fiber-Patchpanel.css diff --git a/examples/Generic/LC-48-port-Fiber-Patchpanel.css b/examples/Generic/LC-48-port-Fiber-Patchpanel.css new file mode 100644 index 0000000..93faa21 --- /dev/null +++ b/examples/Generic/LC-48-port-Fiber-Patchpanel.css @@ -0,0 +1,20 @@ +/* Ports are named "Port 1", "Port 2" | "Rear Port 1", "Rear Port 2" and so on */ + .deviceview.area.dFront { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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 port-7 port-8 port-9 port-10 port-11 port-12 port-13 port-14 port-15 port-16 port-17 port-18 port-19 port-20 port-21 port-22 port-23 port-24" + "port-25 port-26 port-27 port-28 port-29 port-30 port-31 port-32 port-33 port-34 port-35 port-36 port-37 port-38 port-39 port-40 port-41 port-42 port-43 port-44 port-45 port-46 port-47 port-48" +} + +.deviceview.area.dRear { + /* both set to auto to overwrite the 32 columns 2 rows design */ + 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 port-7 port-8 port-9 port-10 port-11 port-12 port-13 port-14 port-15 port-16 port-17 port-18 port-19 port-20 port-21 port-22 port-23 port-24" + "port-25 port-26 port-27 port-28 port-29 port-30 port-31 port-32 port-33 port-34 port-35 port-36 port-37 port-38 port-39 port-40 port-41 port-42 port-43 port-44 port-45 port-46 port-47 port-48" +} From 48d482149be0827835fffd6a03712eb3902a6d5e Mon Sep 17 00:00:00 2001 From: deku-m <37069737+deku-m@users.noreply.github.com> Date: Wed, 30 Aug 2023 14:40:29 +0200 Subject: [PATCH 4/4] Create C9300-48P.css --- examples/Cisco/C9300-48P.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 examples/Cisco/C9300-48P.css diff --git a/examples/Cisco/C9300-48P.css b/examples/Cisco/C9300-48P.css new file mode 100644 index 0000000..d6add8c --- /dev/null +++ b/examples/Cisco/C9300-48P.css @@ -0,0 +1,13 @@ +/* C9300-48P */ +.deviceview.area { + grid-template-areas: + "gigabitethernet0-1 gigabitethernet0-3 gigabitethernet0-5 gigabitethernet0-7 gigabitethernet0-9 gigabitethernet0-11 s0 gigabitethernet0-13 gigabitethernet0-15 gigabitethernet0-17 gigabitethernet0-19 gigabitethernet0-21 gigabitethernet0-23 s1 gigabitethernet0-25 gigabitethernet0-27 gigabitethernet0-29 gigabitethernet0-31 gigabitethernet0-33 gigabitethernet0-35 s2 gigabitethernet0-37 gigabitethernet0-39 gigabitethernet0-41 gigabitethernet0-43 gigabitethernet0-45 gigabitethernet0-47 z z z z z" + "gigabitethernet0-2 gigabitethernet0-4 gigabitethernet0-6 gigabitethernet0-8 gigabitethernet0-10 gigabitethernet0-12 s0 gigabitethernet0-14 gigabitethernet0-16 gigabitethernet0-18 gigabitethernet0-20 gigabitethernet0-22 gigabitethernet0-24 s1 gigabitethernet0-26 gigabitethernet0-28 gigabitethernet0-30 gigabitethernet0-32 gigabitethernet0-34 gigabitethernet0-36 s2 gigabitethernet0-38 gigabitethernet0-40 gigabitethernet0-42 gigabitethernet0-44 gigabitethernet0-46 gigabitethernet0-48 z z z z z"; +} + +/* C9300-48P with C9300-NM-8X */ +.deviceview.moduleC9300-NM-8X.area { + grid-template-areas: + "gigabitethernet0-1 gigabitethernet0-3 gigabitethernet0-5 gigabitethernet0-7 gigabitethernet0-9 gigabitethernet0-11 s0 gigabitethernet0-13 gigabitethernet0-15 gigabitethernet0-17 gigabitethernet0-19 gigabitethernet0-21 gigabitethernet0-23 s1 gigabitethernet0-25 gigabitethernet0-27 gigabitethernet0-29 gigabitethernet0-31 gigabitethernet0-33 gigabitethernet0-35 s2 gigabitethernet0-37 gigabitethernet0-39 gigabitethernet0-41 gigabitethernet0-43 gigabitethernet0-45 gigabitethernet0-47 s3 tengigabitethernet1-1 tengigabitethernet1-3 tengigabitethernet1-5 tengigabitethernet1-7" + "gigabitethernet0-2 gigabitethernet0-4 gigabitethernet0-6 gigabitethernet0-8 gigabitethernet0-10 gigabitethernet0-12 s0 gigabitethernet0-14 gigabitethernet0-16 gigabitethernet0-18 gigabitethernet0-20 gigabitethernet0-22 gigabitethernet0-24 s1 gigabitethernet0-26 gigabitethernet0-28 gigabitethernet0-30 gigabitethernet0-32 gigabitethernet0-34 gigabitethernet0-36 s2 gigabitethernet0-38 gigabitethernet0-40 gigabitethernet0-42 gigabitethernet0-44 gigabitethernet0-46 gigabitethernet0-48 s3 tengigabitethernet1-2 tengigabitethernet1-4 tengigabitethernet1-6 tengigabitethernet1-8"; +}