chore(app): update @nga/theme and fix styles according to linter

src/app/pages/components/components.component.html

@@ -1,3 +0,0 @@
-<p>
-  components works!
-</p>

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

@@ -1,15 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-components',
-  templateUrl: './components.component.html',
-  styleUrls: ['./components.component.scss']
+  selector: 'components',
+  template: `
+    <p>
+      components works!
+    </p>
+  `,
 })
-export class ComponentsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
+export class ComponentsComponent {
 }

src/app/pages/dashboard/dashboard.component.html

@@ -1,3 +0,0 @@
-<p>
-  dashboard works!
-</p>

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

@@ -2,8 +2,11 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'dashboard',
-  templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss']
+  template: `
+    <p>
+      dashboard works!
+    </p>
+  `,
 })
 export class DashboardComponent {
 }

src/app/pages/maps/maps.component.html

@@ -1,3 +0,0 @@
-<p>
-  maps works!
-</p>

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

@@ -1,15 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-maps',
-  templateUrl: './maps.component.html',
-  styleUrls: ['./maps.component.scss']
+  selector: 'maps',
+  template: `
+    <p>
+      maps works!
+    </p>
+  `,
 })
-export class MapsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
+export class MapsComponent {
 }

src/app/pages/pages-menu.ts

@@ -7,21 +7,25 @@ export const menuItems: List<NgaMenuItem> = List([
     title: 'Dashboard',
     icon: 'ion ion-ios-home-outline',
     link: '/pages/dashboard',
-    selected: true
+    home: true,
+  },
+  {
+    title: 'Features',
+    group: true,
   },
   {
     title: 'UI Features',
     icon: 'ion ion-ios-keypad-outline',
-    link: '/pages/ui-features'
+    link: '/pages/ui-features',
   },
   {
     title: 'Components',
     icon: 'ion ion-ios-gear-outline',
-    link: '/pages/components'
+    link: '/pages/components',
   },
   {
     title: 'Maps',
     icon: 'ion ion-ios-location-outline',
-    link: '/pages/maps'
-  }
+    link: '/pages/maps',
+  },
 ]);

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

@@ -12,18 +12,18 @@ const routes: Routes = [
     path: '',
     component: PagesComponent,
     children: [
-      {path: 'dashboard', component: DashboardComponent},
-      {path: 'ui-features', component: UiFeaturesComponent},
-      {path: 'components', component: ComponentsComponent},
-      {path: 'maps', component: MapsComponent},
-      {path: '', redirectTo: 'dashboard', pathMatch: 'full'}
-    ]
-  }
+      { path: 'dashboard', component: DashboardComponent },
+      { path: 'ui-features', component: UiFeaturesComponent },
+      { path: 'components', component: ComponentsComponent },
+      { path: 'maps', component: MapsComponent },
+      { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
+    ],
+  },
 ];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
+  exports: [RouterModule],
 })
 export class PagesRoutingModule {
 }

src/app/pages/pages.component.ts

@@ -7,7 +7,7 @@ import { Component } from '@angular/core';
       <nga-menu></nga-menu>
       <router-outlet></router-outlet>
     </one-coll-layout>
-  `
+  `,
 })
 export class PagesComponent {
 }

src/app/pages/pages.module.ts

@@ -1,9 +1,6 @@
 import { NgModule } from '@angular/core';
 
-import {
-  NgaSidebarModule,
-  NgaMenuModule
-} from '@nga/theme';
+import { NgaMenuModule, NgaSidebarModule, NgaThemeModule } from '@nga/theme';
 
 import { menuItems } from './pages-menu';
 
@@ -17,20 +14,19 @@ import { ComponentsComponent } from './components/components.component';
 
 @NgModule({
   imports: [
+    NgaThemeModule.forRoot({ name: 'pure' }),
     NgaSidebarModule.forRoot(),
-    NgaMenuModule.forRoot({
-      items: menuItems
-    }),
+    NgaMenuModule.forRoot({ items: menuItems }),
     PagesRoutingModule,
-    ThemeModule
+    ThemeModule,
   ],
   declarations: [
     PagesComponent,
     DashboardComponent,
     UiFeaturesComponent,
     MapsComponent,
-    ComponentsComponent
-  ]
+    ComponentsComponent,
+  ],
 })
 export class PagesModule {
 }

src/app/pages/ui-features/ui-features.component.html

@@ -1,3 +0,0 @@
-<p>
-  ui-features works!
-</p>

src/app/pages/ui-features/ui-features.component.ts

@@ -1,15 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-ui-features',
-  templateUrl: './ui-features.component.html',
-  styleUrls: ['./ui-features.component.scss']
+  selector: 'ui-features',
+  template: `
+    <p>
+      ui-features works!
+    </p>
+  `,
 })
-export class UiFeaturesComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
+export class UiFeaturesComponent {
 }