device-management-toolkit / device-management-toolkit/sample-web-ui

Show relevant items in UI only when applicable - Grey out all features that are not able to be used at that time

Open
#1,130 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement P2
Dominant language
TypeScript
Stars
13
Forks
19
Avg merge
1d 1h
Merged PRs (30d)
49

Description

Describe the feature enhancement request 🪲
When using the OAMTCT UI, only show relevant fields (selectable items that will perform actions) that can be executed or performed at that time. Grey out all non-usable fields and/or selectable items when they are not usable.

To Reproduce 🪜
Example: When connected to a vPro device that is powered OFF, Sleep or Hibernate, you should only show the relevant button for POWER ON... Or POWER to BIOS, or POWER to PXE... all other fields, should be greyed out since they will not work.

Expected behavior
Only show features that are "Usable" at that moment... Basically giving our software a "Smart" aware like feature

Screenshots 🖼️
image

Example are CIRCLED BLUE would be active button and the others greyed out.

AMT Device (please complete the following information): 🖥️
N/A

Service Deployment (please complete the following information): ⛈️
N/A

Additional context
Add any other context about the problem here.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the OAMTCT UI controls shown in the issue screenshot and the code that determines the connected device's power state. Document which power actions are usable in each state, then define and test the expected enabled or greyed-out appearance for each control.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.