Main Components

Contents

1. App
2. NavBar
3. DataTextView
4. Editor

App

This component is the base of the whole application and contains all the components:

• The NavBar is fixed to the top of the page.
• The DataTextView is used to edit the loaded data file.
• The Editor represents the canvas and is the main part of the application.

NavBar

Contains the UI elements that start the following processes in the store:

• Files
  • Importing SHACL shapes
  • Importing data to validate
  • Exporting to SHACL
  • Loading an example
  • Editing the namespaces
• Validate data
• Clear the canvas

This component calls the corresponding actions in the store to accomplish these actions and show the needed modals.

• Validating data is only possible when a data file is loaded. After uploading a data file, the filename will show next to the Validate-button.

DataTextView

This component mainly consists of a big text area to view and edit the loaded data file in JSON format.

• It is currently not possible to edit/create data without uploading a data file first.

Whenever the data is edited, the user has a choice between two actions, portrayed by two buttons:

• Reset (red). This will cancel any changes done to the data and revert it back to the last updated state. The button will be disabled when there are no changes in the text.
• Update (green). This will update the data to the current filled in text. The button will be disabled when there are no changes or when the text is not in valid JSON format.

Editor

The Editor has a dedicated wiki page.