chore(): prettify echarts code (#1459)

Teradata · Jul 26, 2019 · e2fc638 · e2fc638
1 parent aa06774
commit e2fc638
Show file tree

Hide file tree

Showing 67 changed files with 4,723 additions and 5,261 deletions.
diff --git a/angular.json b/angular.json
@@ -504,13 +504,8 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "src/platform/echarts/tsconfig.lib.json",
-              "src/platform/echarts/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "tsConfig": ["src/platform/echarts/tsconfig.lib.json", "src/platform/echarts/tsconfig.spec.json"],
+            "exclude": ["**/node_modules/**"]
           }
         }
       }

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -27,11 +27,13 @@ export class DocsAppComponent {
       icon: 'picture_in_picture',
       route: 'components',
       title: 'Components & Addons',
-    }, {
+    },
+    {
       icon: 'show_chart',
       route: 'echarts',
       title: 'Echarts',
-    }, {
+    },
+    {
       icon: 'view_quilt',
       route: 'layouts',
       title: 'Layouts',

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
@@ -46,7 +46,7 @@ const routes: Routes = [
   {
     // preload: true loads the module immediately
     path: '',
-    data: { preload: true, },
+    data: { preload: true },
     loadChildren: './components/echarts/components.module#ComponentsModule',
   },
   {

diff --git a/src/app/components/echarts/atomic/atomic.module.ts b/src/app/components/echarts/atomic/atomic.module.ts
@@ -25,11 +25,6 @@ import { AtomicDatasetComponent } from './dataset/dataset.component';
     DocumentationToolsModule,
     moduleRoutes,
   ],
-  declarations: [
-    AtomicTooltipComponent,
-    AtomicAxisComponent,
-    AtomicToolboxComponent,
-    AtomicDatasetComponent,
-  ],
+  declarations: [AtomicTooltipComponent, AtomicAxisComponent, AtomicToolboxComponent, AtomicDatasetComponent],
 })
 export class AtomicModule {}
diff --git a/src/app/components/echarts/atomic/axis/axis.component.ts b/src/app/components/echarts/atomic/axis/axis.component.ts
@@ -1,7 +1,4 @@
-import {
-  Component,
-  ChangeDetectionStrategy,
-} from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
   selector: 'atomic-axis',
@@ -10,6 +7,4 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   preserveWhitespaces: true,
 })
-export class AtomicAxisComponent {
-
-}
+export class AtomicAxisComponent {}
diff --git a/src/app/components/echarts/atomic/tooltip/tooltip.component.ts b/src/app/components/echarts/atomic/tooltip/tooltip.component.ts
@@ -1,7 +1,4 @@
-import {
-  Component,
-  ChangeDetectionStrategy,
-} from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
   selector: 'atomic-tooltip',
@@ -10,6 +7,4 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   preserveWhitespaces: true,
 })
-export class AtomicTooltipComponent {
-
-}
+export class AtomicTooltipComponent {}
diff --git a/src/app/components/echarts/chart/chart.component.ts b/src/app/components/echarts/chart/chart.component.ts
@@ -1,7 +1,4 @@
-import {
-  Component,
-  ChangeDetectionStrategy,
-} from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
   selector: 'chart',
@@ -10,6 +7,4 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   preserveWhitespaces: true,
 })
-export class ChartComponent {
-
-}
+export class ChartComponent {}
diff --git a/src/app/components/echarts/components.component.ts b/src/app/components/echarts/components.component.ts
@@ -18,7 +18,6 @@ import { tdCollapseAnimation, tdRotateAnimation, tdFadeInOutAnimation } from '@c
   animations: [tdCollapseAnimation, tdRotateAnimation, tdFadeInOutAnimation],
 })
 export class ComponentsComponent {
-
   miniNav: boolean = false;
 
   routes: Object[] = [
@@ -78,7 +77,8 @@ export class ComponentsComponent {
       title: 'Axis',
     },
     {
-      description: 'Toolbox options for refreshing, saving chart as an image, data zoom, data view and on the fly chart types.',
+      description:
+        'Toolbox options for refreshing, saving chart as an image, data zoom, data view and on the fly chart types.',
       icon: 'art_track',
       route: ['atomic', 'toolbox'],
       title: 'Toolbox',
@@ -92,9 +92,7 @@ export class ComponentsComponent {
     },
   ];
 
-  constructor(public media: TdMediaService,
-              private _changeDetectorRef: ChangeDetectorRef) {
-  }
+  constructor(public media: TdMediaService, private _changeDetectorRef: ChangeDetectorRef) {}
 
   toggleMiniNav(): void {
     this.miniNav = !this.miniNav;

diff --git a/src/app/components/echarts/components.module.ts b/src/app/components/echarts/components.module.ts
@@ -59,11 +59,6 @@ import { moduleRoutes } from './components.routes';
     DocumentationToolsModule,
     moduleRoutes,
   ],
-  declarations: [
-    ComponentsComponent,
-    OverviewComponent,
-    GettingStartedComponent,
-    ChartComponent,
-  ],
+  declarations: [ComponentsComponent, OverviewComponent, GettingStartedComponent, ChartComponent],
 })
 export class ComponentsModule {}
