@portrayal/juniper-mx304 0.0.0-stage → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ {"components":{},"config":"base","configs":["base","dc","dual-re-ac","hvac-dc","one-re-3lmic-ac"],"device":"mx304","device-version":"4.0.2","elements":[{"box":{"h":88.9,"w":610.0,"x":0.0,"y":0.0},"class":"chassis","id":"chassis-faceplate","parent":null,"path":"chassis"}],"generator":{"tool":"portrayal-render","version":"0.2.0"},"source-sha256":"addb73373079848ba7b6516aca28d190c6aaaed64732666f304304c346bd534e","view":"right","viewBox":[0.0,0.0,610.0,88.9]}
@@ -0,0 +1,48 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="610.0mm" height="88.9mm" viewBox="0 0 610.0 88.9" data-device="mx304" data-view="right" data-weight="32 kg fully loaded (two REs, two LMICs); 16 kg without FRUs (Table 22)" data-depth-with-brackets="782 mm over cable-management brackets, air filter and handles (Table 22)" data-throughput="4.8 Tbps system capacity; up to 12x400 Gbps or 48x100 Gbps ports (three LMICs)" data-power-typical-w="1033" data-power-max-w="1436" data-power-envelope="fully-configured" data-operating-temp="0 C to 40 C" data-storage-temp="-40 C to 70 C in shipping container" data-humidity="5-90 percent noncondensing" data-altitude="no performance degradation to 1800 m" data-asic="Juniper Trio 6 (one YT ASIC per LMIC)" data-macsec="inline MACsec on all ports at all speeds" data-timing="1PPS and 10 MHz SMB input and output, ToD and BITS RJ45, GM/PTP SFP (1-GbE/10-GbE); BITS and GM/PTP currently reserved for future use per the guide" data-redundancy="full hardware redundancy - Routing Engines, power supplies and fans" data-eol="none-announced">
3
+ <style>
4
+ [data-path] { cursor: pointer; }
5
+ .state-on { --led-color: #22c55e; }
6
+ .state-up { --led-color: #22c55e; }
7
+ /* link and up are the same fact on an Ethernet lamp; see docs/rj45-family-design.md */
8
+ .state-link { --led-color: #22c55e; }
9
+ .state-activity { --led-color: #86efac; }
10
+ .state-ok { --led-color: #22c55e; }
11
+ .state-fault { --led-color: #ef4444; }
12
+ .state-fail { --led-color: #ef4444; }
13
+ .state-locate { --led-color: #3b82f6; }
14
+ .state-absent { opacity: 0.35; }
15
+ /* A SWITCHED OUTLET WITH NO LAMP is dimmed when it is off, as absent is but
16
+ less (docs/pdu-model-design.md section 3.2): every switched PDU in the
17
+ library has a lamp per outlet, and this is the fallback so the first one
18
+ without does not invent a lamp. An outlet a lamp is bound to by `for:`
19
+ carries data-lamped (mark_lamped) and is never dimmed: its lamp says it. */
20
+ [data-class='inlet'][data-states~='off'].state-off:not([data-lamped]) { opacity: 0.55; }
21
+ /* A state is a colour AND a behaviour. Solid and blinking of the same colour
22
+ are different facts on real hardware: on the S9510-28DC a solid green PWR
23
+ is "system power good" and a blinking green PWR is "power good but BMC
24
+ power fail". A blinking state that renders solid is the same failure as a
25
+ state class nothing paints - it looks modelled and is not.
26
+ blink animates opacity rather than fill, because each skin carries its own
27
+ unlit colour in the fill fallback and a keyframe cannot name it. alternate
28
+ animates fill, because two colours is the whole point, and takes its first
29
+ value from the element's own fill. */
30
+ @keyframes portrayal-blink {
31
+ 0%, 49.9% { opacity: 1; }
32
+ 50%, 100% { opacity: 0; }
33
+ }
34
+ @keyframes portrayal-alternate {
35
+ 0%, 49.9% { fill: var(--led-color, #3a3f44); }
36
+ 50%, 100% { fill: var(--led-color-alt, #3a3f44); }
37
+ }
38
+ .portrayal-highlight { filter: drop-shadow(0 0 1.2px #f59e0b) drop-shadow(0 0 0.5px #f59e0b); }
39
+ .portrayal-dim { opacity: 0.25; }
40
+ [data-class='region'].portrayal-highlight { stroke: #f59e0b; stroke-width: 0.7; filter: none; }
41
+ .state-fail[data-class='psu'], .state-fail[data-class='fan'] { filter: drop-shadow(0 0 1.4px #ef4444); }
42
+ </style>
43
+ <metadata>{"device":"Juniper MX304","device-version":"4.0.2","generator":{"tool":"portrayal-render","version":"0.2.0"},"resolved-components":{},"source-sha256":"addb73373079848ba7b6516aca28d190c6aaaed64732666f304304c346bd534e","view":"right"}</metadata>
44
+ <rect id="chassis-faceplate" data-path="chassis" data-class="chassis" data-model="MX304" x="0" y="0" width="610" height="88.9" rx="1.2" fill="#8b8f94" stroke="#22262a" stroke-width="0.5" />
45
+ <g id="--decor" data-class="decor">
46
+ <rect id="plate-0" data-kind="plate" x="0" y="39" width="610" height="11" rx="0.6" fill="#7d8185" />
47
+ </g>
48
+ </svg>
@@ -0,0 +1 @@
1
+ {"components":{},"config":"base","configs":["base","dc","dual-re-ac","hvac-dc","one-re-3lmic-ac"],"device":"mx304","device-version":"4.0.2","elements":[{"box":{"h":610.0,"w":440.8,"x":0.0,"y":0.0},"class":"chassis","id":"chassis-faceplate","parent":null,"path":"chassis"}],"generator":{"tool":"portrayal-render","version":"0.2.0"},"source-sha256":"addb73373079848ba7b6516aca28d190c6aaaed64732666f304304c346bd534e","view":"top","viewBox":[0.0,0.0,440.8,610.0]}
@@ -0,0 +1,49 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="440.8mm" height="610.0mm" viewBox="0 0 440.8 610.0" data-device="mx304" data-view="top" data-weight="32 kg fully loaded (two REs, two LMICs); 16 kg without FRUs (Table 22)" data-depth-with-brackets="782 mm over cable-management brackets, air filter and handles (Table 22)" data-throughput="4.8 Tbps system capacity; up to 12x400 Gbps or 48x100 Gbps ports (three LMICs)" data-power-typical-w="1033" data-power-max-w="1436" data-power-envelope="fully-configured" data-operating-temp="0 C to 40 C" data-storage-temp="-40 C to 70 C in shipping container" data-humidity="5-90 percent noncondensing" data-altitude="no performance degradation to 1800 m" data-asic="Juniper Trio 6 (one YT ASIC per LMIC)" data-macsec="inline MACsec on all ports at all speeds" data-timing="1PPS and 10 MHz SMB input and output, ToD and BITS RJ45, GM/PTP SFP (1-GbE/10-GbE); BITS and GM/PTP currently reserved for future use per the guide" data-redundancy="full hardware redundancy - Routing Engines, power supplies and fans" data-eol="none-announced">
3
+ <style>
4
+ [data-path] { cursor: pointer; }
5
+ .state-on { --led-color: #22c55e; }
6
+ .state-up { --led-color: #22c55e; }
7
+ /* link and up are the same fact on an Ethernet lamp; see docs/rj45-family-design.md */
8
+ .state-link { --led-color: #22c55e; }
9
+ .state-activity { --led-color: #86efac; }
10
+ .state-ok { --led-color: #22c55e; }
11
+ .state-fault { --led-color: #ef4444; }
12
+ .state-fail { --led-color: #ef4444; }
13
+ .state-locate { --led-color: #3b82f6; }
14
+ .state-absent { opacity: 0.35; }
15
+ /* A SWITCHED OUTLET WITH NO LAMP is dimmed when it is off, as absent is but
16
+ less (docs/pdu-model-design.md section 3.2): every switched PDU in the
17
+ library has a lamp per outlet, and this is the fallback so the first one
18
+ without does not invent a lamp. An outlet a lamp is bound to by `for:`
19
+ carries data-lamped (mark_lamped) and is never dimmed: its lamp says it. */
20
+ [data-class='inlet'][data-states~='off'].state-off:not([data-lamped]) { opacity: 0.55; }
21
+ /* A state is a colour AND a behaviour. Solid and blinking of the same colour
22
+ are different facts on real hardware: on the S9510-28DC a solid green PWR
23
+ is "system power good" and a blinking green PWR is "power good but BMC
24
+ power fail". A blinking state that renders solid is the same failure as a
25
+ state class nothing paints - it looks modelled and is not.
26
+ blink animates opacity rather than fill, because each skin carries its own
27
+ unlit colour in the fill fallback and a keyframe cannot name it. alternate
28
+ animates fill, because two colours is the whole point, and takes its first
29
+ value from the element's own fill. */
30
+ @keyframes portrayal-blink {
31
+ 0%, 49.9% { opacity: 1; }
32
+ 50%, 100% { opacity: 0; }
33
+ }
34
+ @keyframes portrayal-alternate {
35
+ 0%, 49.9% { fill: var(--led-color, #3a3f44); }
36
+ 50%, 100% { fill: var(--led-color-alt, #3a3f44); }
37
+ }
38
+ .portrayal-highlight { filter: drop-shadow(0 0 1.2px #f59e0b) drop-shadow(0 0 0.5px #f59e0b); }
39
+ .portrayal-dim { opacity: 0.25; }
40
+ [data-class='region'].portrayal-highlight { stroke: #f59e0b; stroke-width: 0.7; filter: none; }
41
+ .state-fail[data-class='psu'], .state-fail[data-class='fan'] { filter: drop-shadow(0 0 1.4px #ef4444); }
42
+ </style>
43
+ <metadata>{"device":"Juniper MX304","device-version":"4.0.2","generator":{"tool":"portrayal-render","version":"0.2.0"},"resolved-components":{},"source-sha256":"addb73373079848ba7b6516aca28d190c6aaaed64732666f304304c346bd534e","view":"top"}</metadata>
44
+ <rect id="chassis-faceplate" data-path="chassis" data-class="chassis" data-model="MX304" x="0" y="0" width="440.8" height="610" rx="1.2" fill="#8b8f94" stroke="#22262a" stroke-width="0.5" />
45
+ <g id="--decor" data-class="decor">
46
+ <rect id="plate-0" data-kind="plate" x="0" y="0" width="6" height="610" rx="0.6" fill="#7d8185" />
47
+ <rect id="plate-1" data-kind="plate" x="434.8" y="0" width="6" height="610" rx="0.6" fill="#7d8185" />
48
+ </g>
49
+ </svg>