As a BaSyx user,
I want to be able to create, edit and delete Submodels using the AAS Web UI.

Rules

• A button to create new Submodels should only be available if the editor mode is enabled via the respective environment variable
• Editing/Deleting Submodels should only be available if the editor mode is enabled via the respective environment variable
• Authorization is out of scope for this ticket as well
• The button to create new submodels should be located in the AASTreview component [1]
• Clicking the button should open a dialog with an input mask for entering Submodel information
• Editing/deleting a Submodel should be available via action buttons in the VTreeview component at the respective submodel [2]
• All Submodel traits should be supported in the input mask (see meta-model v3 [4] p. 59)
• The input mask for creating a Submodel should be its own component in the "EditorComponents" directory [3]
• The input mask for Submodels should be the same for create and edit
• The input mask should include validation respecting the specific requirements for the respective trait (if it's mandatory, should follow specific rules, ...)
• Already created input components from Create/Edit/Delete AAS #10 should be leveraged
• Vuetify's v-expansion-panels [5], v-text-field [6], v-select [7], v-btn [8] and v-dialog [9] should be used
• Vuetifies rule attribute for v-text-field and v-select should be leveraged for validation including form validation [10] before saving

Entry Points

[1] https://github.com/eclipse-basyx/basyx-aas-web-ui/blob/main/aas-web-ui/src/components/AASTreeview.vue
[2]

Acceptance Criteria

• New component that includes an input mask for creating/editing all relevant Submodel properties [4] p. 63
• Adding new Submodels is possible via a button located in [1] using the mentioned input mask
• Updating Submodel information is possible via an action button located in [2] by using the input mask as well
• Deleting a Submodel is possible via an action button located in [2]

Risks and Assumptions

• The Submodel Registry integration should be enabled (see Submodel Repository documentation)

References and Notes

[4] https://industrialdigitaltwin.org/wp-content/uploads/2023/06/IDTA-01001-3-0_SpecificationAssetAdministrationShell_Part1_Metamodel.pdf
[5] https://vuetifyjs.com/en/components/expansion-panels/#usage
[6] https://vuetifyjs.com/en/components/text-fields/#usage
[7] https://vuetifyjs.com/en/components/selects/#usage
[8] https://vuetifyjs.com/en/components/buttons/#usage
[9] https://vuetifyjs.com/en/components/dialogs/#usage
[10] https://vuetifyjs.com/en/components/forms/#rules

Dependencies and Blockers

Env variable to disable the editor mode was implemented before in #8
Input components that are relevant for creating/editing shells were implemented before in #10