Implement frame application design using iX

[lamara11]

User story

1. As a developer
2. I want to implement the Frame Application Design using components from ix.siemens.io. This means that generic layout components like Frame Application, colors, button controls etc. are given by the framework, but developers are free to move in those boundaries.

Here is an example:

Starting point see issue Q&A - 30. April 2024 #27

Acceptance criteria

• [ ] The Frame Application Design is implemented using iX components.
• [ ] The design adheres to the guidelines provided by the framework.
• [ ] Generic layout components such as Frame Application, colors, button controls, etc., are utilized from the framework.
• [ ] The implemented design is visually consistent with the provided sample.
• [ ] Design is discussed with and approved by the IP.

Definition of done (DoD)

• [ ] Added only after week 5
• [ ] The same for all features
• [ ] Here goes the project specific part

DoD general criteria

• [ ] Feature has been fully implemented
• [ ] Feature has been merged into the mainline
• [ ] All acceptance criteria were met
• [ ] Product owner approved features
• [ ] All tests are passing
• [ ] Developers agreed to release

[sn0wcat]

if you pick up this task - this is the way to make the frame application use 100% of browser height:

:host {
  display: block;
  width: 100%;
  height: 100vh;
}

see also demo on stackblitz https://stackblitz.com/edit/iryzgw?file=src%2Fapp%2Fapp.component.css

[sn0wcat]

The story for the application:

A water tank management company is managing water tanks installed in different locations. They can observe the water tanks and by problems issue work orders to repair or replace something.

we are going to have these screens in the application:

• [x] Issue List
• [x] Facility Detailed View
• [x] Create Work Order View
• [x] List of all facilites view
• [x] List of all open work orders view