IA update: Add resource management section
This is the sixth commit for information architecture changes and has
the following changes:
- Resource management section has been added
- Carbon icon used for resource management section is data--base--alt
- Manage power usage page from operations has been moved to
resource management
- Manage power usage page has been updated to power page
Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: If3feb994dbad19dd6cfb1507d976d09643c8e4d6
diff --git a/tests/unit/__snapshots__/AppNavigation.spec.js.snap b/tests/unit/__snapshots__/AppNavigation.spec.js.snap
index d87d44e..37609d3 100644
--- a/tests/unit/__snapshots__/AppNavigation.spec.js.snap
+++ b/tests/unit/__snapshots__/AppNavigation.spec.js.snap
@@ -323,15 +323,6 @@
</a>
<a
class="nav-link"
- data-test-id="nav-item-manage-power-usage"
- href="#/operations/manage-power-usage"
- >
-
- appNavigation.managePowerUsage
-
- </a>
- <a
- class="nav-link"
data-test-id="nav-item-reboot-bmc"
href="#/operations/reboot-bmc"
>
@@ -580,6 +571,84 @@
</ul>
</transition-stub>
</li>
+ <li
+ class="nav-item"
+ >
+ <button
+ aria-controls="resource-management"
+ aria-expanded="false"
+ class="btn btn-link collapsed"
+ data-test-id="nav-button-resource-management"
+ type="button"
+ >
+ <svg
+ aria-hidden="true"
+ fill="currentColor"
+ focusable="false"
+ height="16"
+ preserveAspectRatio="xMidYMid meet"
+ viewBox="0 0 32 32"
+ width="16"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M19 24H26V26H19zM19 20H26V22H19zM19 16H26V18H19zM6 24H13V26H6zM6 20H13V22H6z"
+ />
+ <path
+ d="M28,4H17a2.0023,2.0023,0,0,0-2,2v6H4a2.0023,2.0023,0,0,0-2,2V28a2.0023,2.0023,0,0,0,2,2H28a2.0023,2.0023,0,0,0,2-2V6A2.0023,2.0023,0,0,0,28,4ZM15,28H4V14H15Zm2,0V6H28V28Z"
+ />
+ </svg>
+
+ appNavigation.resourceManagement
+
+ <svg
+ aria-hidden="true"
+ class="icon-expand"
+ fill="currentColor"
+ focusable="false"
+ height="16"
+ preserveAspectRatio="xMidYMid meet"
+ viewBox="0 0 16 16"
+ width="16"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
+ />
+ </svg>
+ </button>
+
+ <transition-stub
+ class="nav-item__nav"
+ css="true"
+ enteractiveclass="collapsing"
+ enterclass=""
+ entertoclass="collapse show"
+ leaveactiveclass="collapsing"
+ leaveclass="collapse show"
+ leavetoclass="collapse"
+ >
+ <ul
+ class="collapse"
+ id="resource-management"
+ style="display: none;"
+ >
+ <li
+ class="nav-item"
+ >
+ <a
+ class="nav-link"
+ data-test-id="nav-item-power"
+ href="#/resource-management/power"
+ >
+
+ appNavigation.power
+
+ </a>
+ </li>
+ </ul>
+ </transition-stub>
+ </li>
</ul>
</nav>
</div>
@@ -915,15 +984,6 @@
</a>
<a
class="nav-link"
- data-test-id="nav-item-manage-power-usage"
- href="#/operations/manage-power-usage"
- >
-
- appNavigation.managePowerUsage
-
- </a>
- <a
- class="nav-link"
data-test-id="nav-item-reboot-bmc"
href="#/operations/reboot-bmc"
>
@@ -1172,6 +1232,84 @@
</ul>
</transition-stub>
</li>
+ <li
+ class="nav-item"
+ >
+ <button
+ aria-controls="resource-management"
+ aria-expanded="false"
+ class="btn btn-link collapsed"
+ data-test-id="nav-button-resource-management"
+ type="button"
+ >
+ <svg
+ aria-hidden="true"
+ fill="currentColor"
+ focusable="false"
+ height="16"
+ preserveAspectRatio="xMidYMid meet"
+ viewBox="0 0 32 32"
+ width="16"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M19 24H26V26H19zM19 20H26V22H19zM19 16H26V18H19zM6 24H13V26H6zM6 20H13V22H6z"
+ />
+ <path
+ d="M28,4H17a2.0023,2.0023,0,0,0-2,2v6H4a2.0023,2.0023,0,0,0-2,2V28a2.0023,2.0023,0,0,0,2,2H28a2.0023,2.0023,0,0,0,2-2V6A2.0023,2.0023,0,0,0,28,4ZM15,28H4V14H15Zm2,0V6H28V28Z"
+ />
+ </svg>
+
+ appNavigation.resourceManagement
+
+ <svg
+ aria-hidden="true"
+ class="icon-expand"
+ fill="currentColor"
+ focusable="false"
+ height="16"
+ preserveAspectRatio="xMidYMid meet"
+ viewBox="0 0 16 16"
+ width="16"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
+ />
+ </svg>
+ </button>
+
+ <transition-stub
+ class="nav-item__nav"
+ css="true"
+ enteractiveclass="collapsing"
+ enterclass=""
+ entertoclass="collapse show"
+ leaveactiveclass="collapsing"
+ leaveclass="collapse show"
+ leavetoclass="collapse"
+ >
+ <ul
+ class="collapse"
+ id="resource-management"
+ style="display: none;"
+ >
+ <li
+ class="nav-item"
+ >
+ <a
+ class="nav-link"
+ data-test-id="nav-item-power"
+ href="#/resource-management/power"
+ >
+
+ appNavigation.power
+
+ </a>
+ </li>
+ </ul>
+ </transition-stub>
+ </li>
</ul>
</nav>
</div>