[ ] I documented the TypeScript code using JSDoc style.
[x] I added multiple screenshots/screencasts of my UI changes
[ ] I translated all the newly inserted strings into German and English
Motivation and Context
Closes #361
Description
I have added a button to the popups of Components and Subsystems in a Component diagram, and to the popups of Components and Nodes in a Deployment diagram, which toggles the visibility of the stereotype.
Steps for Testing
Create a component/deployment diagram
Add a new component/subsystem/node
Open the popup of the newly added element by clicking on it and then on the pencil icon
components/controls/icon: I added icons for the toggle button in this directory
stereotype-toggle.tsx: File for the new toggle button
packages/common/uml-component: I added a popup for the Component and made sure stereotype visibility is adjusted by the toggle (both in Deployment and Component diagram, as this is in the common directory)
popups.ts: Registered new popups accordingly
packages/uml-component-diagram: Analogue to changes in packages/common/uml-component
packages/uml-deployment-diagram: Analogue to changes in packages/common/uml-component
Checklist
[ ] I documented the TypeScript code using JSDoc style.[ ] I translated all the newly inserted strings into German and EnglishMotivation and Context
Closes #361
Description
I have added a button to the popups of Components and Subsystems in a Component diagram, and to the popups of Components and Nodes in a Deployment diagram, which toggles the visibility of the stereotype.
Steps for Testing
Test Coverage
Screenshots