Feature/Add ui-charts library

README.md

@@ -3,6 +3,7 @@
 - [@essent/nativescript-iadvize](packages/nativescript-iadvize/README.md)
 - [@essent/nativescript-medallia](packages/nativescript-medallia/README.md)
 - [@essent/nativescript-ng-sentry](packages/nativescript-ng-sentry/README.md)
+- [@essent/nativescript-ui-charts](packages/nativescript-ui-charts/README.md)
 - [@essent/nativescript-urban-airship](packages/nativescript-urban-airship/README.md)
 
 # How to use?

apps/demo-angular/custom_android/application.android.ts

@@ -1,4 +1,4 @@
-import { urbanAirshipSettings } from './urbanAirshipSettings';
+// import { urbanAirshipSettings } from './urbanAirshipSettings';
 // import { NsUrbanAirship } from '@essent/nativescript-urban-airship';
 
 // the `JavaProxy` decorator specifies the package and the name for the native *.JAVA file generated.

apps/demo-angular/package.json

@@ -2,11 +2,13 @@
   "main": "./src/main.ts",
   "dependencies": {
     "@nativescript/core": "file:../../node_modules/@nativescript/core",
-    "@essent/nativescript-ng-sentry": "file:../../dist/packages/nativescript-ng-sentry",
+    "@essent/nativescript-ui-charts": "file:../../dist/packages/nativescript-ui-charts",
     "@essent/nativescript-adobe-experience-cloud": "file:../../dist/packages/nativescript-adobe-experience-cloud",
     "@essent/nativescript-appdynamics": "file:../../dist/packages/nativescript-appdynamics",
     "@essent/nativescript-iadvize": "file:../../dist/packages/nativescript-iadvize",
     "@essent/nativescript-medallia": "file:../../dist/packages/nativescript-medallia",
+    "@essent/nativescript-ng-sentry": "file:../../dist/packages/nativescript-ng-sentry",
+    "@nativescript/nativescript-ui-charts": "file:../../dist/packages/nativescript-ui-charts",
     "@essent/nativescript-urban-airship": "file:../../dist/packages/nativescript-urban-airship"
   },
   "devDependencies": {

apps/demo-angular/src/app-routing.module.ts

@@ -12,6 +12,7 @@ const routes: Routes = [
   { path: 'nativescript-iadvize', loadChildren: () => import('./plugin-demos/nativescript-iadvize.module').then((m) => m.NativescriptIadvizeModule) },
   { path: 'nativescript-medallia', loadChildren: () => import('./plugin-demos/nativescript-medallia.module').then((m) => m.NativescriptMedalliaModule) },
   { path: 'nativescript-ng-sentry', loadChildren: () => import('./plugin-demos/nativescript-ng-sentry.module').then((m) => m.NativescriptNgSentryModule) },
+  { path: 'nativescript-ui-charts', loadChildren: () => import('./plugin-demos/nativescript-ui-charts.module').then((m) => m.NativescriptUiChartsModule) },
   { path: 'nativescript-urban-airship', loadChildren: () => import('./plugin-demos/nativescript-urban-airship.module').then((m) => m.NativescriptUrbanAirshipModule) },
 ];
 

apps/demo-angular/src/home.component.ts

@@ -21,6 +21,9 @@ export class HomeComponent {
     {
       name: 'nativescript-ng-sentry',
     },
+    {
+      name: 'nativescript-ui-charts',
+    },
     {
       name: 'nativescript-urban-airship',
     },

apps/demo-angular/src/plugin-demos/nativescript-ui-charts.component.html

@@ -0,0 +1,8 @@
+<ActionBar title="nativescript-ui-charts" class="action-bar"> </ActionBar>
+<StackLayout class="p-20">
+  <ScrollView class="h-full">
+    <GridLayout rows="350, auto">
+      <UIChartsView row="1" [options]="options" class="graph"></UIChartsView>
+    </GridLayout>
+  </ScrollView>
+</StackLayout>

apps/demo-angular/src/plugin-demos/nativescript-ui-charts.component.scss

@@ -0,0 +1,3 @@
+.graph {
+  height: 300;
+}