Merge branch 'master' of https://github.com/withinpixels/fuse2

package.json

@@ -15,18 +15,19 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "4.4.4",
+    "@agm/core": "1.0.0-beta.1",
+    "@angular/animations": "4.4.5",
     "@angular/cdk": "2.0.0-beta.12",
-    "@angular/common": "4.4.4",
-    "@angular/compiler": "4.4.4",
-    "@angular/core": "4.4.4",
+    "@angular/common": "4.4.5",
+    "@angular/compiler": "4.4.5",
+    "@angular/core": "4.4.5",
     "@angular/flex-layout": "2.0.0-beta.9",
-    "@angular/forms": "4.4.4",
-    "@angular/http": "4.4.4",
+    "@angular/forms": "4.4.5",
+    "@angular/http": "4.4.5",
     "@angular/material": "2.0.0-beta.12",
-    "@angular/platform-browser": "4.4.4",
-    "@angular/platform-browser-dynamic": "4.4.4",
-    "@angular/router": "4.4.4",
+    "@angular/platform-browser": "4.4.5",
+    "@angular/platform-browser-dynamic": "4.4.5",
+    "@angular/router": "4.4.5",
     "@swimlane/ngx-charts": "6.0.2",
     "@swimlane/ngx-datatable": "9.3.1",
     "@swimlane/ngx-dnd": "3.0.0",
@@ -49,8 +50,8 @@
   },
   "devDependencies": {
     "@angular/cli": "1.4.2",
-    "@angular/compiler-cli": "4.4.4",
-    "@angular/language-service": "4.4.4",
+    "@angular/compiler-cli": "4.4.5",
+    "@angular/language-service": "4.4.5",
     "@angularclass/hmr": "2.1.3",
     "@ngtools/webpack": "1.7.1",
     "@types/jasmine": "2.6.0",

src/app/main/content/components-third-party/components-third-party.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { SharedModule } from '../../../core/modules/shared.module';
 import { RouterModule } from '@angular/router';
 import { FuseNgxDatatableComponent } from './datatable/ngx-datatable.component';
+import { GoogleMapsModule } from './google-maps/google-maps.module';
 
 const routes = [
     {
@@ -13,7 +14,8 @@ const routes = [
 @NgModule({
     imports     : [
         SharedModule,
-        RouterModule.forChild(routes)
+        RouterModule.forChild(routes),
+        GoogleMapsModule
     ],
     declarations: [
         FuseNgxDatatableComponent

src/app/main/content/components-third-party/datatable/ngx-datatable.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components-third-party/google-maps/google-maps.component.html

@@ -0,0 +1,60 @@
+<div id="countdown" class="page-layout simple fullwidth" fusePerfectScrollbar>
+
+    <!-- HEADER -->
+    <div class="header mat-accent-bg p-24 h-160" fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="space-between center">
+        <div fxLayout="column" fxLayoutAlign="center center" fxLayout.gt-xs="column" fxLayoutAlign.gt-xs="center start">
+            <div class="black-fg" fxLayout="row" fxLayoutAlign="start center">
+                <mat-icon class="secondary-text s-16">home</mat-icon>
+                <mat-icon class="secondary-text s-16">chevron_right</mat-icon>
+                <span class="secondary-text">Google Maps</span>
+            </div>
+            <div class="h2 mt-16">Google Maps</div>
+        </div>
+
+        <a mat-raised-button class="reference-button mat-white-bg mt-16 mt-sm-0"
+           href="https://angular-maps.com"
+           target="_blank">
+            <mat-icon>link</mat-icon>
+            <span>Reference</span>
+        </a>
+    </div>
+    <!-- / HEADER -->
+
+    <!-- CONTENT -->
+    <div class="content p-24">
+        <p>
+            <code>agm-map</code> is a angular component library for Google Maps.
+        </p>
+
+        <div class="my-48">
+            <h2>Sample</h2>
+            <p fxLayout="row" fxLayoutAlign="start start">
+                <agm-map [latitude]="lat" [longitude]="lng">
+                    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+                </agm-map>
+            </p>
+        </div>
+
+        <div class="my-48">
+            <h2>Usage</h2>
+            <p class="mat-grey-200-bg py-8">
+                <fuse-hljs lang="html" class="source-code">
+                    <textarea #source hidden="hidden">
+                        <agm-map [latitude]="lat" [longitude]="lng">
+                            <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+                        </agm-map>
+                    </textarea>
+                </fuse-hljs>
+            </p>
+        </div>
+
+        <div class="my-48">
+            <h2>Inputs</h2>
+            Checkout the component api docs for detail:
+            <a href="https://angular-maps.com/api-docs/agm-core/components/AgmMap.html" target="_blank">AgmMap Api</a>
+        </div>
+
+    </div>
+
+</div>
+

src/app/main/content/components-third-party/google-maps/google-maps.component.scss

@@ -0,0 +1,11 @@
+:host {
+
+    .content{
+        max-width: 960px;
+    }
+
+    agm-map {
+        width: 100%;
+        height: 300px;
+    }
+}

src/app/main/content/components-third-party/google-maps/google-maps.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector   : 'fuse-google-maps-docs',
+    templateUrl: './google-maps.component.html',
+    styleUrls  : ['./google-maps.component.scss']
+})
+export class FuseGoogleMapsDocsComponent
+{
+    lat = -34.397;
+    lng = 150.644;
+
+    constructor()
+    {
+
+    }
+}

src/app/main/content/components-third-party/google-maps/google-maps.module.ts

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { FuseGoogleMapsDocsComponent } from './google-maps.component';
+import { SharedModule } from '../../../../core/modules/shared.module';
+import { RouterModule } from '@angular/router';
+import { AgmCoreModule } from '@agm/core';
+
+const routes = [
+    {
+        path     : 'components-third-party/google-maps',
+        component: FuseGoogleMapsDocsComponent
+    }
+];
+
+@NgModule({
+    imports     : [
+        SharedModule,
+        RouterModule.forChild(routes),
+        AgmCoreModule.forRoot({
+            apiKey: 'AIzaSyD81ecsCj4yYpcXSLFcYU97PvRsE_X8Bx8'
+        })
+    ],
+    declarations: [
+        FuseGoogleMapsDocsComponent
+    ]
+})
+export class GoogleMapsModule
+{
+}

src/app/main/content/components/angular-material/angular-material.component.scss

@@ -3,7 +3,7 @@
     .angular-material-element {
 
         > .content {
-            max-width: 940px;
+            max-width: 960px;
         }
     }
-}
+}

src/app/main/content/components/countdown/countdown.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/hljs/hljs.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/material-color-picker/material-color-picker.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/navigation/navigation.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/price-tables/price-tables.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/search-bar/search-bar.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/shortcuts/shortcuts.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/main/content/components/widget/widget.component.scss

@@ -1,3 +1,7 @@
 :host {
 
-}
+    .content{
+        max-width: 1100px;
+    }
+
+}

src/app/navigation.model.ts

@@ -634,6 +634,12 @@ export class NavigationModel
                                 'url'  : '/components-third-party/datatables/ngx-datatable'
                             }
                         ]
+                    },
+                    {
+                        'title': 'Google Maps',
+                        'type' : 'item',
+                        'icon' : 'place',
+                        'url'  : '/components-third-party/google-maps'
                     }
                 ]
             }