Merge pull request #99 from ritza-co/update-temp-shading

DOCS-310 add temp heatmap option
device42 · Apr 5, 2024 · 6a72288 · 6a72288
2 parents 0f57717 + b90b523
commit 6a72288
Show file tree

Hide file tree

Showing 10 changed files with 47 additions and 9 deletions.
diff --git a/docs/infrastructure-management/buildings-rooms-and-racks/buildings-and-rooms.mdx b/docs/infrastructure-management/buildings-rooms-and-racks/buildings-and-rooms.mdx
@@ -247,34 +247,72 @@ The popup also has links to several additional views.
         light: useBaseUrl('/assets/images/buildings-and-rooms/view-connections-option-light.png'),
         dark: useBaseUrl('/assets/images/buildings-and-rooms/view-connections-option-dark.png'),
     }}
+    style={{ width: '80%' }}
     />
 
 
+### Heatmaps and Temperature Shading
 
-### Heat Maps
+You can set the object colors to denote usage or temperature information. Choose between the **Usage Heatmap** and **Temperature Heatmap** options under the **Rack color** menu. The legend on the right changes accordingly.
 
-Each rack is color-coded to show the availability of U slots in the rack. Five color codes are available, ranging from green (high availability) to red (low availability). You can change the availability percentage for each color by going to **Tools > Settings > Global Settings**.
+<ThemedImage
+  alt="Rack color options"
+  sources={{
+    light: useBaseUrl('/assets/images/buildings-and-rooms/rack-color-options-light.png'),
+    dark: useBaseUrl('/assets/images/buildings-and-rooms/rack-color-options-dark.png'),
+  }}
+/>
+
+In addition, you can choose to **Show temperature bubbles** or turn it off.
 
 <ThemedImage
-  alt="Heat map legend"
+  alt="Display heatmap bubbles"
   sources={{
-    light: useBaseUrl('/assets/images/buildings-and-rooms/heat-map-legend-light.png'),
-    dark: useBaseUrl('/assets/images/buildings-and-rooms/heat-map-legend-dark.png'),
+    light: useBaseUrl('/assets/images/buildings-and-rooms/heatmap-bubbles-option.png'),
+    dark: useBaseUrl('/assets/images/buildings-and-rooms/heatmap-bubbles-option.png'),
   }}
+  style={{ width: '60%' }}
 />
 
-If you have the Power Monitoring option, you will see a rectangular bar for each input of every PDU in the rack. These bars are color-coded for power usage and represent the amount of power currently in use, divided by the power capacity of the input. Green is high, and red is low. You can change the percentages in **Tools > Settings > Global Settings**.
 
-![Heat Maps](/assets/images/wpid6004-media_1424515509781.png)
+These options are saved in cookies, so you don't have to reselect the combination of options that works best for you when revisiting the page.
+
+**Usage Heatmap Legend**
+
+Each rack is color-coded to show the availability of U slots in the rack. Five color codes are available, ranging from green (high availability) to red (low availability). You can change the availability percentage for each color by going to **Tools > Settings > Global Settings**.
+
+<ThemedImage
+  alt="Usage heatmap legend"
+  sources={{
+    light: useBaseUrl('/assets/images/buildings-and-rooms/usage-heatmap-legend-light.png'),
+    dark: useBaseUrl('/assets/images/buildings-and-rooms/usage-heatmap-legend-dark.png'),
+  }}
+  style={{ width: '35%' }}
+/>
 
-### Temperature Shading
+**Temperature Heatmap Legend**
 
 In rooms that have temperature information, halo temperature shading around racks provides a quick view of the room’s environment.
 
+<ThemedImage
+  alt="Temperature Heatmap legend"
+  sources={{
+    light: useBaseUrl('/assets/images/buildings-and-rooms/temperature-heatmap-light.png'),
+    dark: useBaseUrl('/assets/images/buildings-and-rooms/temperature-heatmap-dark.png'),
+  }}
+  style={{ width: '30%' }}
+/>
+
 The color value is based on the maximum temperature of the rack and corresponds to the following temperatures:
 
 - **Green:** \<\= 75°F (23.88°C)
 - **Yellow:** Between > 75°F (23.88°C) and \<\= 90°F (32.22°C)
 - **Red:** > 90°F (32.22°C)
 
-![](/assets/images/Room-heat-map-NEW-2-700x396.png)
+### PDU Power Monitoring
+
+If you have the Power Monitoring option, you will see a rectangular bar for each input of every PDU in the rack. These bars are color-coded for power usage and represent the amount of power currently in use divided by the power capacity of the input. Green is high, and red is low. You can change the percentages in **Tools > Settings > Global Settings**.
+
+![Heat Maps](/assets/images/wpid6004-media_1424515509781.png)
+
+
diff --git a/static/assets/images/buildings-and-rooms/heat-map-legend-dark.png b/static/assets/images/buildings-and-rooms/heat-map-legend-dark.png
diff --git a/static/assets/images/buildings-and-rooms/heat-map-legend-light.png b/static/assets/images/buildings-and-rooms/heat-map-legend-light.png
diff --git a/static/assets/images/buildings-and-rooms/heatmap-bubbles-option.png b/static/assets/images/buildings-and-rooms/heatmap-bubbles-option.png
diff --git a/static/assets/images/buildings-and-rooms/rack-color-options-dark.png b/static/assets/images/buildings-and-rooms/rack-color-options-dark.png
diff --git a/static/assets/images/buildings-and-rooms/rack-color-options-light.png b/static/assets/images/buildings-and-rooms/rack-color-options-light.png
diff --git a/static/assets/images/buildings-and-rooms/temperature-heatmap-dark.png b/static/assets/images/buildings-and-rooms/temperature-heatmap-dark.png
diff --git a/static/assets/images/buildings-and-rooms/temperature-heatmap-light.png b/static/assets/images/buildings-and-rooms/temperature-heatmap-light.png
diff --git a/static/assets/images/buildings-and-rooms/usage-heatmap-legend-dark.png b/static/assets/images/buildings-and-rooms/usage-heatmap-legend-dark.png
diff --git a/static/assets/images/buildings-and-rooms/usage-heatmap-legend-light.png b/static/assets/images/buildings-and-rooms/usage-heatmap-legend-light.png