Wlo Pages Lib

This library (published as ngx-edu-sharing-wlo-pages) contains the widgets that are relevant for the topic pages application, which is provided by the oeh-search-frontend.

Include library

You can include the library in your application running either npm i ngx-edu-sharing-wlo-pages or yarn i ngx-edu-sharing-wlo-pages.

Make sure to include the assets provided by the library in your application, e.g., include the following in angular.json projects/YOUR_PROJECT/architect/build/options/assets:

{
  "glob": "**/*",
  "input": "node_modules/ngx-edu-sharing-wlo-pages/assets",
  "output": "/assets/"
}

Development / Build

For development, you can either use the provided wrapper application provided by wlo-pages or directly include this library into the oeh-search-frontend. For the latter solution, checkout both projects (oeh-search-frontend and wlo-pages-lib) in one folder. Afterward, wlo-pages-lib should be linked automatically within the /projects folder of the oeh-search-frontend. Execute npm run start:lib-dev or npm run start-de:lib-dev for starting the frontend including hot-reloading of changes in both oeh-search-frontend and wlo-pages-lib.

Code scaffolding

Run ng generate component component-name --project wlo-pages-lib to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project wlo-pages-lib.

Note: Don't forget to add --project wlo-pages-lib or else it will be added to the default project in your angular.json file.

Build

Run ng build wlo-pages-lib to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build wlo-pages-lib, go to the dist folder cd dist/wlo-pages-lib and run npm publish.

Customize color scheme

This library defines a variety of SCSS variables that can be overwritten by providing according CSS variables in the outer application. Please have a look at the styles.scss for further information.