diff --git a/README.md b/README.md index 94827fa..4c06553 100644 --- a/README.md +++ b/README.md @@ -50,19 +50,19 @@ As of now, not all new SubmodelElements of the AAS V3 are supported. Additional See examples in the [basyx-java-server-sdk](https://github.com/eclipse-basyx/basyx-java-server-sdk/tree/main/examples ) Repository. -### Visualizations Development +### Plugin Development -The BaSyx-UI includes a Feature to develop your own Visualizations. They can be used to display and interact with a Submodel (and/or SubmodelElements). +The BaSyx-UI includes a Feature to develop your own Plugins. They can be used to display and interact with a Submodel (and/or SubmodelElements). -Visualizations will be displayed in the `Visualization`-Part of the UI. In order for Visualizations to be loaded, a Submodel(Element) has to have a SemanticID which matches with the configured `semanticId` of the desired Visualizations. The configuration of a Visualizations `semanticId`can be done via a string (e.g. `'http://hello.world.de/plugin_submodel'`) or via an array for multiple SemanticIds (e.g. `['http://hello.world.de/plugin_submodel', 'http://hello.world.de/plugin_property']`) +Plugin will be displayed in the `Visualization`-Part of the UI. In order for Plugin to be loaded, a Submodel(Element) has to have a SemanticID which matches with the configured `semanticId` of the desired Plugin. The configuration of a Plugin `semanticId`can be done via a string (e.g. `'http://hello.world.de/plugin_submodel'`) or via an array for multiple SemanticIds (e.g. `['http://hello.world.de/plugin_submodel', 'http://hello.world.de/plugin_property']`) -To include your own Visualizations, you have to create a Vue.js Component and add it to the `UserVisualizations`-Folder in the `aas-web-ui/src`-Directory. The Visualization will then be automatically loaded and displayed in the UI. +To include your own Plugins, you have to create a Vue.js Component and add it to the `UserPlugins`-Folder in the `aas-web-ui/src`-Directory. The Plugin will then be automatically loaded and displayed in the UI. > If you plan on including your own plugins, keep in mind that you have to build the Docker Image yourself! -A Demo-Visualizations can be found here: +A Demo-Plugin can be found here: -[HelloWorldVisualizations.vue](./aas-web-ui/src/UserVisualizations/HelloWorldVisualizations.vue) +[HelloWorldPlugin.vue](./aas-web-ui/src/UserPlugins/HelloWorldPlugin.vue) ### Prerequisites for developing on you own machine diff --git a/aas-web-ui/src/UserVisualizations/HelloWorldVisualization.vue b/aas-web-ui/src/UserPlugins/HelloWorldPlugin.vue similarity index 99% rename from aas-web-ui/src/UserVisualizations/HelloWorldVisualization.vue rename to aas-web-ui/src/UserPlugins/HelloWorldPlugin.vue index 0468dbc..261086f 100644 --- a/aas-web-ui/src/UserVisualizations/HelloWorldVisualization.vue +++ b/aas-web-ui/src/UserPlugins/HelloWorldPlugin.vue @@ -25,7 +25,7 @@ import { useAASStore } from '@/store/AASDataStore'; export default defineComponent({ - name: 'HelloWorldVisualization', + name: 'HelloWorldPlugin', // semanticId: 'http://hello.world.de/plugin_submodel', // semanticId of the HelloWorld-Plugin as string semanticId: ['http://hello.world.de/plugin_submodel', 'http://hello.world.de/plugin_property'], // semanticId of the HelloWorld-Plugin as array to use multiple semanticIds components: { diff --git a/aas-web-ui/src/components/ComponentVisualization.vue b/aas-web-ui/src/components/ComponentVisualization.vue index e93920c..f4d4b42 100644 --- a/aas-web-ui/src/components/ComponentVisualization.vue +++ b/aas-web-ui/src/components/ComponentVisualization.vue @@ -52,14 +52,14 @@ @@ -70,10 +70,10 @@