Skip to main content
Skip table of contents

Using Metadata Editor Component in a Non-Angular Project [VF 22.1 IG]

When used with a non-angular project, because internally the web component use zone.js for change detection zone.js are required:

CODE
<script src="zone.js"></script> 
  1. Include the "main.js" and "style.css”

CODE
<script src="main.js"></script><link rel="stylesheet" href="styles.css">

2. Include the "silent-refresh.html" into the project if not already presented.

3. Add the component to html page that required it. Below is the sample code, please refer to above section for the latest inputs and outputs of each component.

CODE
<pf-edit-metadata 
    auth-service-url="http://localhost:19081/Authentication/Core"
    auth-redirect-url="http://localhost:4200"
    auth-logout-url="http://localhost:4200"
    auth-silent-refresh-url="http://localhost:4200/silent-refresh.html"
    metadata-editoruri="http://localhost:19081/Platform.Clients/MetadataEditor/"
    editor-mode="create"
    item-id="''"
    expected-media-type="video"
></pf-edit-metadata>

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.