update to angular 7

Author: djabif

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 AngularTemplates
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,27 +1,34 @@
-# LearnAngularFromScratch
+# Angular Tutorial: Learn Angular from scratch step by step
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.8.
+This project is part of Learn Angular from scratch step by step tutorial where we explore from the basic concepts and why’s of Angular Framework to building a complete Angular 7 app using Angular Material components.
 
-## Development server
+In this Angular Tutorial we explain one by one the main building blocks of an Angular application as well as the best practices for building a complete mobile app with Angular. Also this tutorial shows how to setup your dev environment so you can start developing Angular apps in your computer right now.
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+Get the step by step free tutorial in https://angular-templates.io/tutorials/about/learn-angular-from-scratch-step-by-step
 
-## Code scaffolding
+**Please support this project by simply putting a Github star ⭐. Share this library with friends on Twitter and everywhere else you can. 🙏. Thanks**
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
 
-## Build
+## Installation
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+Run `npm install` to install all the required dependencies
 
-## Running unit tests
+Then run `ng serve` to start a dev server.
+Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
-## Running end-to-end tests
+![](https://s3-us-west-2.amazonaws.com/angular-templates/tutorials/learn-angular-from-scratch-step-by-step/learn-angular-from-scratch-step-by-step-categories.png)
 
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
 
-## Further help
+## Premium Angular Starter Apps
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+If you want to build a complex and robust Angular app you should check [Angular Admin Template](https://angular-templates.com/product/angular-admin-template) which is a super complete application to build your next angular project.
+
+Created with performance and ease of development in mind, this Angular 7 web template is something you will love. It includes all the components that you might need inside a project and a detailed documentation on how to get started.
+
+
+![](https://s3-us-west-2.amazonaws.com/angular-templates/angular-duo-template/angular-admin-template-new-cover.jpeg)
+
+## Free Angular examples
+
+Find more Angular tutorials and starter apps in https://angular-templates.com

angular.json

@@ -27,6 +27,8 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+              "./node_modules/font-awesome/css/font-awesome.css",
               "src/styles.scss"
             ],
             "scripts": [],
@@ -84,6 +86,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
             "scripts": [],
@@ -137,4 +140,4 @@
     }
   },
   "defaultProject": "learn-angular-from-scratch"
-}
+}

package-lock.json

@@ -12,15 +12,22 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~7.2.0",
+    "@angular/cdk": "~7.3.7",
     "@angular/common": "~7.2.0",
     "@angular/compiler": "~7.2.0",
     "@angular/core": "~7.2.0",
     "@angular/forms": "~7.2.0",
+    "@angular/http": "^7.2.13",
+    "@angular/material": "^7.3.7",
     "@angular/platform-browser": "~7.2.0",
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
+    "bootstrap-sass": "^3.4.1",
     "core-js": "^2.5.4",
+    "font-awesome": "^4.7.0",
+    "hammerjs": "^2.0.8",
     "rxjs": "~6.3.3",
+    "rxjs-compat": "~6.3.3",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"
   },

package.json

@@ -0,0 +1,99 @@
+/* tslint:disable */
+/**
+* @module SDKModule
+* @author Jonathan Casarrubias <t:@johncasarrubias> <gh:jonathan-casarrubias>
+* @license MIT 2016 Jonathan Casarrubias
+* @version 2.1.0
+* @description
+* The SDKModule is a generated Software Development Kit automatically built by
+* the LoopBack SDK Builder open source module.
+*
+* The SDKModule provides Angular 2 >= RC.5 support, which means that NgModules
+* can import this Software Development Kit as follows:
+*
+*
+* APP Route Module Context
+* ============================================================================
+* import { NgModule }       from '@angular/core';
+* import { BrowserModule }  from '@angular/platform-browser';
+* // App Root 
+* import { AppComponent }   from './app.component';
+* // Feature Modules
+* import { SDK[Browser|Node|Native]Module } from './shared/sdk/sdk.module';
+* // Import Routing
+* import { routing }        from './app.routing';
+* @NgModule({
+*  imports: [
+*    BrowserModule,
+*    routing,
+*    SDK[Browser|Node|Native]Module.forRoot()
+*  ],
+*  declarations: [ AppComponent ],
+*  bootstrap:    [ AppComponent ]
+* })
+* export class AppModule { }
+*
+**/
+import { JSONSearchParams } from './services/core/search.params';
+import { ErrorHandler } from './services/core/error.service';
+import { LoopBackAuth } from './services/core/auth.service';
+import { LoggerService } from './services/custom/logger.service';
+import { SDKModels } from './services/custom/SDKModels';
+import { InternalStorage, SDKStorage } from './storage/storage.swaps';
+import { HttpModule } from '@angular/http';
+import { CommonModule } from '@angular/common';
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CookieBrowser } from './storage/cookie.browser';
+import { StorageBrowser } from './storage/storage.browser';
+import { UserApi } from './services/custom/User';
+import { QuestionApi } from './services/custom/Question';
+import { AnswerApi } from './services/custom/Answer';
+/**
+* @module SDKBrowserModule
+* @description
+* This module should be imported when building a Web Application in the following scenarios:
+*
+*  1.- Regular web application
+*  2.- Angular universal application (Browser Portion)
+*  3.- Progressive applications (Angular Mobile, Ionic, WebViews, etc)
+**/
+@NgModule({
+  imports:      [ CommonModule, HttpModule ],
+  declarations: [ ],
+  exports:      [ ],
+  providers:    [
+    ErrorHandler
+  ]
+})
+export class SDKBrowserModule {
+  static forRoot(internalStorageProvider: any = {
+    provide: InternalStorage,
+    useClass: CookieBrowser
+  }): ModuleWithProviders {
+    return {
+      ngModule  : SDKBrowserModule,
+      providers : [
+        LoopBackAuth,
+        LoggerService,
+        JSONSearchParams,
+        SDKModels,
+        UserApi,
+        QuestionApi,
+        AnswerApi,
+        internalStorageProvider,
+        { provide: SDKStorage, useClass: StorageBrowser }
+      ]
+    };
+  }
+}
+/**
+* Have Fun!!!
+* - Jon
+**/
+export * from './models/index';
+export * from './services/index';
+export * from './lb.config';
+export * from './storage/storage.swaps';
+export { CookieBrowser } from './storage/cookie.browser';
+export { StorageBrowser } from './storage/storage.browser';
+