Merge pull request #134 from coreui/dev-vnext

v2.2.4

Author: xidedix

CHANGELOG.md

@@ -1,5 +1,31 @@
 ## [angular](./README.md) version `changelog`
 
+###### `v2.2.4`
+- refactor(colors): use 'DOCUMENT' of '@angular/common'
+- refactor(default-layout): use 'DOCUMENT' of '@angular/common' #133 - thanks @damingerdai 
+- refactor(main): add compiler option `preserveWhitespaces` #128 - thanks @ctaleck 
+- refactor(routing): added URL 404 default #125 - thanks @slam24
+- refactor(dropdowns): remove temp css fix
+- refactor(_nav.ts): NavData interface add semicolons
+- update: `@angular/animations` to `^7.2.1`
+- update: `@angular/common` to `^7.2.1`
+- update: `@angular/compiler` to `^7.2.1`
+- update: `@angular/core` to `^7.2.1`
+- update: `@angular/forms` to `^7.2.1`
+- update: `@angular/http` to `^7.2.1`
+- update: `@angular/platform-browser` to `^7.2.1`
+- update: `@angular/platform-browser-dynamic` to `^7.2.1`
+- update: `@angular/router` to `^7.2.1`
+- update: `@coreui/angular` to `^2.2.4`
+- update: `mutationobserver-shim` to `^0.3.3`
+- update: `zone.js` to `^0.8.28`
+- update: `@angular-devkit/build-angular` to `^0.12.2`
+- update: `@angular/cli` to `^7.2.2`
+- update: `@angular/compiler-cli` to `^7.2.1`
+- update: `@angular/language-service` to `^7.2.1`
+- update: `@types/jasmine` to `^3.3.7`
+- update: `typescript` to `~3.2.4`
+
 ###### `v2.2.3`
 - refactor(_nav.ts): add NavData interface
 - update: `bootstrap` to `^4.2.1`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-angular-admin-template",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "CoreUI Free Angular 2+ Admin Template",
   "author": {
     "name": "Łukasz Holeczek",
@@ -27,16 +27,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^7.2.0",
-    "@angular/common": "^7.2.0",
-    "@angular/compiler": "^7.2.0",
-    "@angular/core": "^7.2.0",
-    "@angular/forms": "^7.2.0",
-    "@angular/http": "^7.2.0",
-    "@angular/platform-browser": "^7.2.0",
-    "@angular/platform-browser-dynamic": "^7.2.0",
-    "@angular/router": "^7.2.0",
-    "@coreui/angular": "^2.2.3",
+    "@angular/animations": "^7.2.1",
+    "@angular/common": "^7.2.1",
+    "@angular/compiler": "^7.2.1",
+    "@angular/core": "^7.2.1",
+    "@angular/forms": "^7.2.1",
+    "@angular/http": "^7.2.1",
+    "@angular/platform-browser": "^7.2.1",
+    "@angular/platform-browser-dynamic": "^7.2.1",
+    "@angular/router": "^7.2.1",
+    "@coreui/angular": "^2.2.4",
     "@coreui/coreui": "^2.1.6",
     "@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
     "@coreui/icons": "0.3.0",
@@ -46,7 +46,7 @@
     "flag-icon-css": "^3.2.1",
     "font-awesome": "^4.7.0",
     "moment": "^2.23.0",
-    "mutationobserver-shim": "^0.3.2",
+    "mutationobserver-shim": "^0.3.3",
     "ng2-charts": "^1.6.0",
     "ngx-bootstrap": "^3.1.4",
     "ngx-perfect-scrollbar": "^7.2.0",
@@ -55,14 +55,14 @@
     "ts-helpers": "^1.1.2",
     "tsickle": "^0.34.0",
     "tslib": "^1.9.0",
-    "zone.js": "^0.8.27"
+    "zone.js": "^0.8.28"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.12.1",
-    "@angular/cli": "^7.2.1",
-    "@angular/compiler-cli": "^7.2.0",
-    "@angular/language-service": "^7.2.0",
-    "@types/jasmine": "^3.3.5",
+    "@angular-devkit/build-angular": "^0.12.2",
+    "@angular/cli": "^7.2.2",
+    "@angular/compiler-cli": "^7.2.1",
+    "@angular/language-service": "^7.2.1",
+    "@types/jasmine": "^3.3.7",
     "@types/jasminewd2": "^2.0.6",
     "@types/node": "^10.12.18",
     "codelyzer": "^4.5.0",
@@ -76,7 +76,7 @@
     "protractor": "^5.4.2",
     "ts-node": "^7.0.1",
     "tslint": "^5.12.1",
-    "typescript": "3.1.x"
+    "typescript": "~3.2.4"
   },
   "engines": {
     "node": ">= 8.9.4",

src/app/_nav.ts

@@ -1,14 +1,14 @@
 export interface NavData {
-  name?: string,
-  url?: string,
-  icon?: string,
-  badge?: any,
-  title?: boolean,
-  children?: any,
-  variant?: string,
-  attributes?: object,
-  divider?: boolean,
-  class?: string,
+  name?: string;
+  url?: string;
+  icon?: string;
+  badge?: any;
+  title?: boolean;
+  children?: any;
+  variant?: string;
+  attributes?: object;
+  divider?: boolean;
+  class?: string;
 }
 
 export const navItems: NavData[] = [

src/app/app.routing.ts

@@ -83,7 +83,8 @@ export const routes: Routes = [
         loadChildren: './views/widgets/widgets.module#WidgetsModule'
       }
     ]
-  }
+  },
+  { path: '**', component: P404Component }
 ];
 
 @NgModule({

src/app/containers/default-layout/default-layout.component.ts

@@ -1,6 +1,8 @@
-import {Component, OnDestroy} from '@angular/core';
+import { Component, OnDestroy, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
 import { navItems } from './../../_nav';
 
+
 @Component({
   selector: 'app-dashboard',
   templateUrl: './default-layout.component.html'
@@ -9,16 +11,16 @@ export class DefaultLayoutComponent implements OnDestroy {
   public navItems = navItems;
   public sidebarMinimized = true;
   private changes: MutationObserver;
-  public element: HTMLElement = document.body;
-  constructor() {
+  public element: HTMLElement;
+  constructor(@Inject(DOCUMENT) _document?: any) {
 
     this.changes = new MutationObserver((mutations) => {
-      this.sidebarMinimized = document.body.classList.contains('sidebar-minimized');
+      this.sidebarMinimized = _document.body.classList.contains('sidebar-minimized');
     });
-
+    this.element = _document.body;
     this.changes.observe(<Element>this.element, {
       attributes: true,
-      attributeFilter: [ 'class' ]
+      attributeFilter: ['class']
     });
   }
 

src/app/views/buttons/dropdowns.component.css

@@ -1,3 +1,3 @@
 .dropup .dropdown-menu {
-  transform: none!important;
+  /*transform: none!important;*/
 }

src/app/views/theme/colors.component.ts

@@ -1,16 +1,17 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Inject, OnInit } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
 import { getStyle, rgbToHex } from '@coreui/coreui/dist/js/coreui-utilities';
 
 @Component({
   templateUrl: 'colors.component.html'
 })
 export class ColorsComponent implements OnInit {
-  public themeColors(): void {
-    Array.from(document.querySelectorAll('.theme-color')).forEach(function(el) {
-      const elem = document.getElementsByClassName(el.classList[0])[0];
-      const background = getStyle('background-color', elem);
+  constructor(@Inject(DOCUMENT) private _document: any) {}
 
-      const table = document.createElement('table');
+  public themeColors(): void {
+    Array.from(this._document.querySelectorAll('.theme-color')).forEach((el: HTMLElement) => {
+      const background = getStyle('background-color', el);
+      const table = this._document.createElement('table');
       table.innerHTML = `
         <table class="w-100">
           <tr>
@@ -23,10 +24,8 @@ export class ColorsComponent implements OnInit {
           </tr>
         </table>
       `;
-
       el.parentNode.appendChild(table);
     });
-
   }
 
   ngOnInit(): void {

src/main.ts

@@ -8,5 +8,7 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
+platformBrowserDynamic().bootstrapModule(AppModule, {
+    preserveWhitespaces: true
+})
   .catch(err => console.log(err));