style(lint): improve lint issues

package.json

@@ -15,6 +15,7 @@
     "test": "ng test -sr",
     "test:coverage": "rimraf coverage && npm run test -- -cc",
     "lint": "ng lint",
+    "lint:fix": "ng lint --fix",
     "lint:styles": "stylelint ./src/**/*.scss",
     "lint:ci": "npm run lint && npm run lint:styles",
     "pree2e": "webdriver-manager update --standalone false --gecko false",

src/app/@core/core.module.ts

@@ -5,9 +5,9 @@ import { throwIfAlreadyLoaded } from './module-import-guard';
 
 @NgModule({
   imports: [
-    CommonModule
+    CommonModule,
   ],
-  declarations: []
+  declarations: [],
 })
 export class CoreModule {
   constructor(@Optional() @SkipSelf() parentModule: CoreModule) {

src/app/@theme/components/tiny-mce/time-mce.component.ts

@@ -1,4 +1,4 @@
-import {Component, OnDestroy, AfterViewInit, Output, EventEmitter, ElementRef} from '@angular/core';
+import { Component, OnDestroy, AfterViewInit, Output, EventEmitter, ElementRef } from '@angular/core';
 
 @Component({
   selector: 'ngx-tiny-mce',
@@ -20,8 +20,7 @@ export class TinyMCEComponent implements OnDestroy, AfterViewInit {
       setup: editor => {
         this.editor = editor;
         editor.on('keyup', () => {
-          let content = editor.getContent();
+          this.editorKeyup.emit(editor.getContent());
-          this.editorKeyup.emit(content);
         });
       },
     });

src/app/@theme/layouts/one-column/one-column.layout.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'one-column-layout',
+  selector: 'ngx-one-column-layout',
   template: `
     <nga-layout>
       <nga-layout-header fixed>

src/app/@theme/theme.module.ts

@@ -17,7 +17,7 @@ import {
   HeaderComponent,
   FooterComponent,
   SearchInputComponent,
-  TinyMCEComponent
+  TinyMCEComponent,
 } from './components';
 
 import { OneColumnLayoutComponent } from './layouts';

src/app/app.component.ts

@@ -6,7 +6,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app',
+  selector: 'ngx-app',
   template: '<router-outlet></router-outlet>',
 })
 export class AppComponent {

src/app/pages/components/components.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'components',
+  selector: 'ngx-components',
   template: `
     <p>
       components works!

src/app/pages/dashboard/dashboard.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'dashboard',
+  selector: 'ngx-dashboard',
   template: `
     <nga-card>
       <nga-card-header>Test card</nga-card-header>  

src/app/pages/editors/editors-routing.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { EditorsComponent } from './editors.component';
-import { TinyMCEComponent, TinyMCEEditorComponent } from './tinyMCE.component';
+import { TinyMCEComponent } from './tiny-mce/tiny-mce.component';
 import { CKEditorComponent } from './ckeditor.component';
 
 const routes: Routes = [{
@@ -26,6 +26,5 @@ export class EditorsRoutingModule { }
 export const routedComponents = [
   EditorsComponent,
   TinyMCEComponent,
-  TinyMCEEditorComponent,
   CKEditorComponent,
 ];

src/app/pages/editors/tiny-mce/tiny-mce.component.ts

@@ -1,4 +1,4 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'ngx-tiny-mce-page',

src/app/pages/editors/tinyMCE.component.ts

@@ -1,56 +0,0 @@
-import { Component, OnDestroy, AfterViewInit, Input, Output, EventEmitter } from '@angular/core';
-
-@Component({
-  selector: 'ngx-tinymce-editor',
-  template: `
-    <textarea id="{{ elementId }}"></textarea>
-  `,
-})
-export class TinyMCEEditorComponent implements OnDestroy, AfterViewInit {
-
-  @Input() elementId: string;
-
-  @Output() editorKeyup = new EventEmitter<any>();
-
-  editor: any;
-
-  ngAfterViewInit() {
-    tinymce.init({
-      selector: '#' + this.elementId,
-      plugins: ['link', 'paste', 'table'],
-      skin_url: 'assets/skins/lightgray',
-      setup: editor => {
-        this.editor = editor;
-
-        editor.on('keyup', () => {
-          const content = editor.getContent();
-
-          this.editorKeyup.emit(content);
-        });
-      },
-    });
-  }
-
-  ngOnDestroy() {
-    tinymce.remove(this.editor);
-  }
-
-}
-
-@Component({
-  selector: 'ngx-tinymce',
-  template: `
-    <nga-card>
-      <nga-card-body>
-        <ngx-tinymce-editor elementId="tinymceEditor" (editorKeyup)="editorKeyupHandler($event)"></ngx-tinymce-editor>
-      </nga-card-body>
-    </nga-card>
-  `,
-})
-export class TinyMCEComponent {
-
-  editorKeyupHandler($event) {
-    console.info($event);
-  }
-
-}

src/app/pages/maps/maps.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'maps',
+  selector: 'ngx-maps',
   template: `
     <p>
       maps works!

src/app/pages/pages.component.ts

@@ -4,12 +4,12 @@ import 'style-loader!../@theme/styles/gorgeous/gorgeous.theme.scss';
 import 'style-loader!../@theme/styles/pure/pure.theme.scss';
 
 @Component({
-  selector: 'pages',
+  selector: 'ngx-pages',
   template: `
-    <one-column-layout>
+    <ngx-one-column-layout>
       <nga-menu></nga-menu>
       <router-outlet></router-outlet>
-    </one-column-layout>
+    </ngx-one-column-layout>
   `,
 })
 export class PagesComponent {

src/index.html

@@ -9,6 +9,6 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-  <app>Loading...</app>
+  <ngx-app>Loading...</ngx-app>
 </body>
 </html>

src/polyfills.ts

@@ -54,14 +54,12 @@ import 'core-js/es7/reflect';
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 
 
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */
 import 'zone.js/dist/zone';  // Included with Angular CLI.
 
 
-
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */

src/test.ts

@@ -14,7 +14,7 @@ import 'zone.js/dist/fake-async-test';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
@@ -27,7 +27,7 @@ __karma__.loaded = function () {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(),
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);