Learning Path Generator Widget

Installation Manual

Static HTML

Add to your html file code:

<div id="widget-zone">

 <learning-path-widget-app></learning-path-widget-app>

</div>

<script src="https://widgets.vorkis.com/assets/widgets/lp/learning-path-widget.js"></script>

Angular app

Add to your component code like below:

• In your-component.html file:

<div id="widget-zone">

 <learning-path-widget-app></learning-path-widget-app>

</div>

• In your-component.ts file

import { Component, OnInit, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

@Component({

   selector: 'vs-your-component',

   templateUrl: './your-component.page.html',

   styleUrl: './your-component.page.scss',

   schemas: [CUSTOM_ELEMENTS_SCHEMA]

})

export class YourComponentPage implements OnInit {

   ngOnInit() {

     const node = document.createElement('script');

     node.src = 'https://widgets.vorkis.com/assets/widgets/lp/learning-path-widget.js';

     node.type = 'text/javascript';

     node.async = true;

     document.getElementsByTagName('head')[0].appendChild(node);

   }

}