@yuuvis/widget-grid-widgets
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

@yuuvis/widget-grid-widgets

Library that contains a set of widgets to be used with @yuuvis/widget-grid. As those widgets use components from @yuuvis/framework you need to import and setup framework module in your application:

@NgModule({
  imports: [
    // ...
    YuvWidgetGridModule,
    WidgetGridWidgetsModule,
    YuvFrameworkModule.forRoot({
      translations: [
        "assets/i18n/@yuuvis-wgw/",
        "assets/i18n/@yuuvis/",
        "assets/i18n/",
      ],
    }),
  ],
  // ...
})
export class AppModule {}

Libraries like @yuuvis/framework and @yuuvis/widget-grid-widgets itself are using/providing translations that should be loaded by your app. To provide those translations you need to adjust your angular.json file to copy the libs assets:

"assets": [
    "src/favicon.ico",
    "src/assets",
    {
    "glob": "**/*",
    "input": "node_modules/@yuuvis/framework/i18n",
    "output": "./assets/i18n/@yuuvis/"
    },
    {
    "glob": "**/*",
    "input": "node_modules/@yuuvis/widget-grid-widgets/i18n",
    "output": "./assets/i18n/@yuuvis-wgw/"
    }
],

The widgets

Hitlist widget

Widget that allows you to create a search query and display its result. Result could be rendered in two different flavors:

  1. Hitlist: List of search result items. Emits EVT_LIST_ITEM_CLICK ('ywgw.hitlist.item.click') event. Event data will be an object like this:
{
  id: '618a8830-8b86-4f4e-ac0c-ad8aa790fe4e', 
  title: 'Twist, Oliver', 
  description: 'Employee', 
  objectTypeId: 'appPersonalfile:pfpersonalfile'
}
  1. Count tile: Display the number of results for the search query. Emits EVT_COUNT_TILE_CLICK ('ywgw.hitlist.counttile.click'). Event data will contain a SearchQuery object (@yuuvis/core).

Stored query (beta)

Widget to create a dynamic search query. You could setup the query params and also define dynamic fields. The widget will then render a form containing the dynamic fields for the user to fill out and execute. Emits EVT_STORED_QUERY_EXECUTE ('ywgw.storedquery.execute'). Event data will contain a SearchQuery object (@yuuvis/core).

Charts (beta)

Widget that renders a chart based on a search result.

Readme

Keywords

none

Package Sidebar

Install

npm i @yuuvis/widget-grid-widgets

Weekly Downloads

18

Version

1.0.3

License

MIT

Unpacked Size

807 kB

Total Files

49

Last publish

Collaborators

  • optimal-systems-npm
  • eo-sdk-npm