moved admin credentials into application context

README.md

@@ -4,7 +4,7 @@ GUI Manager for Quartz Scheduler.
 Through this webapp you can launch and control your scheduled job. The GUI Console is composed by a managament panel to set trigger, start/stop scheduler and a log panel with a progress bar to display the job output. 
 
 ## SCREENSHOT
-![Alt text](http://www.fabioformosa.it/quartz-manager/quartz-manager-2-screenshot_800.png "Quartz Manager Screenshot")
+![](https://github.com/fabioformosa/quartz-manager/blob/master/quartz-manager-backend/src/main/resources/quartz-manager-2-screenshot_800.PNG)
 
 ## HOW IT WORKS
 * Set up the trigger into the left sidebar in terms of: daily frequency and and max occurrences.
@@ -51,17 +51,17 @@ Replace the dummy job (class: `it.fabioformosa.quartzmanager.jobs.SampleJob`) wi
 
 ## Tech Overview
 
-**Backend Stack** Java 8, Spring Boot 1.5.9 (Spring MVC 4.3.13, Spring Security 4.2.3, Spring AOP 4.3.13), Quartz Scheduler 2.2.2
+**Backend Stack** Java 8, Spring Boot 2.1.4 (Spring MVC 5.1.6, Spring Security 5.1.5, Spring AOP 5.1.6), Quartz Scheduler 2.3.1
 
 **Application Server** Tomcat (embedded)
 
-**Frontend** Angular 5.2.0, Web-Socket (stompjs 2.3.3)
+**Frontend** Angular 7.2.13, Web-Socket (stompjs 2.3.3)
 
 **Style** angular material, FontAwesome 5
 
 From quartz manager ver 2.x.x, the new structure of project is:
  * REST backend (java based, using [http://www.quartz-scheduler.org/](http://www.quartz-scheduler.org/)
- * Single Page Application frontend (angular 5)
+ * Single Page Application frontend (angular 7)
 
 (The previous version of quartz manager was a monolithic backend that provided also frontend developed with angularjs 1.6.x. You can find it at the branch 1.x.x)
 

quartz-manager-backend/pom.xml

@@ -5,7 +5,7 @@
 
 	<groupId>it.fabioformosa</groupId>
 	<artifactId>quartz-manager</artifactId>
-	<version>2.0.1-SNAPSHOT</version>
+	<version>2.1.1-SNAPSHOT</version>
 	<packaging>war</packaging>
 
 	<name>quartz-manager</name>
@@ -13,8 +13,8 @@
 
 	<parent>
 		<groupId>org.springframework.boot</groupId>
-		<artifactId>spring-boot-starter-parent</artifactId>
+		<artifactId>spring-boot-parent</artifactId>
-		<version>1.5.9.RELEASE</version>
+		<version>2.1.4.RELEASE</version>
 		<relativePath/> <!-- lookup parent from repository -->
 	</parent>
 	
@@ -104,14 +104,12 @@
 		<dependency>
 			<groupId>io.rest-assured</groupId>
 			<artifactId>spring-mock-mvc</artifactId>
-			<version>3.0.5</version>
 			<scope>test</scope>
 		</dependency>
 		
 		<dependency>
 			<groupId>org.quartz-scheduler</groupId>
 			<artifactId>quartz</artifactId>
-			<version>2.2.2</version>
 		</dependency>
 		<dependency>
 			<groupId>org.apache.commons</groupId>
@@ -127,15 +125,16 @@
 	    <dependency>
 	        <groupId>io.projectreactor</groupId>
 	        <artifactId>reactor-net</artifactId>
+	        <version>2.0.8.RELEASE</version>
 	    </dependency>
 	    <dependency>
 	        <groupId>io.projectreactor.spring</groupId>
 	        <artifactId>reactor-spring-context</artifactId>
+	        <version>2.0.7.RELEASE</version>
 	    </dependency>
 	    <dependency>
 	        <groupId>io.netty</groupId>
 	        <artifactId>netty-all</artifactId>
-	        <version>4.0.31.Final</version>
 	    </dependency>
 	    <dependency>
 	    	<groupId>org.springframework.boot</groupId>
@@ -164,24 +163,33 @@
 	                </executions>
 				</plugin>
 			    <plugin>
-					<groupId>org.codehaus.gmavenplus</groupId>
+			      <groupId>org.apache.maven.plugins</groupId>
-					<artifactId>gmavenplus-plugin</artifactId>
+			      <artifactId>maven-compiler-plugin</artifactId>
-					<version>1.5</version>
+			      <version>3.8.0</version>
-					<executions>
+			      <configuration>
-						<execution>
+			        <source>1.8</source>
-							<goals>
+			        <target>1.8</target>
-								<goal>addSources</goal>
+			      </configuration>
-								<goal>addTestSources</goal>
-								<goal>generateStubs</goal>
-								<goal>compile</goal>
-								<goal>testGenerateStubs</goal>
-								<goal>testCompile</goal>
-								<goal>removeStubs</goal>
-								<goal>removeTestStubs</goal>
-							</goals>
-						</execution>
-					</executions>
 			    </plugin>
+<!-- 				<plugin> -->
+<!-- 					<groupId>org.codehaus.gmavenplus</groupId> -->
+<!-- 					<artifactId>gmavenplus-plugin</artifactId> -->
+<!-- 					<version>1.5</version> -->
+<!-- 					<executions> -->
+<!-- 						<execution> -->
+<!-- 							<goals> -->
+<!-- 								<goal>addSources</goal> -->
+<!-- 								<goal>addTestSources</goal> -->
+<!-- 								<goal>generateStubs</goal> -->
+<!-- 								<goal>compile</goal> -->
+<!-- 								<goal>testGenerateStubs</goal> -->
+<!-- 								<goal>testCompile</goal> -->
+<!-- 								<goal>removeStubs</goal> -->
+<!-- 								<goal>removeTestStubs</goal> -->
+<!-- 							</goals> -->
+<!-- 						</execution> -->
+<!-- 					</executions> -->
+<!-- 				</plugin> -->
 			</plugins>
 		</pluginManagement>
 	</build>

quartz-manager-backend/src/main/java/it/fabioformosa/ServletInitializer.java

@@ -1,7 +1,7 @@
 package it.fabioformosa;
 
 import org.springframework.boot.builder.SpringApplicationBuilder;
-import org.springframework.boot.web.support.SpringBootServletInitializer;
+import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;
 
 public class ServletInitializer extends SpringBootServletInitializer {
 

quartz-manager-backend/src/main/java/it/fabioformosa/quartzmanager/configuration/SchedulerConfig.java

@@ -3,6 +3,7 @@ package it.fabioformosa.quartzmanager.configuration;
 import java.io.IOException;
 import java.util.Properties;
 
+import org.quartz.Job;
 import org.quartz.JobDetail;
 import org.quartz.SimpleTrigger;
 import org.quartz.Trigger;
@@ -28,7 +29,7 @@ import it.fabioformosa.quartzmanager.scheduler.TriggerMonitorImpl;
 @ConditionalOnProperty(name = "quartz.enabled")
 public class SchedulerConfig {
 
-  private static JobDetailFactoryBean createJobDetail(Class<?> jobClass) {
+	private static JobDetailFactoryBean createJobDetail(Class<? extends Job> jobClass) {
 		JobDetailFactoryBean factoryBean = new JobDetailFactoryBean();
 		factoryBean.setJobClass(jobClass);
 		factoryBean.setDurability(false);

quartz-manager-backend/src/main/java/it/fabioformosa/quartzmanager/configuration/WebSecurityConfig.java

@@ -3,6 +3,7 @@ package it.fabioformosa.quartzmanager.configuration;
 import javax.annotation.Resource;
 
 import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Value;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.core.annotation.Order;
 import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;
@@ -11,6 +12,8 @@ import org.springframework.security.config.annotation.web.builders.HttpSecurity;
 import org.springframework.security.config.annotation.web.builders.WebSecurity;
 import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
 import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
+import org.springframework.security.crypto.factory.PasswordEncoderFactories;
+import org.springframework.security.crypto.password.PasswordEncoder;
 import org.springframework.security.web.util.matcher.AntPathRequestMatcher;
 
 import it.fabioformosa.quartzmanager.security.ComboEntryPoint;
@@ -67,9 +70,17 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
 	}
 
 
+	@Value("${quartz-manager.account.user}")
+	private String adminUser;
+
+	@Value("${quartz-manager.account.pwd}")
+	private String adminPwd;
+
+
 	@Autowired
 	public void configureGlobal(AuthenticationManagerBuilder auth) throws Exception {
-		auth.inMemoryAuthentication().withUser("admin").password("admin").roles("ADMIN");
+		PasswordEncoder encoder = PasswordEncoderFactories.createDelegatingPasswordEncoder();
+		auth.inMemoryAuthentication().withUser(adminUser).password(encoder.encode(adminPwd)).roles("ADMIN");
 	}
 
 }

quartz-manager-backend/src/main/java/it/fabioformosa/quartzmanager/security/service/impl/AuthorityServiceImpl.java

@@ -17,9 +17,7 @@ public class AuthorityServiceImpl implements AuthorityService {
 
 	@Override
 	public List<Authority> findById(Long id) {
-		// TODO Auto-generated method stub
+		Authority auth = this.authorityRepository.getOne(id);
-
-		Authority auth = this.authorityRepository.findOne(id);
 		List<Authority> auths = new ArrayList<>();
 		auths.add(auth);
 		return auths;
@@ -27,7 +25,6 @@ public class AuthorityServiceImpl implements AuthorityService {
 
 	@Override
 	public List<Authority> findByname(String name) {
-		// TODO Auto-generated method stub
 		Authority auth = this.authorityRepository.findByName(name);
 		List<Authority> auths = new ArrayList<>();
 		auths.add(auth);

quartz-manager-backend/src/main/java/it/fabioformosa/quartzmanager/security/service/impl/UserServiceImpl.java

@@ -37,7 +37,7 @@ public class UserServiceImpl implements UserService {
 	@Override
 	@PreAuthorize("hasRole('ADMIN')")
 	public User findById(Long id) throws AccessDeniedException {
-		User u = userRepository.findOne(id);
+		User u = userRepository.getOne(id);
 		return u;
 	}
 

quartz-manager-backend/src/main/resources/application.yml

@@ -1,7 +1,11 @@
 server:
+  servlet:
     context-path: /quartz-manager
-  port: 8080
     session.timeout : 28800
+  port: 8080
+
+app:
+  name: quartz-manager
   
 spring:
   thymeleaf: 
@@ -15,16 +19,19 @@ job:
   frequency: 4000
   repeatCount: 19
 
-logging:
-  level:
-    org.springframework.web: WARN
-    it.fabioformosa: INFO
-
-app:
-  name: quartz-manager
-
 jwt:
   header: Authorization
   expires_in: 600 # 10 minutes
   secret: queenvictoria
   cookie: AUTH-TOKEN
+
+logging:
+  level:
+    org.springframework.web: WARN
+    it.fabioformosa: INFO
+    
+quartz-manager:
+  account:
+    user: admin
+    pwd: admin
+      

quartz-manager-backend/src/main/resources/import.sql

@@ -1,7 +1,7 @@
 
 -- the password hash is generated by BCrypt Calculator Generator(https://www.dailycred.com/article/bcrypt-calculator)
-INSERT INTO user (id, username, password, firstname, lastname) VALUES (1, 'user', '$2a$04$Vbug2lwwJGrvUXTj6z7ff.97IzVBkrJ1XfApfGNl.Z695zqcnPYra', 'John', 'Doe');
+INSERT INTO user (id, username, password, firstname, lastname) VALUES (1, 'user', '{bcrypt}$2a$04$Vbug2lwwJGrvUXTj6z7ff.97IzVBkrJ1XfApfGNl.Z695zqcnPYra', 'John', 'Doe');
-INSERT INTO user (id, username, password, firstname, lastname) VALUES (2, 'admin', '$2a$04$Vbug2lwwJGrvUXTj6z7ff.97IzVBkrJ1XfApfGNl.Z695zqcnPYra', 'Admin', 'Admin');
+INSERT INTO user (id, username, password, firstname, lastname) VALUES (2, 'admin', '{bcrypt}$2a$04$Vbug2lwwJGrvUXTj6z7ff.97IzVBkrJ1XfApfGNl.Z695zqcnPYra', 'Admin', 'Admin');
 
 INSERT INTO authority (id, name) VALUES (1, 'ROLE_USER');
 INSERT INTO authority (id, name) VALUES (2, 'ROLE_ADMIN');

quartz-manager-backend/src/main/resources/logback.xml

@@ -4,7 +4,7 @@
 	<appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender">
 		<layout class="ch.qos.logback.classic.PatternLayout">
 			<Pattern>
-				%d{yyyy-MM-dd HH:mm:ss.SSS} [%.7thread] %-5level [%-40.40logger{49}:%-3L] --- %m%n
+				%d{yyyy-MM-dd HH:mm:ss.SSS} [%.10thread] %-5level [%-40.40logger{49}:%-3L] --- %m%n
 			</Pattern>
 		</layout>
 	</appender>

quartz-manager-frontend/.angular-cli.json

@@ -1,57 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "project": {
-    "name": "angular-spring-starter"
-  },
-  "apps": [
-    {
-      "root": "src",
-      "outDir": "../server/src/main/resources/static",
-      "assets": [
-        "assets",
-        "favicon.ico"
-      ],
-      "index": "index.html",
-      "main": "main.ts",
-      "polyfills": "polyfills.ts",
-      "test": "test.ts",
-      "tsconfig": "tsconfig.app.json",
-      "testTsconfig": "tsconfig.spec.json",
-      "prefix": "app",
-      "styles": [
-        "styles.css"
-      ],
-      "scripts": [],
-      "environmentSource": "environments/environment.ts",
-      "environments": {
-        "dev": "environments/environment.ts",
-        "prod": "environments/environment.prod.ts"
-      }
-    }
-  ],
-  "e2e": {
-    "protractor": {
-      "config": "./protractor.conf.js"
-    }
-  },
-  "lint": [
-    {
-      "project": "src/tsconfig.app.json"
-    },
-    {
-      "project": "src/tsconfig.spec.json"
-    },
-    {
-      "project": "e2e/tsconfig.e2e.json"
-    }
-  ],
-  "test": {
-    "karma": {
-      "config": "./karma.conf.js"
-    }
-  },
-  "defaults": {
-    "styleExt": "css",
-    "component": {}
-  }
-}

quartz-manager-frontend/angular.json

@@ -0,0 +1,128 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "angular-spring-starter": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "../server/src/main/resources/static",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "polyfills": "src/polyfills.ts",
+            "assets": [
+              "src/assets",
+              "src/favicon.ico"
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "angular-spring-starter:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "angular-spring-starter:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "angular-spring-starter:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "karmaConfig": "./karma.conf.js",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.spec.json",
+            "scripts": [],
+            "styles": [
+              "src/styles.css"
+            ],
+            "assets": [
+              "src/assets",
+              "src/favicon.ico"
+            ]
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json",
+              "src/tsconfig.spec.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    },
+    "angular-spring-starter-e2e": {
+      "root": "e2e",
+      "sourceRoot": "e2e",
+      "projectType": "application",
+      "architect": {
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "./protractor.conf.js",
+            "devServerTarget": "angular-spring-starter:serve"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "e2e/tsconfig.e2e.json"
+            ],
+            "exclude": []
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "angular-spring-starter",
+  "schematics": {
+    "@schematics/angular:component": {
+      "prefix": "app",
+      "styleext": "css"
+    },
+    "@schematics/angular:directive": {
+      "prefix": "app"
+    }
+  }
+}

quartz-manager-frontend/karma.conf.js

@@ -4,33 +4,31 @@
 module.exports = function (config) {
   config.set({
     basePath: '',
-    frameworks: ['jasmine', '@angular/cli'],
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular/cli/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma')
     ],
     client:{
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     files: [
-      { pattern: './src/test.ts', watched: false }
+      
     ],
     preprocessors: {
-      './src/test.ts': ['@angular/cli']
+      
     },
     mime: {
       'text/x-typescript': ['ts','tsx']
     },
     coverageIstanbulReporter: {
-      reports: [ 'html', 'lcovonly' ],
+      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
       fixWebpackSourcePaths: true
     },
-    angularCli: {
+    
-      environment: 'dev'
-    },
     reporters: config.angularCli && config.angularCli.codeCoverage
               ? ['progress', 'coverage-istanbul']
               : ['progress', 'kjhtml'],

quartz-manager-frontend/package.json

@@ -12,34 +12,37 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "5.2.8",
+    "@angular/animations": "7.2.13",
-    "@angular/cdk": "5.2.4",
+    "@angular/cdk": "7.3.7",
-    "@angular/common": "5.2.8",
+    "@angular/common": "7.2.13",
-    "@angular/compiler": "5.2.8",
+    "@angular/compiler": "7.2.13",
-    "@angular/core": "5.2.8",
+    "@angular/core": "7.2.13",
-    "@angular/flex-layout": "5.0.0-beta.13",
+    "@angular/flex-layout": "7.0.0-beta.24",
-    "@angular/forms": "5.2.8",
+    "@angular/forms": "7.2.13",
-    "@angular/http": "5.2.8",
+    "@angular/http": "7.2.13",
-    "@angular/material": "5.2.4",
+    "@angular/material": "7.3.7",
-    "@angular/platform-browser": "5.2.8",
+    "@angular/platform-browser": "7.2.13",
-    "@angular/platform-browser-dynamic": "5.2.8",
+    "@angular/platform-browser-dynamic": "7.2.13",
-    "@angular/platform-server": "5.2.8",
+    "@angular/platform-server": "7.2.13",
-    "@angular/router": "5.2.8",
+    "@angular/router": "7.2.13",
     "@fortawesome/fontawesome": "^1.1.4",
     "@fortawesome/fontawesome-free-regular": "^5.0.8",
     "@fortawesome/fontawesome-free-solid": "^5.0.8",
     "@stomp/ng2-stompjs": "^0.6.3",
     "core-js": "2.5.1",
     "hammerjs": "2.0.8",
-    "rxjs": "5.5.2",
+    "net": "^1.0.2",
+    "rxjs": "6.4.0",
     "stompjs": "^2.3.3",
+    "tslib": "^1.9.0",
     "zone.js": "0.8.18"
   },
   "devDependencies": {
+    "@angular-devkit/build-angular": "~0.13.0",
     "@angular-devkit/core": "^0.2.0",
-    "@angular/cli": "1.5.3",
+    "@angular/cli": "7.3.7",
-    "@angular/compiler-cli": "5.2.8",
+    "@angular/compiler-cli": "7.2.13",
-    "@angular/language-service": "5.2.8",
+    "@angular/language-service": "7.2.13",
     "@types/hammerjs": "2.0.34",
     "@types/jasmine": "2.5.54",
     "@types/jasminewd2": "2.0.3",
@@ -56,6 +59,6 @@
     "protractor": "5.1.2",
     "ts-node": "3.0.6",
     "tslint": "5.7.0",
-    "typescript": "2.4.2"
+    "typescript": "3.2.4"
   }
 }

quartz-manager-frontend/src/app/app.component.spec.ts

@@ -2,7 +2,6 @@ import { TestBed, async } from '@angular/core/testing';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
-import { HomeComponent } from './home';
 import { ManagerComponent } from './manager';
 import { LoginComponent } from './login';
 import { MockApiService } from './service/mocks/api.service.mock';
@@ -10,7 +9,6 @@ import { MockApiService } from './service/mocks/api.service.mock';
 import { LoginGuard } from './guard';
 import { NotFoundComponent } from './not-found';
 import {
-  ApiCardComponent,
   FooterComponent,
   GithubComponent,
 } from './component';

quartz-manager-frontend/src/app/change-password/change-password.component.html

@@ -4,12 +4,12 @@
       <p [class]="notification.msgType" *ngIf="notification">{{notification.msgBody}}</p>
       <mat-card-content>
         <form *ngIf="!submitted" [formGroup]="form" (ngSubmit)="onSubmit()" #changePasswordForm="ngForm">
-          <mat-input-container>
+          <mat-form-field>
             <input matInput formControlName="oldPassword" required type="password" placeholder="old password">
-          </mat-input-container>
+          </mat-form-field>
-          <mat-input-container>
+          <mat-form-field>
             <input matInput formControlName="newPassword" required type="password" placeholder="new password">
-          </mat-input-container>
+          </mat-form-field>
           <button type="submit" [disabled]="!changePasswordForm.form.valid" mat-raised-button color="primary">Change Password</button>
         </form>
         <mat-spinner *ngIf="submitted" mode="indeterminate"></mat-spinner>

quartz-manager-frontend/src/app/change-password/change-password.component.scss

@@ -11,7 +11,7 @@ mat-card {
   -webkit-animation: fadein 1s; /* Safari and Chrome */
 }
 
-mat-input-container {
+mat-form-field {
   width: 100%;
 }
 

quartz-manager-frontend/src/app/change-password/change-password.component.ts

@@ -3,6 +3,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { AuthService } from 'app/service';
 import { Router } from '@angular/router';
 import { DisplayMessage } from '../shared/models/display-message';
+import { delay, mergeMap } from 'rxjs/operators';
  
 @Component({
   selector: 'app-change-password',
@@ -50,9 +51,7 @@ export class ChangePasswordComponent implements OnInit {
     this.submitted = true;
 
     this.authService.changePassowrd(this.form.value)
-    // show me the animation
+    .pipe(delay(1000), mergeMap(() => this.authService.logout()))
-    .delay(1000)
-    .mergeMap(() => this.authService.logout())
     .subscribe(() => {
       this.router.navigate(['/login', { msgType: 'success', msgBody: 'Success! Please sign in with your new password.'}]);
     }, error => {

quartz-manager-frontend/src/app/component/logs-panel/logs-panel.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 
 import { LogsWebsocketService, ApiService } from '../../service';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 
 @Component({
   selector: 'logs-panel',

quartz-manager-frontend/src/app/component/progress-panel/progress-panel.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'
 import {  ProgressWebsocketService } from '../../service';
 
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 // import {Message} from '@stomp/stompjs';
 
 // import { Subscription } from 'rxjs/Subscription';

quartz-manager-frontend/src/app/guard/admin.guard.spec.ts

@@ -16,7 +16,7 @@ describe('AdminGuard', () => {
         {
           provide: Router,
           useClass: RouterStub
-        }
+        },
         {
           provide: UserService,
           useClass: MockUserService

quartz-manager-frontend/src/app/guard/admin.guard.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { UserService } from '../service';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 
 @Injectable()
 export class AdminGuard implements CanActivate {

quartz-manager-frontend/src/app/guard/guest.guard.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Router, CanActivate } from '@angular/router';
 import { UserService } from '../service';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 
 @Injectable()
 export class GuestGuard implements CanActivate {

quartz-manager-frontend/src/app/guard/login.guard.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Router, CanActivate } from '@angular/router';
 import { UserService } from '../service';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 
 @Injectable()
 export class LoginGuard implements CanActivate {

quartz-manager-frontend/src/app/login/login.component.html

@@ -15,12 +15,12 @@
         <p [class]="notification.msgType" *ngIf="notification">{{notification.msgBody}}</p>
 
         <form *ngIf="!submitted" [formGroup]="form" (ngSubmit)="onSubmit()" #loginForm="ngForm">
-          <mat-input-container>
+          <mat-form-field>
             <input matInput formControlName="username" required placeholder="user">
-          </mat-input-container>
+          </mat-form-field>
-          <mat-input-container>
+          <mat-form-field>
             <input matInput formControlName="password" required type="password" placeholder="password">
-          </mat-input-container>
+          </mat-form-field>
           <button type="submit" [disabled]="!loginForm.form.valid" mat-raised-button color="primary">Login</button>
         </form>
         <!-- <br>

quartz-manager-frontend/src/app/login/login.component.scss

@@ -12,7 +12,7 @@ mat-card {
 
 }
 
-mat-input-container {
+mat-form-field {
   display: block;
 }
 

quartz-manager-frontend/src/app/login/login.component.ts

@@ -3,14 +3,16 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 import { DisplayMessage } from '../shared/models/display-message';
-import { Subscription } from 'rxjs/Subscription';
+import { Subscription } from 'rxjs';
+import { takeUntil, delay } from 'rxjs/operators'
+
 import {
   UserService,
   AuthService
 } from '../service';
 
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
-import { Subject } from 'rxjs/SUbject';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-login',
@@ -22,17 +24,8 @@ export class LoginComponent implements OnInit, OnDestroy {
   githubLink = 'https://github.com/fabioformosa/quartz-manager';
   form: FormGroup;
 
-  /**
-   * Boolean used in telling the UI
-   * that the form has been submitted
-   * and is awaiting a response
-   */
   submitted = false;
 
-  /**
-   * Notification message from received
-   * form request or router
-   */
   notification: DisplayMessage;
 
   returnUrl: string;
@@ -50,11 +43,10 @@ export class LoginComponent implements OnInit, OnDestroy {
 
   ngOnInit() {
     this.route.params
-    .takeUntil(this.ngUnsubscribe)
+    .pipe(takeUntil(this.ngUnsubscribe))
     .subscribe((params: DisplayMessage) => {
       this.notification = params;
     });
-    // get return url from route parameters or default to '/'
     this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/';
     this.form = this.formBuilder.group({
       username: ['', Validators.compose([Validators.required, Validators.minLength(3), Validators.maxLength(64)])],
@@ -84,15 +76,11 @@ export class LoginComponent implements OnInit, OnDestroy {
   }
 
   onSubmit() {
-    /**
-     * Innocent until proven guilty
-     */
     this.notification = undefined;
     this.submitted = true;
 
     this.authService.login(this.form.value)
-    // show me the animation
+    .pipe(delay(1000))
-    .delay(1000)
     .subscribe(data => {
       this.userService.getMyInfo().subscribe();
       this.router.navigate([this.returnUrl]);

quartz-manager-frontend/src/app/service/api.service.ts

@@ -1,8 +1,7 @@
 import { HttpClient, HttpHeaders, HttpResponse, HttpRequest, HttpEventType, HttpParams } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
-import 'rxjs/Rx';
+import { catchError, map, filter } from 'rxjs/operators'
-import 'rxjs/add/observable/throw';
 import { serialize } from 'app/shared/utilities/serialize';
 
 export enum RequestMethod {
@@ -36,7 +35,7 @@ export class ApiService {
     }
 
     return this.http.get(path, options)
-      .catch(this.checkError.bind(this));
+      .pipe(catchError(this.checkError.bind(this)));
   }
 
   post(path: string, body: any, customHeaders?: HttpHeaders): Observable<any> {
@@ -58,9 +57,11 @@ export class ApiService {
     });
 
     return this.http.request(req)
-      .filter(response => response instanceof HttpResponse)
+      .pipe(
-      .map((response: HttpResponse<any>) => response.body)
+              filter(response => response instanceof HttpResponse),
-      .catch(error => this.checkError(error));
+              map((response: HttpResponse<any>) => response.body),
+              catchError(error => this.checkError(error))
+      )
   }
 
   // Display error if logged in, otherwise redirect to IDP

quartz-manager-frontend/src/app/service/auth.service.ts

@@ -3,7 +3,8 @@ import { HttpHeaders } from '@angular/common/http';
 import { ApiService } from './api.service';
 import { UserService } from './user.service';
 import { ConfigService } from './config.service';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 
 @Injectable()
 export class AuthService {
@@ -20,10 +21,10 @@ export class AuthService {
       'Content-Type': 'application/x-www-form-urlencoded'
     });
     const body = `username=${user.username}&password=${user.password}`;
-    return this.apiService.post(this.config.login_url, body, loginHeaders).map(() => {
+    return this.apiService.post(this.config.login_url, body, loginHeaders).pipe(map(() => {
       console.log("Login success");
       this.userService.getMyInfo().subscribe();
-    });
+    }));
   }
 
   signup(user){
@@ -31,16 +32,16 @@ export class AuthService {
       'Accept': 'application/json',
       'Content-Type': 'application/json'
     });
-    return this.apiService.post(this.config.signup_url, JSON.stringify(user), signupHeaders).map(() =>{
+    return this.apiService.post(this.config.signup_url, JSON.stringify(user), signupHeaders).pipe(map(() =>{
       console.log("Sign up success");
-    });
+    }));
   }
   
   logout() {
     return this.apiService.post(this.config.logout_url, {})
-      .map(() => {
+      .pipe(map(() => {
         this.userService.currentUser = null;
-      });
+      }));
   }
 
   changePassowrd(passwordChanger) {

quartz-manager-frontend/src/app/service/user.service.ts

@@ -3,6 +3,8 @@ import { Headers } from '@angular/http';
 import { ApiService } from './api.service';
 import { ConfigService } from './config.service';
 
+import { map } from 'rxjs/operators'
+
 @Injectable()
 export class UserService {
 
@@ -41,7 +43,7 @@ export class UserService {
   }
 
   getMyInfo() {
-    return this.apiService.get(this.config.whoami_url).map(user => this.currentUser = user);
+    return this.apiService.get(this.config.whoami_url).pipe(map(user => this.currentUser = user));
   }
 
   getAll() {

quartz-manager-frontend/src/app/service/websocket.service.ts

@@ -1,7 +1,7 @@
 import { Injectable, OnInit } from '@angular/core';
 import { Headers } from '@angular/http';
 
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 
 import { ApiService } from './api.service';
 

quartz-manager-frontend/src/app/signup/signup.component.html

@@ -15,22 +15,22 @@
       <p [class]="notification.msgType" *ngIf="notification">{{notification.msgBody}}</p>
 
       <form *ngIf="!submitted" [formGroup]="form" (ngSubmit)="onSubmit()" #signupForm="ngForm">
-        <mat-input-container>
+        <mat-form-field>
           <label>Username: </label>
           <input matInput formControlName="username" required>
-        </mat-input-container>
+        </mat-form-field>
-        <mat-input-container>
+        <mat-form-field>
           <label>Password: </label>
           <input matInput formControlName="password" required type="password">
-        </mat-input-container>
+        </mat-form-field>
-        <mat-input-container>
+        <mat-form-field>
           <label>First Name: </label>
           <input matInput formControlName="firstname">
-        </mat-input-container>
+        </mat-form-field>
-        <mat-input-container>
+        <mat-form-field>
           <label>Last Name: </label>
           <input matInput formControlName="lastname">
-        </mat-input-container>
+        </mat-form-field>
         <button type="submit" [disabled]="!signupForm.form.valid" mat-raised-button color="primary">Sign up</button>
       </form>
       <br>

quartz-manager-frontend/src/app/signup/signup.component.scss

@@ -12,7 +12,7 @@
   
   }
   
-  mat-input-container {
+  mat-form-field {
     display: block;
   }
   

quartz-manager-frontend/src/app/signup/signup.component.spec.ts

@@ -1,6 +1,21 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {
+    MatCardModule, MatInputModule, MatProgressSpinnerModule, MatProgressBarModule
+  } from '@angular/material';
 import { SignupComponent } from './signup.component';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RouterTestingModule } from '@angular/router/testing';
+import {
+    MockUserService,
+    MockApiService
+  } from 'app/service/mocks';
+import {
+      UserService,
+      AuthService,
+      ApiService,
+      ConfigService
+    } from 'app/service';
 
 describe('SignupComponent', () => {
   let component: SignupComponent;
@@ -8,7 +23,25 @@ describe('SignupComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ SignupComponent ]
+      declarations: [ SignupComponent ],
+      imports : [RouterTestingModule,
+                 BrowserAnimationsModule,
+                 MatCardModule,
+                 MatInputModule,
+                 MatProgressSpinnerModule,
+                 MatProgressBarModule,
+                 ReactiveFormsModule],
+     providers: [
+                 {
+                   provide: UserService,
+                   useClass: MockUserService
+                 },
+                 {
+                     provide: ApiService,
+                     useClass: MockApiService
+                   },
+                 AuthService,
+                 ConfigService]
     })
     .compileComponents();
   }));

quartz-manager-frontend/src/app/signup/signup.component.ts

@@ -3,14 +3,15 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 import { DisplayMessage } from '../shared/models/display-message';
-import { Subscription } from 'rxjs/Subscription';
+import { Subscription } from 'rxjs';
+import { takeUntil, delay } from 'rxjs/operators'
 import {
   UserService,
   AuthService
 } from '../service';
 
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
-import { Subject } from 'rxjs/SUbject';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-signup',
@@ -49,8 +50,9 @@ export class SignupComponent implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
-    this.route.params
+    this.route.params.pipe(
-    .takeUntil(this.ngUnsubscribe)
+        takeUntil(this.ngUnsubscribe)
+    )
     .subscribe((params: DisplayMessage) => {
       this.notification = params;
     });
@@ -82,7 +84,7 @@ export class SignupComponent implements OnInit, OnDestroy {
 
     this.authService.signup(this.form.value)
     // show me the animation
-    .delay(1000)
+    .pipe(delay(1000))
     .subscribe(data => {
       console.log(data);
       this.authService.login(this.form.value).subscribe(data =>{

quartz-manager-frontend/src/polyfills.ts

@@ -42,7 +42,6 @@
 
 /** Evergreen browsers require these. **/
 import 'core-js/es6/reflect';
-import 'core-js/es7/reflect';
 
 
 
@@ -56,6 +55,8 @@ import 'core-js/es7/reflect';
  */
 import 'zone.js/dist/zone';  // Included with Angular CLI.
 
+(window as any).global = window
+
 
 
 /***************************************************************************************************

quartz-manager-frontend/src/tsconfig.spec.json

@@ -11,7 +11,8 @@
     ]
   },
   "files": [
-    "test.ts"
+    "test.ts",
+    "polyfills.ts"
   ],
   "include": [
     "**/*.spec.ts",

quartz-manager-frontend/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "importHelpers": true,
     "outDir": "./dist/out-tsc",
     "baseUrl": "src",
     "sourceMap": true,
@@ -15,6 +16,7 @@
     "lib": [
       "es2016",
       "dom"
-    ]
+    ],
+    "module": "es2015"
   }
 }

quartz-manager-frontend/tslint.json

@@ -12,7 +12,7 @@
     "curly": true,
     "eofline": true,
     "forin": true,
-    "import-blacklist": [true, "rxjs"],
+    "import-blacklist": [true],
     "import-spacing": true,
     "indent": [
       true,