diff --git a/src/app/components/echarts/components.routes.ts b/src/app/components/echarts/components.routes.ts
@@ -9,19 +9,24 @@ const routes: Routes = [
   {
     component: ComponentsComponent,
     path: 'echarts',
-    children: [{
+    children: [
+      {
         component: OverviewComponent,
         path: '',
-      }, {
+      },
+      {
         path: 'getting-started',
         component: GettingStartedComponent,
-      }, {
+      },
+      {
         path: 'chart',
         component: ChartComponent,
-      }, {
+      },
+      {
         path: 'types',
         loadChildren: './types/types.module#TypesModule',
-      }, {
+      },
+      {
         path: 'atomic',
         loadChildren: './atomic/atomic.module#AtomicModule',
       },

diff --git a/src/app/components/echarts/getting-started/getting-started.component.ts b/src/app/components/echarts/getting-started/getting-started.component.ts
@@ -1,7 +1,4 @@
-import {
-  Component,
-  ChangeDetectionStrategy,
-} from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 @Component({
   selector: 'getting-started',
@@ -10,6 +7,4 @@ import {
   changeDetection: ChangeDetectionStrategy.OnPush,
   preserveWhitespaces: true,
 })
-export class GettingStartedComponent {
-
-}
+export class GettingStartedComponent {}
diff --git a/src/app/components/echarts/overview/overview.component.ts b/src/app/components/echarts/overview/overview.component.ts
@@ -6,87 +6,85 @@ import { TdMediaService } from '@covalent/core/media';
   templateUrl: './overview.component.html',
   styleUrls: ['./overview.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
-
 })
 export class OverviewComponent {
+  items: Object[] = [
+    {
+      color: 'deep-purple-A700',
+      icon: 'insert_chart',
+      route: ['types', 'bar'],
+      title: 'Bar Chart',
+    },
+    {
+      color: 'blue-A700',
+      icon: 'show_chart',
+      route: ['types', 'line'],
+      title: 'Line Chart',
+    },
+    {
+      color: 'teal-A700',
+      icon: 'bubble_chart',
+      route: ['types', 'scatter'],
+      title: 'Scatter Chart',
+    },
+    {
+      color: 'pink-A700',
+      icon: 'multiline_chart',
+      route: ['types', 'combination'],
+      title: 'Combination Chart',
+    },
+    {
+      color: 'amber-A700',
+      icon: 'share',
+      route: ['types', 'tree'],
+      title: 'Tree Chart',
+    },
+    {
+      color: 'green-A700',
+      icon: 'dashboard',
+      route: ['types', 'treemap'],
+      title: 'Treemap Chart',
+    },
+    {
+      color: 'yellow-A700',
+      icon: 'call_split',
+      route: ['types', 'sankey'],
+      title: 'Sankey Chart',
+    },
+    {
+      color: 'orange-A700',
+      icon: 'grain',
+      route: ['types', 'graph'],
+      title: 'Graph Chart',
+    },
+  ];
 
-  items: Object[] = [{
-    color: 'deep-purple-A700',
-    icon: 'insert_chart',
-    route: ['types', 'bar'],
-    title: 'Bar Chart',
-  }, 
-  {
-    color: 'blue-A700',
-    icon: 'show_chart',
-    route: ['types', 'line'],
-    title: 'Line Chart',
-  }, 
-  {
-    color: 'teal-A700',
-    icon: 'bubble_chart',
-    route: ['types', 'scatter'],
-    title: 'Scatter Chart',
-  },
-  {
-    color: 'pink-A700',
-    icon: 'multiline_chart',
-    route: ['types', 'combination'],
-    title: 'Combination Chart',
-  },
-  {
-    color: 'amber-A700',
-    icon: 'share',
-    route: ['types', 'tree'],
-    title: 'Tree Chart',
-  },
-  {
-    color: 'green-A700',
-    icon: 'dashboard',
-    route: ['types', 'treemap'],
-    title: 'Treemap Chart',
-  },
-  {
-    color: 'yellow-A700',
-    icon: 'call_split',
-    route: ['types', 'sankey'],
-    title: 'Sankey Chart',
-  },
-  {
-    color: 'orange-A700',
-    icon: 'grain',
-    route: ['types', 'graph'],
-    title: 'Graph Chart',
-  },
-];
-
-atomicComponents: Object[] = [
-  {
-    color: 'deep-orange-A700',
-    icon: 'info',
-    route: ['atomic', 'tooltip'],
-    title: 'Tooltip',
-  },
-  {
-    color: 'lime-A700',
-    icon: 'trending_flat',
-    route: ['atomic', 'axis'],
-    title: 'Axis',
-  },
-  {
-    color: 'cyan-500',
-    icon: 'art_track',
-    route: ['atomic', 'toolbox'],
-    title: 'Toolbox',
-  },
-  {
-    color: 'purple-500',
-    icon: 'view_list',
-    route: ['atomic', 'dataset'],
-    title: 'Dataset',
-  },
-];
-
-  constructor(public media: TdMediaService) { }
+  atomicComponents: Object[] = [
+    {
+      color: 'deep-orange-A700',
+      icon: 'info',
+      route: ['atomic', 'tooltip'],
+      title: 'Tooltip',
+    },
+    {
+      color: 'lime-A700',
+      icon: 'trending_flat',
+      route: ['atomic', 'axis'],
+      title: 'Axis',
+    },
+    {
+      color: 'cyan-500',
+      icon: 'art_track',
+      route: ['atomic', 'toolbox'],
+      title: 'Toolbox',
+    },
+    {
+      color: 'purple-500',
+      icon: 'view_list',
+      route: ['atomic', 'dataset'],
+      title: 'Dataset',
+    },
+  ];
 
+  constructor(public media: TdMediaService) {}
 }