+
diff --git a/front/src/app/app.component.less b/front/src/app/app.component.less
new file mode 100644
index 0000000..7cbb966
--- /dev/null
+++ b/front/src/app/app.component.less
@@ -0,0 +1,44 @@
+#create-exercice-button {
+ position: fixed;
+ display: block;
+ right: 0;
+ bottom: 0;
+ margin-right: 40px;
+ margin-bottom: 40px;
+ z-index: 900;
+}
+
+#save-exercice-button {
+ position: fixed;
+ display: block;
+ right: 0;
+ bottom: 0;
+ margin-right: 110px;
+ margin-bottom: 40px;
+ z-index: 900;
+}
+
+.main-content {
+ position: absolute;
+ //width: ~"calc(calc(100% / 5 ) * 5)";
+ width: 100%;
+ height: ~'calc(100% - 56px)';
+ top: 56px;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: fixed;
+ overflow-y: auto;
+ //background-color:#FF0;
+ /*
+ .main-reduce {
+ width: 40%;
+ height: 100%;
+ margin: 0;
+ padding: 0px 10% 0px 10%;
+ display: block;
+ overflow-y:scroll;
+ }
+ */
+}
diff --git a/front/src/app/app.component.ts b/front/src/app/app.component.ts
new file mode 100644
index 0000000..d0a7fe9
--- /dev/null
+++ b/front/src/app/app.component.ts
@@ -0,0 +1,151 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { EventOnMenu } from 'common/component/top-menu/top-menu';
+import { UserService } from 'common/service/user';
+import { SessionService } from 'common/service/session';
+import { MenuItem, MenuPosition } from 'common/model/menu-item';
+import { SSOService } from 'common/service';
+
+@Component({
+ selector: 'app-root',
+ templateUrl: './app.component.html',
+ styleUrls: ['./app.component.less'],
+})
+export class AppComponent implements OnInit {
+ title: string = 'Karideo';
+ autoConnectedDone: boolean = false;
+ isConnected: boolean = false;
+ signUpEnable: boolean = true;
+ currentMenu: MenuItem[] = [];
+
+ constructor(
+ private userService: UserService,
+ private sessionService: SessionService,
+ private ssoService: SSOService
+ ) {}
+
+ ngOnInit() {
+ console.log(`call with: ${window.location.href}`);
+ this.autoConnectedDone = false;
+ this.isConnected = false;
+ this.updateMainMenu();
+ let self = this;
+ this.sessionService.change.subscribe(isConnected => {
+ console.log(`receive event from session ...${isConnected}`);
+ self.isConnected = isConnected;
+ self.updateMainMenu();
+ });
+ this.userService
+ .checkAutoConnect()
+ .then(() => {
+ console.log(` ==>>>>> Autoconnect THEN !!!`);
+ self.autoConnectedDone = true;
+ })
+ .catch(error => {
+ console.log(` ==>>>>> Autoconnect CATCH !!! ${error}`);
+ self.autoConnectedDone = true;
+ })
+ .finally(() => {
+ console.log(` ==>>>>> Autoconnect FINALLY !!!`);
+ self.autoConnectedDone = true;
+ });
+ this.ssoService
+ .checkSignUpEnable()
+ .then((value: boolean) => {
+ console.log(`Get value signUp = ${value}`);
+ self.signUpEnable = value;
+ self.updateMainMenu();
+ })
+ .catch((error: any) => {
+ console.log(`Can not call the sso to check the sign-up_interface: ${error}`);
+ });
+ }
+ eventOnMenu(data: EventOnMenu): void {}
+
+ updateMainMenu(): void {
+ console.log('update main menu :');
+ if (this.isConnected) {
+ console.log(' ==> is connected');
+ this.currentMenu = [
+ {
+ position: MenuPosition.LEFT,
+ hover: `You are logged as: ${this.sessionService.getLogin()}`,
+ icon: 'menu',
+ title: 'Menu',
+ subMenu: [
+ {
+ position: MenuPosition.LEFT,
+ hover: 'Go to Home page',
+ icon: 'home',
+ title: 'Home',
+ navigateTo: 'home',
+ },
+ {
+ position: MenuPosition.LEFT,
+ hover: 'Change the Password of your account',
+ icon: 'key',
+ title: 'Change Password',
+ navigateTo: 'password',
+ },
+ /*{
+ position: MenuPosition.LEFT,
+ hover: "Change your Avatar",
+ icon: "account_box",
+ title: "Change Avatar",
+ navigateTo: "avatar",
+ }, */ {
+ position: MenuPosition.LEFT,
+ hover: 'Change Other configuration',
+ icon: 'settings',
+ title: 'Settings',
+ navigateTo: 'settings',
+ },
+ ],
+ },
+ {
+ position: MenuPosition.LEFT,
+ hover: `You are logged as: ${this.sessionService.getLogin()}`,
+ title: this.sessionService.getLogin(),
+ },
+ {
+ position: MenuPosition.RIGHT,
+ hover: 'Exit connection',
+ icon: 'exit_to_app',
+ title: 'Sign out',
+ navigateTo: 'signout',
+ },
+ ];
+ } else {
+ this.currentMenu = [
+ {
+ position: MenuPosition.LEFT,
+ hover: 'Go to Home page',
+ icon: 'home',
+ title: 'Home',
+ navigateTo: 'home',
+ },
+ {
+ position: MenuPosition.RIGHT,
+ hover: 'Create a new account',
+ icon: 'add_circle_outline',
+ title: 'Sign-up',
+ model: this.signUpEnable ? undefined : 'disable',
+ navigateTo: 'signup',
+ },
+ {
+ position: MenuPosition.RIGHT,
+ hover: 'Login page',
+ icon: 'account_circle',
+ title: 'Sign-in',
+ navigateTo: 'signin',
+ },
+ ];
+ }
+ console.log(' ==> DONE');
+ }
+}
diff --git a/front/src/app/app.module.ts b/front/src/app/app.module.ts
new file mode 100644
index 0000000..1bee48b
--- /dev/null
+++ b/front/src/app/app.module.ts
@@ -0,0 +1,116 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { HttpClientModule } from '@angular/common/http';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms'; // this is needed for dynamic selection of the select
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import {
+ SignInScene,
+ SignUpScene,
+ ValidateEmailScene,
+ HomeScene,
+ ErrorViewerScene,
+ ForgotPasswordScene,
+ HelpScene,
+ SignOutScene,
+ ChangePasswordScene,
+ SettingsScene,
+ HomeUnregisteredScene,
+} from 'app/scene';
+import {
+ BddService,
+ CookiesService,
+ HttpWrapperService,
+ OnlyAdminGuard,
+ OnlyUnregisteredGuardHome,
+ OnlyUsersGuard,
+ OnlyUsersGuardHome,
+ PopInService,
+ SessionService,
+ SSOService,
+ StorageService,
+ UserService,
+} from 'common/service';
+import { CommonModule } from '@angular/common';
+import { ErrorComponent, PopInComponent, TopMenuComponent, UploadFileComponent } from 'common/component';
+import { ForbiddenScene } from 'common/scene';
+import { AdminUserService, ApplicationService, SettingsService } from 'app/service';
+import { PopInUploadProgress, PopInDeleteConfirm } from 'common/popin';
+import { PasswordEntryComponent } from './component';
+
+@NgModule({
+ declarations: [
+ AppComponent,
+ TopMenuComponent,
+ UploadFileComponent,
+ ErrorComponent,
+ PasswordEntryComponent,
+
+ PopInComponent,
+ PopInUploadProgress,
+ PopInDeleteConfirm,
+
+ SignInScene,
+ SignUpScene,
+ SignOutScene,
+ ValidateEmailScene,
+ HomeScene,
+ ErrorViewerScene,
+ HelpScene,
+ ForgotPasswordScene,
+ SettingsScene,
+ ForbiddenScene,
+ ChangePasswordScene,
+ HomeUnregisteredScene,
+ ],
+ imports: [
+ BrowserModule,
+ RouterModule,
+ AppRoutingModule,
+ HttpClientModule,
+ FormsModule,
+ ReactiveFormsModule,
+ CommonModule,
+ ],
+ // injectable element
+ providers: [
+ // application
+ AdminUserService,
+ ApplicationService,
+
+ // common
+ BddService,
+ CookiesService,
+ HttpWrapperService,
+ StorageService,
+ PopInService,
+ SessionService,
+ UserService,
+ SSOService,
+ SettingsService,
+ OnlyUsersGuard,
+ OnlyAdminGuard,
+ OnlyUsersGuardHome,
+ OnlyUnregisteredGuardHome,
+ ],
+ exports: [
+ AppComponent,
+ TopMenuComponent,
+ PasswordEntryComponent,
+ UploadFileComponent,
+ ErrorComponent,
+
+ PopInComponent,
+ PopInUploadProgress,
+ PopInDeleteConfirm,
+ ],
+ bootstrap: [AppComponent],
+ schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+})
+export class AppModule {}
diff --git a/front/src/app/component/index.ts b/front/src/app/component/index.ts
new file mode 100644
index 0000000..3f212ab
--- /dev/null
+++ b/front/src/app/component/index.ts
@@ -0,0 +1,5 @@
+import { PasswordEntryComponent } from "./password-entry/password-entry";
+
+export {
+ PasswordEntryComponent
+};
diff --git a/front/src/app/component/password-entry/password-entry.html b/front/src/app/component/password-entry/password-entry.html
new file mode 100644
index 0000000..7e22f38
--- /dev/null
+++ b/front/src/app/component/password-entry/password-entry.html
@@ -0,0 +1,12 @@
+
+
+
+
diff --git a/front/src/app/component/password-entry/password-entry.less b/front/src/app/component/password-entry/password-entry.less
new file mode 100644
index 0000000..9f54357
--- /dev/null
+++ b/front/src/app/component/password-entry/password-entry.less
@@ -0,0 +1,25 @@
+.eye-button {
+ margin-left: -44px;
+ margin-top: 15px;
+ float: right;
+ position: relative;
+ display: block;
+ border: none;
+ z-index: 15;
+ background: none;
+ padding: 4 1 13 1;
+ :hover {
+ background: none;
+ }
+}
+
+input[type='text'],
+input[type='password'] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ z-index: 5;
+}
diff --git a/front/src/app/component/password-entry/password-entry.spec.ts b/front/src/app/component/password-entry/password-entry.spec.ts
new file mode 100644
index 0000000..975c381
--- /dev/null
+++ b/front/src/app/component/password-entry/password-entry.spec.ts
@@ -0,0 +1,68 @@
+import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { PasswordEntryComponent } from './password-entry';
+
+describe('PasswordEntryComponent global test', () => {
+ let component: PasswordEntryComponent;
+ let fixture: ComponentFixture
+
diff --git a/front/src/app/scene/change-password/change-password.less b/front/src/app/scene/change-password/change-password.less
new file mode 100644
index 0000000..28ffa17
--- /dev/null
+++ b/front/src/app/scene/change-password/change-password.less
@@ -0,0 +1,84 @@
+
+
+.full {
+ width: 100%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+}
+
+.login {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.cancel {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.imgContainer {
+ text-align: center;
+ margin: 15px 0 0 0;
+}
+.containerCenter {
+ text-align: center;
+}
+
+img.avatar {
+ width: 150px;
+ border-radius: 50%;
+}
+
+.container-global {
+ position: relative;
+ max-width: 400px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.9);
+}
+
+.container {
+ padding: 16px 0 0 0;
+}
+
+
+.error {
+ background-color: #f44336;
+ position: absolute;
+ z-index: 10;
+ display: block;
+ max-width: 450px;
+ padding: 5px 8px;
+ margin: 2px 0 0;
+ font-size: 16px;
+ font-weight: 400;
+ border-style: solid;
+ border-width: 0px;
+ box-sizing: border-box;
+
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 25px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ }
+
+ &:after {
+ border-bottom-color: #f44336;
+ border-width: 10px;
+ margin-left: -10px;
+ }
+}
\ No newline at end of file
diff --git a/front/src/app/scene/change-password/change-password.ts b/front/src/app/scene/change-password/change-password.ts
new file mode 100644
index 0000000..aa51272
--- /dev/null
+++ b/front/src/app/scene/change-password/change-password.ts
@@ -0,0 +1,96 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { Location } from '@angular/common';
+import { createPasswordState } from 'common/utils';
+
+@Component({
+ selector: 'app-change-password',
+ templateUrl: './change-password.html',
+ styleUrls: ['./change-password.less'],
+})
+export class ChangePasswordScene {
+ /// status of the 3 fields:
+ public passwordOldState: boolean|string = false;
+ public password1State: boolean|string = false;
+ public password2State: boolean|string = false;
+ /// data of the 3 field
+ public passwordOld: string = '';
+ public password1: string = '';
+ public password2: string = '';
+ /// Validation button state
+ public validateButtonDisabled: boolean = true;
+
+ constructor(
+ private locate: Location
+ ) {}
+ /**
+ * update the state of the validation button. if all is OK, the button will became clickable
+ */
+ updateButtonVisibility(): void {
+ if (this.password1State === true
+ && this.password2State === true
+ && this.passwordOldState === true
+ && this.password2 === this.password1) {
+ this.validateButtonDisabled = false;
+ } else {
+ this.validateButtonDisabled = true;
+ }
+ }
+ /**
+ * Check if the current password is valid or not (update error message)
+ * @param newValue New password value.
+ */
+ checkPasswordOld(newValue: string): void {
+ this.passwordOld = newValue;
+ this.passwordOldState = createPasswordState(this.passwordOld);
+ this.checkPassword(this.password1);
+ this.updateButtonVisibility();
+ }
+
+
+ /**
+ * Check if the new password is valid or not
+ * @param newValue New password value.
+ */
+ checkPassword(newValue: string): void {
+ this.password1 = newValue;
+ this.password1State = createPasswordState(this.password1);
+ if (this.password1State === true
+ && this.passwordOld === this.password1) {
+ this.password1State = 'Wrong new password (identical with current)';
+ }
+ this.checkPassword2(this.password2);
+ this.updateButtonVisibility();
+ }
+ /**
+ * Check if the new password is conform with the previous one
+ * @param newValue New password value.
+ */
+ checkPassword2(newValue: string): void {
+ this.password2 = newValue;
+ this.password2State = createPasswordState(this.password2);
+ if (this.password2State === true
+ && this.password2 !== this.password1) {
+ this.password2State = 'Wrong 2nd password (not identical)';
+ }
+ this.updateButtonVisibility();
+ }
+
+ /**
+ * Summit change password.
+ */
+ onChangePassword(): void {
+
+ }
+ /**
+ * Apply cancel on this page
+ */
+ onCancel(): void {
+ this.locate.back();
+ }
+}
diff --git a/front/src/app/scene/error-viewer/error-viewer.html b/front/src/app/scene/error-viewer/error-viewer.html
new file mode 100644
index 0000000..d60f6a7
--- /dev/null
+++ b/front/src/app/scene/error-viewer/error-viewer.html
@@ -0,0 +1 @@
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ {{passwordOldState}}
+
+
+
+ {{password1State}}
+
+
+
+ {{password2State}}
+
+
+
+
+ error-viewer works!
diff --git a/front/src/app/scene/error-viewer/error-viewer.less b/front/src/app/scene/error-viewer/error-viewer.less new file mode 100644 index 0000000..e69de29 diff --git a/front/src/app/scene/error-viewer/error-viewer.ts b/front/src/app/scene/error-viewer/error-viewer.ts new file mode 100644 index 0000000..6885730 --- /dev/null +++ b/front/src/app/scene/error-viewer/error-viewer.ts @@ -0,0 +1,19 @@ +/** @file + * @author Edouard DUPIN + * @copyright 2018, Edouard DUPIN, all right reserved + * @license PROPRIETARY (see license file) + */ + +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; + +@Component({ + selector: 'app-error-viewer', + templateUrl: './error-viewer.html', + styleUrls: ['./error-viewer.less'], +}) +export class ErrorViewerScene implements OnInit { + constructor(private route: ActivatedRoute) {} + + ngOnInit() {} +} diff --git a/front/src/app/scene/forgot-password/forgot-password.html b/front/src/app/scene/forgot-password/forgot-password.html new file mode 100644 index 0000000..2313e81 --- /dev/null +++ b/front/src/app/scene/forgot-password/forgot-password.html @@ -0,0 +1,43 @@ +
+
diff --git a/front/src/app/scene/forgot-password/forgot-password.less b/front/src/app/scene/forgot-password/forgot-password.less
new file mode 100644
index 0000000..ad43278
--- /dev/null
+++ b/front/src/app/scene/forgot-password/forgot-password.less
@@ -0,0 +1,100 @@
+.full {
+ width: 100%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+}
+
+input[type='text'],
+input[type='password'] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+}
+
+.login {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.cancel {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.imgContainer {
+ text-align: center;
+ margin: 15px 0 0 0;
+}
+
+img.avatar {
+ width: 150px;
+ border-radius: 50%;
+}
+
+.container-global {
+ padding: 16px 32px 16px 32px;
+}
+
+.container {
+ padding: 16px 0 0 0;
+}
+.containerCenter {
+ text-align: center;
+}
+
+span.psw {
+ float: right;
+ padding-top: 16px;
+}
+
+.error {
+ background-color: #f44336;
+ position: absolute;
+ z-index: 10;
+ display: block;
+ max-width: 450px;
+ padding: 5px 8px;
+ margin: 2px 0 0;
+ font-size: 16px;
+ font-weight: 400;
+ border-style: solid;
+ border-width: 0px;
+ box-sizing: border-box;
+
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 25px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ }
+
+ &:after {
+ border-bottom-color: #f44336;
+ border-width: 10px;
+ margin-left: -10px;
+ }
+}
+
+.container-global {
+ position: relative;
+ max-width: 400px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.9);
+}
diff --git a/front/src/app/scene/forgot-password/forgot-password.ts b/front/src/app/scene/forgot-password/forgot-password.ts
new file mode 100644
index 0000000..f7cff35
--- /dev/null
+++ b/front/src/app/scene/forgot-password/forgot-password.ts
@@ -0,0 +1,123 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { Location } from '@angular/common';
+import { UserService } from 'common/service';
+import { AdminUserService } from 'app/service';
+
+export function checkLoginValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.-]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+export function checkEmailValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.@-]+@[a-zA-Z0-9_\\.-]+\\.[a-zA-Z]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+export function checkPasswordValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.@ %:;,=}{\\?\\!\\*\\+\\(\\)\\[\\]\\|&#%~/\\\\\\<\\>-£€]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+@Component({
+ selector: 'app-forgot-password',
+ templateUrl: './forgot-password.html',
+ styleUrls: ['./forgot-password.less'],
+})
+export class ForgotPasswordScene implements OnInit {
+ public loginOK: boolean = false;
+ public loginHelp: string = '';
+ public login: string = '';
+ public loginButtonDisabled: boolean = true;
+ public error: string = '';
+ public loginType: string = 'Username/E-mail';
+
+ public notARobot: boolean = true;
+
+ constructor(
+ private router: Router,
+ private locate: Location,
+ private userService: UserService,
+ private adminUserService: AdminUserService
+ ) {}
+
+ ngOnInit() {}
+
+ updateButtonVisibility(): void {
+ if (this.loginOK === true && this.notARobot === true) {
+ this.loginButtonDisabled = false;
+ } else {
+ this.loginButtonDisabled = true;
+ }
+ this.error = '';
+ }
+
+ checkIAmNotARobot(newValue: boolean): void {
+ this.notARobot = newValue;
+ this.updateButtonVisibility();
+ }
+ /**
+ * Check the login writing rules
+ */
+ checkLogin(newValue: string): void {
+ console.error(`checkLogin: ${newValue}`);
+ this.login = newValue;
+ if (this.login === null) {
+ this.loginOK = false;
+ this.loginHelp = '';
+ this.updateButtonVisibility();
+ return;
+ }
+ if (this.login.length < 6) {
+ this.loginOK = false;
+ this.loginHelp = 'Need 6 characters';
+ this.loginType = 'Username/E-mail';
+ this.updateButtonVisibility();
+ return;
+ }
+ if (checkLoginValidity(this.login) === true) {
+ this.loginOK = true;
+ this.loginHelp = '';
+ this.loginType = 'Username';
+ } else if (checkEmailValidity(this.login) === true) {
+ this.loginOK = true;
+ this.loginHelp = '';
+ this.loginType = 'E-mail';
+ } else {
+ this.loginOK = false;
+ this.loginHelp = 'Not valid: characters, numbers, "_-." and email format: you@example.com';
+ }
+ this.updateButtonVisibility();
+ }
+
+ onRetreive(): void {
+ let self = this;
+ this.adminUserService
+ .retreivePassword(this.login)
+ .then(() => {
+ // go to the retreive page
+ self.router.navigate(['retreive']);
+ })
+ .catch(() => {
+ self.error = 'Wrong e-mail/login';
+ });
+ }
+ onCancel(): void {
+ this.locate.back();
+ }
+}
diff --git a/front/src/app/scene/help/help.html b/front/src/app/scene/help/help.html
new file mode 100644
index 0000000..8ed3453
--- /dev/null
+++ b/front/src/app/scene/help/help.html
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{error}}
+
+
diff --git a/front/src/app/scene/help/help.less b/front/src/app/scene/help/help.less
new file mode 100644
index 0000000..7ea206b
--- /dev/null
+++ b/front/src/app/scene/help/help.less
@@ -0,0 +1,69 @@
+.title {
+ //background-color: green;
+ font-size: 45px;
+ font-weight: bold;
+ line-height: 60px;
+ width: 100%;
+ align: left;
+ text-align: center;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
+ text-transform: uppercase;
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+}
+.item-home {
+ background-color: rgba(200, 200, 200, 0.5);
+ font-size: 20px;
+ height: 190px;
+ width: 200px;
+ margin: 5px;
+ padding: 0;
+ overflow: hidden;
+ // box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
+ box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.6);
+ line-height: normal;
+ border: none;
+ font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
+ font-weight: 500;
+ text-transform: uppercase;
+ letter-spacing: 0;
+ will-change: box-shadow;
+ outline: none;
+ cursor: pointer;
+ text-decoration: none;
+ text-align: center;
+ vertical-align: middle;
+ transition-duration: 0.4s;
+ float: left;
+ display: block;
+
+ h1 {
+ font-size: 24px;
+ }
+
+ &:hover {
+ background-color: rgba(200, 200, 200, 1);
+ //box-shadow: 0px 2px 4px 0 rgba(255, 0, 0, 0.6);
+ }
+
+ .material-icons {
+ vertical-align: middle;
+ }
+
+ .material-icons {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-12px,-12px)';
+ line-height: 24px;
+ width: 24px;
+ }
+}
+
+@media all and (min-width: 1310px) {
+ .colomn_mutiple {
+ width: ~'calc(210px * 5)';
+ margin: auto;
+ }
+}
diff --git a/front/src/app/scene/help/help.ts b/front/src/app/scene/help/help.ts
new file mode 100644
index 0000000..eba1c10
--- /dev/null
+++ b/front/src/app/scene/help/help.ts
@@ -0,0 +1,33 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+ selector: 'app-help',
+ templateUrl: './help.html',
+ styleUrls: ['./help.less'],
+})
+export class HelpScene implements OnInit {
+ page = '';
+
+ constructor(private route: ActivatedRoute) {}
+
+ ngOnInit() {
+ const page = this.route.snapshot.paramMap.get('page');
+ if (page == null) {
+ this.page = undefined;
+ } else {
+ this.page = page;
+ }
+ console.error(`MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM`);
+ console.error(`get parameter update: ${this.page}`);
+ console.error(`MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM`);
+ }
+
+ onSelectType(_event: any, _idSelected: number): void {}
+}
diff --git a/front/src/app/scene/home-unregistered/home-unregistered.html b/front/src/app/scene/home-unregistered/home-unregistered.html
new file mode 100644
index 0000000..00df84e
--- /dev/null
+++ b/front/src/app/scene/home-unregistered/home-unregistered.html
@@ -0,0 +1,13 @@
+Karso (SSO)
+
+ Generic interface for login of Kar environment (SSO)
+
+
+
+
+
+
+Karso (SSO)
+
+
diff --git a/front/src/app/scene/home-unregistered/home-unregistered.less b/front/src/app/scene/home-unregistered/home-unregistered.less
new file mode 100644
index 0000000..ec85d57
--- /dev/null
+++ b/front/src/app/scene/home-unregistered/home-unregistered.less
@@ -0,0 +1,107 @@
+.title {
+ font-size: 45px;
+ font-weight: bold;
+ line-height: 60px;
+ width: 100%;
+ text-align: center;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
+ text-transform: uppercase;
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+}
+
+@media all and (min-width: 1250px) {
+ .right {
+ width: 50%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 50%;
+ height: 100%;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ }
+ .global-help {
+ position: relative;
+ max-width: 500px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+@media all and (max-width: 1251px) {
+ .right {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ }
+ .global-help {
+ //position:relative;
+ //max-width:500px;
+ padding: 16px 32px 16px 32px;
+
+ //top: 50%;
+ //left: 50%;
+ //transform: ~"translate(0, -50%)";
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+
+.image {
+ background-repeat: no-repeat;
+ background-size: 45px;
+ /*background-attachment: fixed;*/
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ color: white;
+}
+
+.sso {
+ background-image: url('../../../assets/images/share.svg');
+}
+.service {
+ background-image: url('../../../assets/images/lan.svg');
+}
+.group {
+ background-image: url('../../../assets/images/group.svg');
+}
+.person {
+ background-image: url('../../../assets/images/person.svg');
+}
diff --git a/front/src/app/scene/home-unregistered/home-unregistered.ts b/front/src/app/scene/home-unregistered/home-unregistered.ts
new file mode 100644
index 0000000..8a16689
--- /dev/null
+++ b/front/src/app/scene/home-unregistered/home-unregistered.ts
@@ -0,0 +1,16 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-home-unregistered',
+ templateUrl: './home-unregistered.html',
+ styleUrls: ['./home-unregistered.less'],
+})
+export class HomeUnregisteredScene {
+ constructor() {}
+}
diff --git a/front/src/app/scene/home/home.html b/front/src/app/scene/home/home.html
new file mode 100644
index 0000000..ad4cb04
--- /dev/null
+++ b/front/src/app/scene/home/home.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+
+Karso (SSO)
+
+
diff --git a/front/src/app/scene/home/home.less b/front/src/app/scene/home/home.less
new file mode 100644
index 0000000..8e58a04
--- /dev/null
+++ b/front/src/app/scene/home/home.less
@@ -0,0 +1,94 @@
+.title {
+ font-size: 45px;
+ font-weight: bold;
+ line-height: 60px;
+ width: 100%;
+ text-align: center;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
+ text-transform: uppercase;
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+}
+
+@media all and (min-width: 1250px) {
+ .right {
+ width: 50%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 50%;
+ height: 100%;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ }
+ .global-help {
+ position: relative;
+ max-width: 500px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+@media all and (max-width: 1251px) {
+ .right {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ }
+ .global-help {
+ //position:relative;
+ //max-width:500px;
+ padding: 16px 32px 16px 32px;
+
+ //top: 50%;
+ //left: 50%;
+ //transform: ~"translate(0, -50%)";
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+
+.image {
+ background-repeat: no-repeat;
+ background-size: 45px;
+ /*background-attachment: fixed;*/
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ color: white;
+}
diff --git a/front/src/app/scene/home/home.ts b/front/src/app/scene/home/home.ts
new file mode 100644
index 0000000..829735b
--- /dev/null
+++ b/front/src/app/scene/home/home.ts
@@ -0,0 +1,53 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ApplicationService } from 'app/service';
+import { GetApplicationSmallnResponse, SpecificTokenResponse } from 'app/service/application';
+import { UserService } from 'common/service';
+
+@Component({
+ selector: 'app-home',
+ templateUrl: './home.html',
+ styleUrls: ['./home.less'],
+})
+export class HomeScene implements OnInit {
+ error = '';
+ dataList: GetApplicationSmallnResponse[];
+ constructor(private applicationService: ApplicationService, private userService: UserService) {}
+
+ ngOnInit() {
+ let self = this;
+ this.applicationService
+ .getApplicationsSmall()
+ .then((data: GetApplicationSmallnResponse[]) => {
+ self.dataList = data;
+ })
+ .catch(error => {
+ console.log(`fail to keep data : ${error}`);
+ });
+ }
+ onClick(_event: any, data: GetApplicationSmallnResponse): void {
+ //window.location.href = data.redirect;
+ let self = this;
+ this.applicationService
+ .getApplicationSpecificToken(data.name)
+ .then((result: SpecificTokenResponse) => {
+ self.transferToApplicationThatRequiredTheSSO2(result.url, result.jwt);
+ })
+ .catch((error: any) => {
+ console.error(`Can not retreive the application interface: ${error}`);
+ });
+ }
+
+ private transferToApplicationThatRequiredTheSSO2(url: string, token: string): void {
+ if (url.slice(-1) === '/') {
+ url = url.slice(0, -1);
+ }
+ let ssoApplicationReturnUrl = `${url}/aG9tZQ/${this.userService.getRememberMe()}/`;
+ window.location.href = ssoApplicationReturnUrl + token;
+ }
+}
diff --git a/front/src/app/scene/index.ts b/front/src/app/scene/index.ts
new file mode 100644
index 0000000..f8cf3cf
--- /dev/null
+++ b/front/src/app/scene/index.ts
@@ -0,0 +1,25 @@
+import { ChangePasswordScene } from './change-password/change-password';
+import { ErrorViewerScene } from './error-viewer/error-viewer';
+import { ForgotPasswordScene } from './forgot-password/forgot-password';
+import { HelpScene } from './help/help';
+import { HomeUnregisteredScene } from './home-unregistered/home-unregistered';
+import { HomeScene } from './home/home';
+import { SettingsScene } from './settings/settings';
+import { SignInScene } from './sign-in/sign-in';
+import { SignOutScene } from './sign-out/sign-out';
+import { SignUpScene } from './sign-up/sign-up';
+import { ValidateEmailScene } from './validate-email/validate-email';
+
+export {
+ ErrorViewerScene,
+ ForgotPasswordScene,
+ HelpScene,
+ HomeScene,
+ SignInScene,
+ SignUpScene,
+ SignOutScene,
+ ValidateEmailScene,
+ ChangePasswordScene,
+ SettingsScene,
+ HomeUnregisteredScene,
+};
diff --git a/front/src/app/scene/settings/settings.html b/front/src/app/scene/settings/settings.html
new file mode 100644
index 0000000..9ae2e2d
--- /dev/null
+++ b/front/src/app/scene/settings/settings.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
diff --git a/front/src/app/scene/settings/settings.less b/front/src/app/scene/settings/settings.less
new file mode 100644
index 0000000..49e539a
--- /dev/null
+++ b/front/src/app/scene/settings/settings.less
@@ -0,0 +1,151 @@
+.settings-title {
+ width: 80%;
+ border: solid;
+ border-width: 1px;
+ margin: auto;
+ padding: 10px 20px;
+
+ border-color: black;
+ border-radius: 10px 10px 0px 0px;
+ background-color: gray;
+
+ .group-title {
+ font-size: 24px;
+ font-weight: bold;
+ line-height: 24px;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-align: Left;
+ }
+ .group-description {
+ font-size: 16px;
+ line-height: 16px;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-align: Left;
+ }
+}
+
+.settings-elements {
+ width: 80%;
+ border: solid;
+ border-width: 0px 1px;
+ margin: auto;
+ padding: 10px 20px;
+
+ border-color: black;
+ border-radius: 0px;
+ background-color: lightgray;
+ vertical-align: middle;
+ text-align: Left;
+
+ .elem-hr {
+ width: 100%;
+ border-color: black;
+ border: dashed;
+ border-width: 1px 0 0 0;
+ margin: 10px auto;
+ }
+ .elem-checkbox {
+ font-size: 18px;
+ font-weight: bold;
+ margin: 0 10px 0 10px;
+ }
+ .elem-title {
+ font-size: 18px;
+ font-weight: bold;
+ margin: 0 10px 0 36px;
+ }
+ .elem-description {
+ font-size: 14px;
+ margin: 0 20px 10px 50px;
+ font-style: italic;
+ }
+ .elem-input {
+ font-size: 14px;
+ margin: 0 20px 10px 36px;
+ input {
+ width: 100%;
+ }
+ }
+}
+
+.settings-validation {
+ width: 80%;
+ border: solid;
+ border-width: 1px;
+ margin: auto;
+ padding: 10px 20px;
+
+ border-color: black;
+ border-radius: 0px 0px 10px 10px;
+ background-color: gray;
+}
+
+.title {
+ //background-color: green;
+ font-size: 45px;
+ font-weight: bold;
+ line-height: 60px;
+ width: 100%;
+ text-align: center;
+ vertical-align: middle;
+ margin: 10px 0 10px 0;
+ text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
+ text-transform: uppercase;
+ font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+}
+.item-home {
+ background-color: rgba(200, 200, 200, 0.5);
+ font-size: 20px;
+ height: 190px;
+ width: 200px;
+ margin: 5px;
+ padding: 0;
+ overflow: hidden;
+ // box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
+ box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.6);
+ line-height: normal;
+ border: none;
+ font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
+ font-weight: 500;
+ text-transform: uppercase;
+ letter-spacing: 0;
+ will-change: box-shadow;
+ outline: none;
+ cursor: pointer;
+ text-decoration: none;
+ text-align: center;
+ transition-duration: 0.4s;
+ float: left;
+ display: block;
+
+ h1 {
+ font-size: 24px;
+ }
+
+ &:hover {
+ background-color: rgba(200, 200, 200, 1);
+ //box-shadow: 0px 2px 4px 0 rgba(255, 0, 0, 0.6);
+ }
+
+ .material-icons {
+ vertical-align: middle;
+ }
+
+ .material-icons {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-12px,-12px)';
+ line-height: 24px;
+ width: 24px;
+ }
+}
+
+@media all and (min-width: 1310px) {
+ .colomn_mutiple {
+ width: ~'calc(210px * 5)';
+ margin: auto;
+ }
+}
diff --git a/front/src/app/scene/settings/settings.ts b/front/src/app/scene/settings/settings.ts
new file mode 100644
index 0000000..377c2d1
--- /dev/null
+++ b/front/src/app/scene/settings/settings.ts
@@ -0,0 +1,189 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SettingsService } from 'app/service';
+import {
+ isArrayOf,
+ isBoolean,
+ isInArray,
+ isNullOrUndefined,
+ isNumber,
+ isObject,
+ isOptionalArrayOf,
+ isOptionalOf,
+ isString,
+ isUndefined,
+} from 'common/utils';
+export enum SettingType {
+ TITLE = 'TITLE',
+ GROUP = 'GROUP',
+ LINE = 'LINE',
+ BOOLEAN = 'BOOLEAN',
+ STRING = 'STRING',
+ PASSWORD = 'PASSWORD',
+}
+export function isSettingType(data: any): data is SettingType {
+ return isInArray(data, ['TITLE', 'GROUP', 'LINE', 'BOOLEAN', 'STRING', 'PASSWORD']);
+}
+
+export interface SettingsItem {
+ // Type of the menu Node
+ type: SettingType;
+ // Displayed Title
+ title?: string;
+ // Description of the parameter
+ description?: string;
+ // Image to dsplay that describe the parameter
+ image?: string;
+ // If true the parameter is applied directly to the backend
+ directApply?: boolean;
+ // Parameter key to SET/GET
+ key?: string;
+ // Parameter key to SET/GET or the sub-menu
+ value?: SettingsItem[] | boolean | string | Number;
+ // whendata is change the value is set here:
+ newValue?: boolean | string | Number;
+}
+
+export function isSettingsItem(data: any): data is SettingsItem {
+ if (isNullOrUndefined(data)) {
+ return false;
+ }
+ if (!isObject(data)) {
+ return false;
+ }
+ if (!isSettingType(data.type)) {
+ return false;
+ }
+ if (!isOptionalOf(data.title, isString)) {
+ return false;
+ }
+ if (!isOptionalOf(data.description, isString)) {
+ return false;
+ }
+ if (!isOptionalOf(data.image, isString)) {
+ return false;
+ }
+ if (!isOptionalOf(data.directApply, isBoolean)) {
+ return false;
+ }
+ if (!isOptionalOf(data.key, isString)) {
+ return false;
+ }
+ if (
+ !isOptionalOf(data.value, isBoolean) &&
+ !isOptionalOf(data.value, isString) &&
+ !isOptionalOf(data.value, isNumber) &&
+ !isOptionalArrayOf(data.value, isSettingsItem)
+ ) {
+ return false;
+ }
+ if (
+ !isOptionalOf(data.newValue, isBoolean) &&
+ !isOptionalOf(data.newValue, isString) &&
+ !isOptionalOf(data.newValue, isNumber)
+ ) {
+ return false;
+ }
+ return true;
+}
+
+@Component({
+ selector: 'app-settings',
+ templateUrl: './settings.html',
+ styleUrls: ['./settings.less'],
+})
+export class SettingsScene implements OnInit {
+ page = '';
+
+ constructor(private settingService: SettingsService) {}
+ menu: SettingsItem = {
+ type: SettingType.TITLE,
+ title: 'Global SSO Management',
+ value: [
+ {
+ type: SettingType.GROUP,
+ title: 'Authentication:',
+ description: 'Manage the right of access to the web-services',
+ newValue: false,
+ value: [
+ {
+ type: SettingType.BOOLEAN,
+ title: 'Enable Sign-in',
+ description: 'Enable User to sign-in (only authorize administrators).',
+ key: 'SIGN_IN_ENABLE',
+ value: true,
+ },
+ {
+ type: SettingType.LINE,
+ },
+ {
+ type: SettingType.BOOLEAN,
+ title: 'Enable Sign-up',
+ description: 'Enable unregister user to sign-up (register) on this web-site.',
+ key: 'SIGN_UP_ENABLE',
+ value: false,
+ },
+ {
+ type: SettingType.STRING,
+ title: 'Sign-up e-mail filter',
+ description: 'Specify the e-mail filtering to sign-up (regex).',
+ key: 'SIGN_UP_FILTER',
+ value: '^.*$',
+ },
+ {
+ type: SettingType.BOOLEAN,
+ title: 'e-mail validation required',
+ description: 'Force-user to validate his e-mail to access on service.',
+ key: 'EMAIL_VALIDATION_REQUIRED',
+ value: false,
+ },
+ ],
+ },
+ ],
+ };
+ ngOnInit() {
+ this.settingService
+ .gets(['SIGN_IN_ENABLE', 'SIGN_UP_ENABLE', 'SIGN_UP_FILTER', 'EMAIL_VALIDATION_REQUIRED'])
+ .then((response: object) => {
+ console.log(`??? get full response: ${JSON.stringify(response, null, 4)}`);
+ })
+ .catch((error: any) => {
+ console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+ });
+ }
+
+ onSelectType(_event: any, _idSelected: number): void {}
+ changeValueElement(newValue: string, elem: SettingsItem, parent: SettingsItem): void {
+ if (elem.value === newValue) {
+ elem.newValue = undefined;
+ this.updateSendNeeded(parent);
+ return;
+ }
+ elem.newValue = newValue;
+ this.updateSendNeeded(parent);
+ }
+ updateSendNeeded(parent: SettingsItem) {
+ if (isNullOrUndefined(parent.value)) {
+ return;
+ }
+ if (!isArrayOf(parent.value, isSettingsItem)) {
+ console.log('Error Can not convert type setting menu');
+ return;
+ }
+ let needUpdate = false;
+ for (let elem of parent.value) {
+ if (!isUndefined(elem.newValue)) {
+ needUpdate = true;
+ break;
+ }
+ }
+ parent.newValue = needUpdate;
+ }
+ onUpdate(parent: SettingsItem) {}
+}
diff --git a/front/src/app/scene/sign-in/sign-in.html b/front/src/app/scene/sign-in/sign-in.html
new file mode 100644
index 0000000..93fbcfb
--- /dev/null
+++ b/front/src/app/scene/sign-in/sign-in.html
@@ -0,0 +1,60 @@
+{{menu.title}}
+
+
+
+
+
+
+
+ {{data.title}}
+ {{data.description}}
+
+
+
+
+
+
+
+
+
+
+
+ {{elem.title}}
+
+ {{elem.description}}
+
+
+ {{elem.title}}:
+ {{elem.description}}
+
+
+
+
+
+ {{elem.title}}
+ {{elem.description}}
+
+
+
+
+
+
+
+
diff --git a/front/src/app/scene/sign-in/sign-in.less b/front/src/app/scene/sign-in/sign-in.less
new file mode 100644
index 0000000..1638869
--- /dev/null
+++ b/front/src/app/scene/sign-in/sign-in.less
@@ -0,0 +1,107 @@
+.full {
+ width: 100%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+}
+
+input[type='text'],
+input[type='password'] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+}
+
+.login {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.cancel {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.imgContainer {
+ text-align: center;
+ margin: 15px 0 0 0;
+}
+.containerCenter {
+ text-align: center;
+}
+
+img.avatar {
+ width: 150px;
+ border-radius: 50%;
+}
+
+.container-global {
+ padding: 16px 32px 16px 32px;
+}
+
+.container {
+ padding: 16px 0 0 0;
+}
+
+span.psw {
+ float: right;
+ padding-top: 16px;
+}
+
+.forgot {
+ color: #00b;
+ font-size: 14px;
+ float: right;
+ buttum: 0;
+ line-height: 24px;
+}
+.error {
+ background-color: #f44336;
+ position: absolute;
+ z-index: 10;
+ display: block;
+ max-width: 450px;
+ padding: 5px 8px;
+ margin: 2px 0 0;
+ font-size: 16px;
+ font-weight: 400;
+ border-style: solid;
+ border-width: 0px;
+ box-sizing: border-box;
+
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 25px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ }
+
+ &:after {
+ border-bottom-color: #f44336;
+ border-width: 10px;
+ margin-left: -10px;
+ }
+}
+
+.container-global {
+ position: relative;
+ max-width: 400px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.9);
+}
diff --git a/front/src/app/scene/sign-in/sign-in.ts b/front/src/app/scene/sign-in/sign-in.ts
new file mode 100644
index 0000000..964f449
--- /dev/null
+++ b/front/src/app/scene/sign-in/sign-in.ts
@@ -0,0 +1,174 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Location } from '@angular/common';
+import { SessionService } from 'common/service';
+import { checkEmailValidity, checkLoginValidity, checkPasswordValidity, createLoginState, createPasswordState, getLoginType, isNullOrUndefined } from 'common/utils';
+import { AdminUserService, ApplicationService } from 'app/service';
+import { SpecificTokenResponse } from 'app/service/application';
+
+
+@Component({
+ selector: 'app-sign-in',
+ templateUrl: './sign-in.html',
+ styleUrls: ['./sign-in.less'],
+})
+export class SignInScene implements OnInit {
+ public loginState: boolean|string = false;
+ public login: string = '';
+
+ public passwordState: boolean|string = false;
+ public password: string = '';
+
+ public loginButtonDisabled: boolean = true;
+
+ public error: string = '';
+ public loginType: string = 'Username/E-mail';
+
+ public rememberMe: boolean = true;
+ public loginButtonIsClicked: boolean = false;
+
+ private ssoApplicationId: string | undefined;
+ private ssoReturnData: string | undefined;
+ private ssoApplicationReturnUrl: string | undefined;
+ public ssoReady: boolean = true;
+
+ constructor(
+ private router: Router,
+ private route: ActivatedRoute,
+ private locate: Location,
+ private sessionService: SessionService,
+ private applicationService: ApplicationService,
+ private adminUserService: AdminUserService
+ ) {}
+
+ ngOnInit() {
+ const ssoApplicationId = this.route.snapshot.paramMap.get('applicationId');
+ if (isNullOrUndefined(ssoApplicationId)) {
+ this.ssoApplicationId = undefined;
+ } else {
+ this.ssoApplicationId = ssoApplicationId;
+ }
+ const ssoReturnData = this.route.snapshot.paramMap.get('dataReturn');
+ if (isNullOrUndefined(ssoReturnData)) {
+ this.ssoReturnData = undefined;
+ } else {
+ this.ssoReturnData = ssoReturnData;
+ }
+ // TODO: check auto-reconnection !!!
+ let self = this;
+ if (this.sessionService.islogged() == true && self.loginButtonIsClicked === false) {
+ // in theory it is the inly one case possible, the system loading page after retreiving session ....
+ if (!isNullOrUndefined(self.ssoApplicationId)) {
+ // detect an auto-relog...
+ self.transferToApplicationThatRequiredTheSSO();
+ }
+ } else {
+ this.sessionService.change.subscribe(isConnected => {
+ console.log(
+ `receive event from session ...${isConnected} , ssoApplicationI=${self.ssoApplicationId}, loginButtonIsClicked=${self.loginButtonIsClicked}`
+ );
+ if (isConnected === true && self.loginButtonIsClicked === false) {
+ if (!isNullOrUndefined(self.ssoApplicationId)) {
+ // detect an auto-relog...
+ self.transferToApplicationThatRequiredTheSSO();
+ }
+ }
+ });
+ }
+ }
+
+ updateButtonVisibility(): void {
+ if (this.loginState === true && this.passwordState === true) {
+ this.loginButtonDisabled = false;
+ } else {
+ this.loginButtonDisabled = true;
+ }
+ this.error = '';
+ }
+
+ checkRememberMe(newValue: boolean): void {
+ this.rememberMe = newValue;
+ this.updateButtonVisibility();
+ }
+ /**
+ * Check the login writing rules
+ */
+ checkLogin(newValue: string): void {
+ this.login = newValue;
+ this.loginState = createLoginState(this.login);
+ this.loginType = getLoginType(this.login);
+ this.updateButtonVisibility();
+ }
+
+ /**
+ * Check the password writing rules
+ */
+ checkPassword(newValue: string): void {
+ this.password = newValue;
+ this.passwordState = createPasswordState(this.password);
+ this.updateButtonVisibility();
+ }
+
+ onLogin(): void {
+ this.loginButtonIsClicked = true;
+ let self = this;
+ this.adminUserService
+ .login(this.login, this.password, this.rememberMe)
+ .then(() => {
+ // go to the home page
+ //console.log(`Request Sign-in for other application ... ==> ${self.ssoApplicationId}`);
+ if (!isNullOrUndefined(self.ssoApplicationId)) {
+ self.transferToApplicationThatRequiredTheSSO();
+ } else {
+ self.router.navigate(['home']);
+ }
+ })
+ .catch((error: any) => {
+ self.error = `Wrong e-mail/login or password: ${error}`;
+ });
+ }
+ private transferToApplicationThatRequiredTheSSO(): void {
+ let self = this;
+ this.applicationService
+ .getApplicationSpecificToken(this.ssoApplicationId)
+ .then((result: SpecificTokenResponse) => {
+ self.transferToApplicationThatRequiredTheSSO2(result.url, result.jwt);
+ })
+ .catch((error: any) => {
+ self.error = `Can not retreive the application interface`;
+ });
+ }
+
+ private transferToApplicationThatRequiredTheSSO2(url: string, token: string): void {
+ if (url.slice(-1) === '/') {
+ url = url.slice(0, -1);
+ }
+ if (isNullOrUndefined(this.ssoReturnData)) {
+ this.ssoApplicationReturnUrl = `${url}/aG9tZQ/${this.rememberMe}/`;
+ } else {
+ this.ssoApplicationReturnUrl = `${url}/${this.ssoReturnData}/${this.rememberMe}/`;
+ }
+ //console.log(`generate in new URL: ${this.ssoApplicationReturnUrl + token}`);
+ //this.router.navigate([ this.ssoApplicationReturnUrl+"aBeautifullToken" ], { replaceUrl: true });
+ window.location.href = this.ssoApplicationReturnUrl + token;
+ }
+
+ onCancel(): void {
+ //console.log(`onCancel ... '${ this.login }':'${ this.password }'`);
+ // go to the home page
+ if (this.ssoApplicationId !== undefined) {
+ //this.ssoApplicationReturnUrl = this.generateBaseSSOReturn(this.ssoApplicationId, this.rememberMe);
+ //window.location.href = this.ssoApplicationReturnUrl + "__CANCEL__";
+ // we can not do it anymore ==> need to be logged to know the remotre adresses !!! Otherwise it is a "security fail"
+ this.router.navigate(['home']);
+ } else {
+ this.locate.back();
+ }
+ }
+}
diff --git a/front/src/app/scene/sign-out/sign-out.html b/front/src/app/scene/sign-out/sign-out.html
new file mode 100644
index 0000000..05ecde5
--- /dev/null
+++ b/front/src/app/scene/sign-out/sign-out.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{error}}
+
+
diff --git a/front/src/app/scene/sign-out/sign-out.less b/front/src/app/scene/sign-out/sign-out.less
new file mode 100644
index 0000000..1638869
--- /dev/null
+++ b/front/src/app/scene/sign-out/sign-out.less
@@ -0,0 +1,107 @@
+.full {
+ width: 100%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+}
+
+input[type='text'],
+input[type='password'] {
+ width: 100%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+}
+
+.login {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.cancel {
+ margin: 2% 2%;
+ width: 45%;
+}
+
+.imgContainer {
+ text-align: center;
+ margin: 15px 0 0 0;
+}
+.containerCenter {
+ text-align: center;
+}
+
+img.avatar {
+ width: 150px;
+ border-radius: 50%;
+}
+
+.container-global {
+ padding: 16px 32px 16px 32px;
+}
+
+.container {
+ padding: 16px 0 0 0;
+}
+
+span.psw {
+ float: right;
+ padding-top: 16px;
+}
+
+.forgot {
+ color: #00b;
+ font-size: 14px;
+ float: right;
+ buttum: 0;
+ line-height: 24px;
+}
+.error {
+ background-color: #f44336;
+ position: absolute;
+ z-index: 10;
+ display: block;
+ max-width: 450px;
+ padding: 5px 8px;
+ margin: 2px 0 0;
+ font-size: 16px;
+ font-weight: 400;
+ border-style: solid;
+ border-width: 0px;
+ box-sizing: border-box;
+
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 25px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ }
+
+ &:after {
+ border-bottom-color: #f44336;
+ border-width: 10px;
+ margin-left: -10px;
+ }
+}
+
+.container-global {
+ position: relative;
+ max-width: 400px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.9);
+}
diff --git a/front/src/app/scene/sign-out/sign-out.ts b/front/src/app/scene/sign-out/sign-out.ts
new file mode 100644
index 0000000..a36fdc1
--- /dev/null
+++ b/front/src/app/scene/sign-out/sign-out.ts
@@ -0,0 +1,107 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Location } from '@angular/common';
+import { UserService } from 'common/service/user';
+import { isNullOrUndefined } from 'common/utils';
+import { AdminUserService, ApplicationService } from 'app/service';
+import { SpecificReturnResponse } from 'app/service/application';
+
+export function checkLoginValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.-]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+export function checkEmailValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.@-]+@[a-zA-Z0-9_\\.-]+\\.[a-zA-Z]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+export function checkPasswordValidity(value: string): boolean {
+ let regexCheck = new RegExp('^[a-zA-Z0-9_\\.@ %:;,=}{\\?\\!\\*\\+\\(\\)\\[\\]\\|&#%~/\\\\\\<\\>-£€]+$');
+ if (regexCheck.test(value)) {
+ return true;
+ }
+ return false;
+}
+
+@Component({
+ selector: 'app-sign-out',
+ templateUrl: './sign-out.html',
+ styleUrls: ['./sign-out.less'],
+})
+export class SignOutScene implements OnInit {
+ private ssoApplicationId: string | undefined;
+ private ssoReturnData: string | undefined;
+ private ssoApplicationReturnUrl: string | undefined;
+
+ constructor(
+ private router: Router,
+ private route: ActivatedRoute,
+ private locate: Location,
+ private userService: UserService,
+ private applicationService: ApplicationService,
+ private adminUserService: AdminUserService
+ ) {}
+
+ ngOnInit() {
+ const ssoApplicationId = this.route.snapshot.paramMap.get('applicationId');
+ if (ssoApplicationId == null) {
+ this.ssoApplicationId = undefined;
+ } else {
+ this.ssoApplicationId = ssoApplicationId;
+ }
+ const ssoReturnData = this.route.snapshot.paramMap.get('dataReturn');
+ if (ssoReturnData == null) {
+ this.ssoReturnData = undefined;
+ } else {
+ this.ssoReturnData = ssoReturnData;
+ }
+ /*
+ console.error(`MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM`);
+ console.error(`get parameter update: ${this.ssoApplicationId}`);
+ console.error(`get parameter update: ${this.ssoReturnData}`);
+ console.error(`MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM`);
+ */
+ this.logout();
+ }
+
+ logout(): void {
+ let self = this;
+ if (isNullOrUndefined(self.ssoApplicationId)) {
+ this.userService.removeSession();
+ this.router.navigate(['home']);
+ } else {
+ this.applicationService
+ .getApplicationReturn(this.ssoApplicationId)
+ .then((result: SpecificReturnResponse) => {
+ self.transferToApplicationThatRequiredTheSSO2(result.url);
+ })
+ .catch((error: any) => {
+ // TODO: self.error = `Can not retreive the application interface`;
+ this.userService.removeSession();
+ this.router.navigate(['home']);
+ });
+ }
+ }
+
+ private transferToApplicationThatRequiredTheSSO2(url: string): void {
+ // TODO: redirect sso caller after getting an application specific token ...
+ if (url.slice(-1) === '/') {
+ url = url.slice(0, -1);
+ }
+ this.userService.removeSession();
+ window.location.href = `${url}/${this.ssoReturnData}/false/__LOGOUT__`;
+ }
+}
diff --git a/front/src/app/scene/sign-up/sign-up.html b/front/src/app/scene/sign-up/sign-up.html
new file mode 100644
index 0000000..346ac0c
--- /dev/null
+++ b/front/src/app/scene/sign-up/sign-up.html
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front/src/app/scene/sign-up/sign-up.less b/front/src/app/scene/sign-up/sign-up.less
new file mode 100644
index 0000000..5d76429
--- /dev/null
+++ b/front/src/app/scene/sign-up/sign-up.less
@@ -0,0 +1,217 @@
+.sso {
+ background-image: url('../../../assets/images/share.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ /*background-attachment: fixed;*/
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ color: white;
+}
+
+.comment {
+ background-image: url('../../../assets/images/comments.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ /*background-attachment: fixed;*/
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ color: white;
+}
+.time {
+ background-image: url('../../../assets/images/time.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ /*background-attachment: fixed;*/
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ color: white;
+}
+
+input[type='text'],
+input[type='password'] {
+ width: 100%;
+ padding: 12px 35px 12px 15px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+}
+
+@media all and (min-width: 1250px) {
+ .right {
+ width: 50%;
+ height: 100%;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 50%;
+ height: 100%;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ }
+ .global-help {
+ position: relative;
+ max-width: 500px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+@media all and (max-width: 1251px) {
+ .right {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: right;
+ display: block;
+ }
+ .left {
+ width: 100%;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+ visibility: hidden;
+ }
+ .global-help {
+ //position:relative;
+ //max-width:500px;
+ padding: 16px 32px 16px 32px;
+
+ //top: 50%;
+ //left: 50%;
+ //transform: ~"translate(0, -50%)";
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: left;
+ line-height: 200%;
+ }
+}
+.full-mode {
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+}
+
+.container-global {
+ position: relative;
+ max-width: 400px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: ~'translate(-50%, -50%)';
+ box-shadow: 0px 8px 20px 0 rgba(0, 0, 0, 0.9);
+}
+
+.container {
+ padding: 16px 0 0 0;
+}
+
+.containerCenter {
+ text-align: center;
+}
+
+span.psw {
+ float: right;
+ padding-top: 16px;
+}
+
+.help {
+ color: #e44;
+ font-size: 14px;
+}
+
+.forgot {
+ color: #00b;
+ font-size: 14px;
+ float: right;
+ bottom: 0;
+ line-height: 24px;
+}
+
+.commmon-policy {
+ font-size: 13px;
+ font-weight: 300;
+ text-align: center;
+}
+.icon-right-load {
+ background: white url('../../../assets/images/load.svg') right no-repeat;
+ background-size: 35px;
+ padding-right: 17px;
+}
+.icon-right-validate {
+ background: white url('../../../assets/images/validate.svg') right no-repeat;
+ background-size: 35px;
+ padding-right: 17px;
+}
+.icon-right-not-validate {
+ background: white url('../../../assets/images/validate-not.svg') right no-repeat;
+ background-size: 35px;
+ padding-right: 17px;
+}
+.error {
+ background-color: #f44336;
+ position: absolute;
+ z-index: 10;
+ display: block;
+ max-width: 450px;
+ padding: 5px 8px;
+ margin: 2px 0 0;
+ font-size: 16px;
+ font-weight: 400;
+ border-style: solid;
+ border-width: 0px;
+ box-sizing: border-box;
+
+ &:after,
+ &:before {
+ bottom: 100%;
+ left: 25px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ }
+
+ &:after {
+ border-bottom-color: #f44336;
+ border-width: 10px;
+ margin-left: -10px;
+ }
+}
diff --git a/front/src/app/scene/sign-up/sign-up.ts b/front/src/app/scene/sign-up/sign-up.ts
new file mode 100644
index 0000000..e04e851
--- /dev/null
+++ b/front/src/app/scene/sign-up/sign-up.ts
@@ -0,0 +1,238 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { SSOService, UserService } from 'common/service';
+import { AdminUserService } from 'app/service';
+import { checkLoginValidity, checkEmailValidity, checkPasswordValidity } from '../forgot-password/forgot-password';
+
+@Component({
+ selector: 'app-sign-up',
+ templateUrl: './sign-up.html',
+ styleUrls: ['./sign-up.less'],
+})
+export class SignUpScene implements OnInit {
+ private signUpIconWrong: string = 'icon-right-not-validate';
+ private signUpIconWait: string = 'icon-right-load';
+ private signUpIconRight: string = 'icon-right-validate';
+
+ public login: string = '';
+ public loginOK: boolean = false;
+ public loginHelp: string = '';
+ public loginIcon: string = '';
+
+ public email: string = '';
+ public emailOK: boolean = false;
+ public emailHelp: string = '';
+ public emailIcon: string = '';
+
+ public password: string = '';
+ public passOK: boolean = false;
+ public passHelp: string = '';
+ public passIcon: string = '';
+
+ public signUpButtonDisabled: boolean = true;
+ public error: string = '';
+
+ public rememberMe: boolean = true;
+ public signUpEnable: boolean = true;
+
+ constructor(
+ private userService: UserService,
+ private router: Router,
+ private ssoService: SSOService,
+ private adminUserService: AdminUserService
+ ) {
+ this.signUpEnable = false;
+ }
+
+ ngOnInit() {
+ let self = this;
+ this.signUpEnable = false;
+ this.ssoService
+ .checkSignUpEnable()
+ .then((value: boolean) => {
+ console.log(`Get value signUp = ${value}`);
+ self.signUpEnable = value;
+ })
+ .catch((error: any) => {
+ self.error = `Can not call the sso to check the sign-up_interface: ${error}`;
+ });
+ }
+
+ updateButtonVisibility(): void {
+ if (this.loginOK === true && this.passOK === true && this.emailOK === true) {
+ this.signUpButtonDisabled = false;
+ } else {
+ this.signUpButtonDisabled = true;
+ }
+ this.error = '';
+ }
+ checkLogin(newValue: string): void {
+ // this.userService.loginSha("loooogin", "ekljkj", true);
+ this.login = newValue;
+ if (this.login === null || this.login.length === 0) {
+ this.loginOK = false;
+ this.loginIcon = '';
+ //this.loginIcon = this.signUpIconWrong;
+ this.loginHelp = '';
+ this.updateButtonVisibility();
+ return;
+ }
+ if (this.login.length < 6) {
+ this.loginOK = false;
+ this.loginHelp = 'Need 6 characters';
+ this.loginIcon = this.signUpIconWrong;
+ this.updateButtonVisibility();
+ return;
+ }
+ if (checkLoginValidity(this.login) === true) {
+ this.loginOK = false;
+ // this.loginHelp = "check in progress...";
+ this.loginIcon = this.signUpIconWait;
+ let self = this;
+ this.adminUserService
+ .checkLogin(this.login)
+ .then((isNotUsed: boolean) => {
+ // check if the answer is correct with the question
+ if (newValue !== self.login) {
+ return;
+ }
+ if (isNotUsed === false) {
+ // the login exist ... ==> it is found...
+ self.loginOK = false;
+ self.loginHelp = 'Login already used ...';
+ self.loginIcon = self.signUpIconWrong;
+ self.updateButtonVisibility();
+ } else {
+ self.loginOK = true;
+ self.loginHelp = '';
+ self.loginIcon = self.signUpIconRight;
+ self.updateButtonVisibility();
+ return;
+ }
+ })
+ .catch((error: number) => {
+ console.log(`Status ${error}`);
+ self.loginOK = false;
+ self.loginHelp = 'ErrorOccured in fetching data ...';
+ self.loginIcon = self.signUpIconWrong;
+ self.updateButtonVisibility();
+ });
+ } else {
+ this.loginOK = false;
+ this.loginHelp = 'Not valid: characters, numbers and "_-."';
+ }
+ this.updateButtonVisibility();
+ }
+
+ checkEmail(newValue: string): void {
+ this.email = newValue;
+ if (this.email === null || this.email.length === 0) {
+ this.emailOK = false;
+ this.updateButtonVisibility();
+ this.emailIcon = '';
+ this.emailHelp = '';
+ return;
+ }
+ if (this.email.length < 6) {
+ this.emailOK = false;
+ this.emailHelp = 'Need 6 characters';
+ this.updateButtonVisibility();
+ this.passIcon = '';
+ this.emailIcon = this.signUpIconWrong;
+ return;
+ }
+ if (checkEmailValidity(this.email) === true) {
+ this.emailOK = false;
+ this.emailHelp = '';
+ // this.loginHelp = "check in progress...";
+ this.emailIcon = this.signUpIconWait;
+ let self = this;
+ this.adminUserService.checkEMail(this.email).then(
+ (isNotUsed: boolean) => {
+ // check if the answer is correct with the question
+ if (newValue !== self.email) {
+ return;
+ }
+ if (isNotUsed === false) {
+ // the email exist ... ==> it is found...
+ self.emailOK = false;
+ self.emailHelp = 'email already used ...';
+ self.emailIcon = self.signUpIconWrong;
+ self.updateButtonVisibility();
+ } else {
+ self.emailOK = true;
+ self.emailHelp = '';
+ self.emailIcon = self.signUpIconRight;
+ self.updateButtonVisibility();
+ return;
+ }
+ },
+ (error: number) => {
+ console.log(`Status ${error}`);
+ self.emailOK = false;
+ self.emailHelp = 'ErrorOccured in fetching data ...';
+ self.emailIcon = self.signUpIconWrong;
+ self.updateButtonVisibility();
+ }
+ );
+ } else {
+ this.emailOK = false;
+ this.emailHelp = 'Not valid: characters, numbers, "_-." and email format: you@example.com';
+ }
+ this.updateButtonVisibility();
+ }
+
+ checkPassword(newValue: string): void {
+ this.password = newValue;
+ //console.log(`ooooooooooooooo ${ this.password}`);
+ if (this.password === null) {
+ this.passOK = false;
+ this.passHelp = '';
+ this.updateButtonVisibility();
+ return;
+ }
+ if (this.password.length < 6) {
+ this.passOK = false;
+ this.passHelp = 'Need 6 characters';
+ } else if (checkPasswordValidity(this.password) === true) {
+ this.passOK = true;
+ this.passHelp = '';
+ } else {
+ this.passOK = false;
+ this.passHelp = 'Not valid: characters, numbers and "_-:;.,?!*+=}{([|)]% @&~#/\\<>"';
+ }
+ this.updateButtonVisibility();
+ }
+ onSignUp(): void {
+ console.log('Validate ... ');
+ if (this.signUpButtonDisabled === true) {
+ // ... notify user ...
+ console.log('Not permited action ... ==> control does not validate this action ...');
+ return;
+ }
+ let self = this;
+ // disable the currect button
+ this.signUpButtonDisabled = true;
+ this.userService.create(this.login, this.email, this.password).then(
+ value => {
+ console.log('User created');
+ self.router.navigate(['login']);
+ // send a generic message in the pop-up enevts... self.emailHelp = "email already used ... (error 2)";
+ },
+ value => {
+ console.log('User NOT created');
+ // send a generic message in the pop-up enevts... self.emailHelp = "email already used ... (error 2)";
+ }
+ );
+ }
+ onCancel(): void {
+ console.log(`onCancel ... '${this.login}':'${this.password}'`);
+ // $rootScope.currentModal = "";
+ }
+}
diff --git a/front/src/app/scene/validate-email/validate-email.html b/front/src/app/scene/validate-email/validate-email.html
new file mode 100644
index 0000000..14006a0
--- /dev/null
+++ b/front/src/app/scene/validate-email/validate-email.html
@@ -0,0 +1,20 @@
+
+
diff --git a/front/src/app/scene/validate-email/validate-email.less b/front/src/app/scene/validate-email/validate-email.less
new file mode 100644
index 0000000..558e24c
--- /dev/null
+++ b/front/src/app/scene/validate-email/validate-email.less
@@ -0,0 +1,122 @@
+sign {
+ .full-back {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ right: 100;
+ background-color: #2b3137;
+
+ background-image: url('../../../assets/images/ikon_gray.svg');
+ background-repeat: no-repeat;
+ /*
+ background-size: contain;
+ */
+ background-size: 80%;
+ background-attachment: fixed;
+ background-position: 50% 50%;
+
+ z-index: -1;
+ }
+
+ .left {
+ width: 50%;
+ height: 100%;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ float: left;
+ display: block;
+
+ color: white;
+
+ .comment {
+ background-image: url('../../../assets/images/comments.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ background-attachment: fixed;
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ }
+ .share {
+ background-image: url('../../../assets/images/share.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ background-attachment: fixed;
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ }
+ .forget {
+ background-image: url('../../../assets/images/erase.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ background-attachment: fixed;
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ }
+ .time {
+ background-image: url('../../../assets/images/time.svg');
+ background-repeat: no-repeat;
+ background-size: 45px;
+ background-attachment: fixed;
+ background-position: 0% 50%;
+ padding: 0 0 0 58px;
+ margin: 17px 0 17px 0;
+ text-shadow: 0px 0px 4px #2b3137;
+ }
+ }
+
+ .global-help {
+ color: white;
+ text-shadow: 0px 0px 4px #2b3137;
+ position: relative;
+ max-width: 500px;
+ padding: 16px 32px 16px 32px;
+
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ font-size: 30px;
+
+ font-weight: 600;
+ text-align: center;
+ line-height: 200%;
+ .big-one {
+ font-size: 90px;
+ }
+ }
+ .sender {
+ position: fixed;
+ display: block;
+ float: buttom;
+ top: 80%;
+ left: 50%;
+ transform: translate(-50%, 0%);
+ //background-color: #4CAF50;
+ //padding: 14px 20px;
+ margin: 1%;
+ vertical-align: middle;
+ width: 350px;
+ }
+ .last-update {
+ position: fixed;
+ display: block;
+ float: buttom;
+ top: 90%;
+ left: 50%;
+ transform: translate(-50%, 0%);
+ //background-color: transparent;
+ //background-color: #2b3137;
+ //padding: 14px 20px;
+ margin: 1%;
+ vertical-align: middle;
+ width: 350px;
+ color: white;
+ }
+}
diff --git a/front/src/app/scene/validate-email/validate-email.ts b/front/src/app/scene/validate-email/validate-email.ts
new file mode 100644
index 0000000..c72d724
--- /dev/null
+++ b/front/src/app/scene/validate-email/validate-email.ts
@@ -0,0 +1,253 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+ selector: 'app-validate-email',
+ templateUrl: './validate-email.html',
+ styleUrls: ['./validate-email.less'],
+})
+export class ValidateEmailScene implements OnInit {
+ constructor(private route: ActivatedRoute) {}
+
+ ngOnInit() {
+ //this.arianeService.updateManual(this.route.snapshot.paramMap);
+ }
+
+ onSend() {}
+ onCheck() {}
+}
+
+/*
+
+
+app.controller("controlerValidateEmail", function($scope, $http, $rootScope, AuthService) {
+ $scope.sendButtonDisabled = false;
+ $scope.syncButtonDisabled = false;
+ $scope.error = "";
+
+ $scope.rememberMe = true;
+
+ $rootScope.currentModalCanRemove = true;
+
+ $scope.updateButtonVisibility = function() {
+ if ( $scope.loginOK == true
+ && $scope.passOK == true
+ && $scope.emailOK == true) {
+ $scope.signUpButtonDisabled = false;
+ } else {
+ $scope.signUpButtonDisabled = true;
+ }
+ $scope.error = "";
+ }
+
+ $scope.checkLogin = function() {
+ if ( $scope.login == null
+ || $scope.login.length == 0) {
+ $scope.loginOK = false;
+ $scope.loginIcon = "";
+ $scope.loginHelp = "";
+ $scope.updateButtonVisibility();
+ return;
+ }
+ if ($scope.login.length < 6) {
+ $scope.loginOK = false;
+ $scope.loginHelp = "Need 6 characters";
+ $scope.loginIcon = "";
+ $scope.updateButtonVisibility();
+ return;
+ }
+ if (checkLoginValidity($scope.login) == true) {
+ $scope.loginOK = false;
+ //$scope.loginHelp = "check in progress...";
+ $scope.loginIcon = signUp_iconWait;
+ let data = {
+ "login": $scope.login
+ }
+ let connectionAdresse = createRESTCall("user/check/login");
+ let config = {
+ params: data
+ };
+ let tmpLogin = "" + $scope.login;
+ console.log("call " + connectionAdresse + " data=" + JSON.stringify(data, null, 2));
+ $http.get(connectionAdresse, config)
+ .then(function(response) {
+ // check if the answer is correct with the question
+ if (tmpLogin !== $scope.login) {
+ return;
+ }
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ if (response.status == 200) {
+ // the login exist ... ==> it is found...
+ $scope.loginOK = false;
+ $scope.loginHelp = "Login already used ...";
+ $scope.loginIcon = signUp_iconWrong;
+ return;
+ }
+ $scope.loginOK = false;
+ $scope.loginHelp = "Login already used ... (error 2)";
+ }, function(response) {
+ // check if the answer is correct with the question
+ if (tmpLogin !== $scope.login) {
+ return;
+ }
+ if (response.status == 404) {
+ $scope.loginOK = true;
+ $scope.loginHelp = "";
+ $scope.loginIcon = signUp_iconRight;
+ return;
+ }
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ $scope.loginOK = false;
+ $scope.loginHelp = "Login already used ...";
+ $scope.loginIcon = signUp_iconWrong;
+ });
+ } else {
+ $scope.loginOK = false;
+ $scope.loginHelp = 'Not valid: characters, numbers and "_-."';
+ }
+ $scope.updateButtonVisibility();
+ }
+
+ $scope.checkEmail = function() {
+ if ( $scope.email == null
+ || $scope.email.length == 0) {
+ $scope.emailOK = false;
+ $scope.updateButtonVisibility();
+ $scope.emailIcon = "";
+ $scope.emailHelp = "";
+ return;
+ }
+ if ($scope.email.length < 6) {
+ $scope.emailOK = false;
+ $scope.emailHelp = "Need 6 characters";
+ $scope.updateButtonVisibility();
+ $scope.passIcon = "";
+ return;
+ }
+ if (checkEmailValidity($scope.email) == true) {
+ $scope.emailOK = true;
+ $scope.emailHelp = "";
+ //$scope.loginHelp = "check in progress...";
+ $scope.emailIcon = signUp_iconWait;
+ let data = {
+ "e-mail": $scope.email
+ }
+ let connectionAdresse = createRESTCall("user/check/email");
+ let config = {
+ params: data
+ };
+ let tmpEmail = "" + $scope.email;
+ console.log("call " + connectionAdresse + " data=" + JSON.stringify(data, null, 2));
+ $http.get(connectionAdresse, config)
+ .then(function(response) {
+ // check if the answer is correct with the question
+ if (tmpEmail !== $scope.email) {
+ return;
+ }
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ if (response.status == 200) {
+ // the email exist ... ==> it is found...
+ $scope.emailOK = false;
+ $scope.emailHelp = "email already used ...";
+ $scope.emailIcon = signUp_iconWrong;
+ return;
+ }
+ $scope.emailOK = false;
+ $scope.emailHelp = "email already used ... (error 2)";
+ }, function(response) {
+ // check if the answer is correct with the question
+ if (tmpEmail !== $scope.email) {
+ return;
+ }
+ if (response.status == 404) {
+ $scope.emailOK = true;
+ $scope.emailHelp = "";
+ $scope.emailIcon = signUp_iconRight;
+ return;
+ }
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ $scope.emailOK = false;
+ $scope.emailHelp = "email already used ...";
+ $scope.emailIcon = signUp_iconWrong;
+ });
+ } else {
+ $scope.emailOK = false;
+ $scope.emailHelp = 'Not valid: characters, numbers, "_-." and email format: you@example.com';
+ }
+ $scope.updateButtonVisibility();
+ }
+
+ $scope.checkPassword = function() {
+ if ($scope.password == null) {
+ $scope.passOK = false;
+ $scope.passHelp = "";
+ $scope.updateButtonVisibility();
+ return;
+ }
+ if ($scope.password.length < 6) {
+ $scope.passOK = false;
+ $scope.passHelp = "Need 6 characters";
+ } else {
+ if (checkPasswordValidity($scope.password) == true) {
+ $scope.passOK = true;
+ $scope.passHelp = "";
+ } else {
+ $scope.passOK = false;
+ $scope.passHelp = 'Not valid: characters, numbers and "_-:;.,?!*+=}{([|)]% @&~#/\<>"';
+ }
+ }
+ $scope.updateButtonVisibility();
+ }
+ $scope.onSignUp = function() {
+ if ($scope.signUpButtonDisabled == true) {
+ // TODO: ... notify user ...
+ console.log("Not permited action ... ==> control does not validate this action ...");
+ return;
+ }
+ let data = {
+ "methode": "v0",
+ "login": $scope.login,
+ "e-mail": $scope.email,
+ "password": btoa(CryptoJS.SHA1($scope.password)) // btoa encode i base64
+ }
+ let connectionAdresse = createRESTCall("user/add");
+ let config = {
+ headers: {
+ "Content-Type": "application/json"
+ }
+ };
+ let tmpEmail = "" + $scope.email;
+ console.log("call " + connectionAdresse + " data=" + JSON.stringify(data, null, 2));
+ $http.post(connectionAdresse, data, config)
+ .then(function(response) {
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ if (response.status == 200) {
+
+ return;
+ }
+ $scope.emailOK = false;
+ $scope.emailHelp = "email already used ... (error 2)";
+ }, function(response) {
+ console.log("Status " + response.status);
+ console.log("data " + JSON.stringify(response.data, null, 2));
+ });
+ }
+ $scope.onCancel = function() {
+ console.log("onCancel ... '" + $scope.login + "':'" + $scope.password + "'");
+ $rootScope.currentModal = "";
+ }
+});
+
+
+*/
diff --git a/front/src/app/service/admin-user.ts b/front/src/app/service/admin-user.ts
new file mode 100644
index 0000000..9a6c072
--- /dev/null
+++ b/front/src/app/service/admin-user.ts
@@ -0,0 +1,218 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { Injectable } from '@angular/core';
+
+import {
+ SessionService,
+ StorageService,
+ HTTPMimeType,
+ HTTPRequestModel,
+ HttpWrapperService,
+ ModelResponseHttp,
+ UserService,
+} from 'common/service';
+import { sha512 } from 'common/utils';
+
+interface MessageLogIn {
+ login: string;
+ method: string;
+ time: string;
+ password: string;
+}
+
+interface MessageAnswer_USER_CONNECT {
+ sessionId: string;
+ login: string;
+ eMail: string;
+ role: string;
+ avatar: string;
+}
+
+@Injectable()
+export class AdminUserService {
+ // 0: Not hide password; 1 hide password;
+ private identificationVersion: number = 1;
+
+ constructor(private userService: UserService, private http: HttpWrapperService) {
+ console.log('Start AdminUserService');
+ }
+ /**
+ * Log-in with a clear password
+ * @param _login Loggin of the user (or e-mail)
+ * @param _password clear password to send at the Oauth server
+ * @returns promise on connection
+ */
+ login(_login: string, _password: string, rememberMe?: boolean): Promise
+
+
+
+
+ email
+
+ Waiting email validation ...
+