Ftr/120 Implement Navigator Web Component

[DennisFriedl]

Description, Context and related Issue

Refs #120

Only works in parallel to Edirom/Edirom-Online-Backend#146

Refactored the old Navigator logic, which got ready to render HTML from the backend (getNavigatorConfig), but now uses the new Navigator Web Component (https://github.com/Edirom/edirom-navigator)
The Navigator Web Component expects a JSON structure from the getNavigatorConfig (see Edirom/Edirom-Online-Backend#146) and then handles the transformation into HTML itself. For the user, the navigator should look pretty much the same.

The Web Component currently assumes that the edirom-icon Web Component from Edirom Core Web Components already gets called in the head of the host.

How Has This Been Tested?

Tested with the Edition Example, the Klarinettenquintett and Korngold internal data.

Types of changes

• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Improvement
• Refactoring

Overview

• I have performed a self-review of my code, according to the style guide
• I have read the CONTRIBUTING document.

[hizclick]

When testing these changes, a window appears without any buttons or navigation controls.

[DennisFriedl]

Have you tested this in parallel to the corresponding backend pull request: Edirom/Edirom-Online-Backend#146 ? What are the error messages? What does getNavigatorConfig respond?

[hizclick]

Sorry, I tested it without git submodule update --init --recursive now I have the submodules and the buttons in the Control Bar are displayed but the navigator and edirom icons is are failing to load with 404 errors.

http://localhost:8080/exist/apps/Edirom-Online-Frontend/resources/web-components/edirom-core-web-components/src/edirom-icon.js

http://localhost:8080/exist/apps/Edirom-Online-Frontend/resources/web-components/edirom-core-web-components/src/edirom-icon.js

I think the reason is
``app/view/navigator/Navigator.js#L44-L50` references incorrect path:

• References: resources/web-components/
• Actual location: resources/js/ (where submodules are deployed)

[DennisFriedl]

@hizclick you are absolutely correct. Sorry for that. I am mounting components to this path for local development and have not changed that yet.

[hizclick]

Nice work!

[hizclick]

@DennisFriedl, since we are planning to postpone PRs and API-related issues to the next release, and since merging Edirom/Edirom-Online-Backend#146 could introduce breaking changes, we should postpone this merge to the next release.