daty-vizlib-editor v0.0.2

AiPluginExtension2

This project was generated with Angular CLI version 1.7.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

##Building the library

• Remove dependencies from package.json (backup deps are below)
• Run npm run build-lib
• copy styles to lib --> not working yet

##implementing in a new project

• install 'daty-vizlib-editor' or use a local npm link

• add VizlibEditorModule to your imports using import {VizlibEditorModule} from 'daty-vizlib-editor';

• install all the necessary peerDependencies:

  "@angular/core": "^5.2.0", "@handsontable/angular": "^1.0.0-beta4", "@ngrx/effects": "^5.2.0", "@ngrx/store": "^5.2.0", "@angular/flex-layout": "2.0.0-beta.12", "@progress/kendo-angular-buttons": "^4.0.0", "@progress/kendo-angular-dropdowns": "^2.1.0", "@progress/kendo-angular-inputs": "^2.2.0", "@progress/kendo-angular-intl": "^1.4.0", "@progress/kendo-angular-l10n": "^1.1.0", "@progress/kendo-angular-layout": "^2.2.1", "@progress/kendo-theme-default": "^2.50.0", "angular-material-source": "github:angular/material", "angular2-json-schema-form": "0.7.0-alpha.1", "core-js": "^2.4.1", "handsontable": "^2.0.0", "mathjs": "^4.1.2", "rxjs": "^5.5.10", "vizlib": "0.0.13-alpha.2", "zone.js": "^0.8.19"

• add imports to your scss file: (if you don't have a scss project yet, follow : https://stackoverflow.com/a/41541042/3041960, scss is necessary for Kendo UI)

  @import "~@angular/material/prebuilt-themes/deeppurple-amber.css";

  @import "~@progress/kendo-theme-default/scss/all";

  @import '~handsontable/dist/handsontable.full.css';

• use the component where you want :

  <dashboard-container></dashboard-container>

• run development server using: ng serve. Or when using the lib as a npm link: ng serve --preserve-symlinks --> https://github.com/angular/angular/issues/20102