Digital Twin Models List microfrontend

Digital Enabler Digital Twin Models List microfrontend

$3

The Digital Twin Models List microfrontend shows a list of digital twin models and allows you to create, import, and manage them.
It works within the Digital Twin Manager (DTM) tool in which it is mounted, and is an access point to the Digital Twin Model Editor microfrontend.

> NOTE: See root-config-template for how to mount a microfrontend and also vuejs-microfrontend-template for more info about Microfrontend applications for Digital Enabler.

This project is also available from the following CDN.

Pre-requisites

Before you continue you need to

- have NPM installed
- have NodeJS installed
- have VueJS and Vue-CLI installed
- have a GitHub account
- use VisualStudio Code or IntelliJ Idea as your development IDE

Project management

$3

Open a Terminal window in the project folder and go inside the app folder, then launch the command:

``
npm install
`

> NOTE: When install finished, do not care about the warnings on the versions and vulnerability problems reported, and DO NOT launch the npm audit fix or npm audit fix –force commands

$3

`
npm run serve
`

$3

`
npm run build
`

$3

`
npm run lint
`

> NOTE: Alternatively to the command indicated above you can use the VueUI browser interface

Configs file

Configs file

To work properly the Digital Twin Models List needs a _dtm-models-list-config.json_ file with these settings:

`json
{
"mf": "Digital Twin Models List",
"api": "https://[generic_api_location]/api",
"storageImgs": "https://[assets_storage_url]/imgs"
}
``

This json file must be stored and set as described here and also here.