[DEV] continue right integration

back/src/org/kar/karso/WebLauncherLocal.java

@@ -2,6 +2,7 @@
 package org.kar.karso;
 
 import org.kar.archidata.util.ConfigBaseVariable;
+import org.kar.karso.util.ConfigVariable;
 
 public class WebLauncherLocal {
 	private WebLauncherLocal() {}
@@ -11,6 +12,8 @@ public class WebLauncherLocal {
 			// for local test:
 			ConfigBaseVariable.apiAdress = "http://0.0.0.0:15080/karso/api/";
 			ConfigBaseVariable.dbPort = "3306";
+			// create a unique key for test ==> not retrieve the token every load...
+			ConfigVariable.uuid_for_key_generation = "lkjlkjlkjlmkjqmwlsdkjqfsdlkf,nmQLSDK,NFMQLKSdjmlKQJSDMLQK,S;ndmLQKZNERMA,ÉL";
 			//ConfigBaseVariable.dbType = "sqlite";
 			//ConfigBaseVariable.dbHost = "./bdd_base.sqlite";
 			

back/src/org/kar/karso/api/ApplicationResource.java

@@ -47,6 +47,39 @@ public class ApplicationResource {
 	    }
 	    return out;
 	}
+	public List<Long> getListOfUsers(Long applicationId) {
+		List<Long> out = new ArrayList<>();
+		List<UserLinkApplication> links = null;
+	    try {
+	    	links = SqlWrapper.getsWhere(UserLinkApplication.class,
+	    			List.of(
+	    					new WhereCondition("application_id", "=", applicationId),
+	    					new WhereCondition("deleted", "=", 0)
+	    					), false);
+		} catch (Exception e) {
+			// TODO Auto-generated catch block
+			e.printStackTrace();
+			String result = "SERVER Internal error";
+			System.out.println("    result: " + result);
+			return out;
+		}
+	    System.out.println("Find list of user for an application :" + links);
+	    for (UserLinkApplication app : links) {
+	    	out.add(app.user_id);
+	    }
+	    return out;
+	}
+    
+    @GET
+    @Path("{id}/users")
+    @RolesAllowed(value= {"ADMIN"})
+	public List<Long> getApplicationUsers(@PathParam("id") Long applicationId) throws Exception {
+    	// special case for SSO: (all user have access on the SSO...).
+    	
+	    System.out.println("Request list of user for an applciation:" + applicationId);
+		return getListOfUsers(applicationId);
+	}
+    
     @GET
     @RolesAllowed(value= {"USER", "ADMIN"})
 	public List<Application> getApplications(@Context SecurityContext sc) throws Exception {
@@ -54,6 +87,9 @@ public class ApplicationResource {
 		System.out.println("getApplications");
 		// TODO filter with the list of element available in his authorizations ...
 		List<Application> tmp = SqlWrapper.gets(Application.class, false);
+		if (gc.userByToken.hasRight("ADMIN", true)) {
+			return tmp;
+		}
 		List<Long> regular = this.getUserListOfApplication(gc.userByToken.id);
 		List<Application> out = new ArrayList<>();
 	    for (Application app : tmp) {

front/src/app-root/app-routing.module.ts

@@ -19,6 +19,7 @@ import {
 	ManageAccountsScene,
 	ApplicationsScene,
 	ApplicationEditScene,
+	ApplicationUserEditScene,
 } from '../base/scene';
 import { OnlyAdminGuard, OnlyUnregisteredGuardHome, OnlyUsersGuard, OnlyUsersGuardHome } from 'common/service/session';
 import { ForbiddenScene, NotFound404Scene } from 'common/scene';
@@ -79,6 +80,11 @@ const routes: Routes = [
 		component: ApplicationsScene,
 		canActivate: [OnlyAdminGuard],
 	},
+	{
+		path: 'application-user-edit/:applicationId',
+		component: ApplicationUserEditScene,
+		canActivate: [OnlyAdminGuard],
+	},
 	{
 		path: 'application-edit/:applicationId',
 		component: ApplicationEditScene,

front/src/app-root/app.module.ts

@@ -25,6 +25,7 @@ import {
 	ManageAccountsScene,
 	ApplicationsScene,
 	ApplicationEditScene,
+	ApplicationUserEditScene,
 } from 'base/scene';
 import {
 	BddService,
@@ -42,7 +43,23 @@ import {
 	UserService,
 } from 'common/service';
 import { CommonModule } from '@angular/common';
-import { ErrorComponent, PopInComponent, SpinerComponent, TopMenuComponent, UploadFileComponent, PasswordEntryComponent, EntryComponent, AsyncActionStatusComponent, ErrorMessageStateComponent, CheckboxComponent, BurgerPropertyComponent, EntryValidatorComponent, RenderSettingsComponent, RenderFormComponent, EntryNumberComponent } from 'common/component';
+import {
+	ErrorComponent,
+	PopInComponent,
+	SpinerComponent,
+	TopMenuComponent,
+	UploadFileComponent,
+	PasswordEntryComponent,
+	EntryComponent,
+	AsyncActionStatusComponent,
+	ErrorMessageStateComponent,
+	CheckboxComponent,
+	BurgerPropertyComponent,
+	EntryValidatorComponent,
+	RenderSettingsComponent,
+	RenderFormComponent,
+	EntryNumberComponent,
+} from 'common/component';
 import { ForbiddenScene } from 'common/scene';
 import { AdminUserService, ApplicationService, ApplicationTokenService, SettingsService } from 'base/service';
 import { PopInUploadProgress, PopInDeleteConfirm } from 'common/popin';
@@ -84,7 +101,8 @@ import { environment } from 'environments/environment';
 		HomeUnregisteredScene,
 		ManageAccountsScene,
 		ApplicationsScene,
-		ApplicationEditScene
+		ApplicationEditScene,
+		ApplicationUserEditScene,
 	],
 	imports: [
 		BrowserModule,
@@ -134,4 +152,5 @@ import { environment } from 'environments/environment';
 	bootstrap: [AppComponent],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
 })
+
 export class AppModule { }

front/src/base/scene/application-user-edit/application-user-edit.html

@@ -0,0 +1,132 @@
+<div class="generic-page">
+	<div class="title">Configure Application (Users rights)</div>
+	<div class="fill-all">
+		<burger-property>
+			<name>Users</name>
+			<description>Users that have access on this application</description>
+
+			<body>
+				<table class="table-model">
+					<tr>
+						<th>id</th>
+						<th>login</th>
+						<th>actions</th>
+					</tr>
+					<tr *ngFor="let user of users">
+						<td>{{user.id}}</td>
+						<td>{{user.login}}</td>
+						<td>
+							<button class="square-button login color-shadow-black"
+								(click)="onEditUserRight($event, user)" type="submit">
+								<i class="material-icons">edit</i>
+							</button>&nbsp;
+							<button class="square-button login color-button-cancel color-shadow-black"
+								(click)="onRemoveApplicationUser($event, user)" type="submit">
+								<i class="material-icons">delete</i>
+							</button>
+						</td>
+					</tr>
+				</table>
+			</body>
+		</burger-property>
+	</div>
+	<div class="clear"><br /></div>
+	<div class="fill-all">
+		<burger-property>
+			<name>Add users</name>
+			<description>Add a new user at this application</description>
+
+			<body>
+				<table class="table-model">
+					<tr>
+						<th>id</th>
+						<th>login</th>
+						<th>add</th>
+					</tr>
+					<tr *ngFor="let user of notUsers">
+						<td>{{user.id}}</td>
+						<td>{{user.login}}</td>
+						<td>
+							<button class="circular-button color-button-validate color-shadow-black"
+								(click)="onAddApplicationUser($event, user)" type="submit">
+								+
+							</button>
+						</td>
+					</tr>
+				</table>
+			</body>
+		</burger-property>
+	</div>
+	<div class="clear"><br /></div>
+	<!--
+	<div class="fill-all">
+		<burger-property>
+			<name>Application properties</name>
+			<description>Update property of the application:</description>
+
+			<body>
+				<spiner *ngIf="editApplicationMenu===undefined"></spiner>
+				<app-render-form *ngIf="editApplicationMenu!==undefined" [values]="editApplicationMenu"
+					(deltaValues)="onEditValues($event)" (changeState)="onEditState($event)"></app-render-form>
+			</body>
+			<footer>
+				<button class="button login color-button-validate color-shadow-black" id="create-button"
+					[disabled]="updateButtonDisabled !== 0" (click)="onUpdateApplication()" type="submit">
+					Update
+				</button>
+			</footer>
+		</burger-property>
+	</div>
+	<div class="clear"><br /></div>
+	<div style="padding-top:15px;">
+		<burger-property>
+			<name>Associated Tokens</name>
+			<description>All current token available for this application</description>
+
+			<body>
+				<table class="table-model">
+					<tr>
+						<th>id</th>
+						<th>Name</th>
+						<th>Expiration Time</th>
+						<th>Token</th>
+						<th>Actions</th>
+					</tr>
+					<tr *ngFor="let token of tokens">
+						<td>{{token.id}}</td>
+						<td>{{token.name}}</td>
+						<td>{{formatTimestamp(token.endValidityTime)}}</td>
+						<td>{{token.token}}</td>
+						<td>
+							<button class="square-button login color-button-cancel color-shadow-black"
+								(click)="onRemoveApplicationToken($event, token)" type="submit">
+								<i class="material-icons">delete_forever</i>
+							</button>
+						</td>
+					</tr>
+				</table>
+			</body>
+		</burger-property>
+	</div>
+	<div class="clear"><br /></div>
+	<div style="padding-top:15px;">
+		<burger-property>
+			<name>Add Token</name>
+
+			<body>
+				<app-render-form [values]="createTokenMenu" (deltaValues)="onCreateValueDeltaValues($event)"
+					(changeState)="onCreateValueState($event)"></app-render-form>
+			</body>
+			<footer>
+				<button class="button login color-button-validate color-shadow-black" id="create-button"
+					(click)="createToken()" [disabled]="createTokenDisabled !== 0" type="submit">
+					+ Create new Token
+				</button>
+			</footer>
+		</burger-property>
+	</div>
+	<div class="clear"></div>
+-->
+</div>
+
+<delete-confirm [comment]="confirmDeleteComment" (callback)="deleteConfirmed()"></delete-confirm>

front/src/base/scene/application-user-edit/application-user-edit.less

@@ -0,0 +1,32 @@
+
+.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;
+}
+
+.table-model {
+	tr:nth-child(odd) {
+		background-color: rgb(180, 180, 180);
+		//color: #fff;
+	}
+	th {
+		background-color: darkgray;
+		text-align: center;
+	}
+	td {
+		text-align: center;
+	}
+}
+
+table {
+	width: 100%;
+}

front/src/base/scene/application-user-edit/application-user-edit.ts

@@ -0,0 +1,356 @@
+/** @file
+ * @author Edouard DUPIN
+ * @copyright 2018, Edouard DUPIN, all right reserved
+ * @license PROPRIETARY (see license file)
+ */
+
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { ApplicationService, ApplicationModel, ApplicationTokenService, AdminUserService } from 'base/service';
+import { ApplicationTokenModel } from 'base/service/application-token';
+import { AsyncActionState } from 'common/component';
+import { CheckerParameterType, SettingsItem, SettingType } from 'common/component/render-settings/render-settings';
+import { ModelResponseHttp, NotificationService, PopInService } from 'common/service';
+import { isNumber, isNumeric, isString } from 'common/utils';
+
+@Component({
+	selector: 'application-setting-user-edit',
+	templateUrl: './application-user-edit.html',
+	styleUrls: ['./application-user-edit.less'],
+	changeDetection: ChangeDetectionStrategy.Default,
+})
+export class ApplicationUserEditScene implements OnInit {
+	id: number = undefined;
+	users: any[] = undefined;
+	notUsers: any[] = undefined;
+	application: ApplicationModel = undefined;
+	applicationRef: ApplicationModel = undefined;
+	tokens: ApplicationTokenModel[] = [];
+
+	constructor(
+		private adminUserService: AdminUserService,
+		private applicationService: ApplicationService,
+		private applicationTokenService: ApplicationTokenService,
+		private activatedRoute: ActivatedRoute,
+		private cdr: ChangeDetectorRef,
+		private popInService: PopInService,
+		private notificationService: NotificationService,
+	) {
+	}
+	ngOnInit() {
+		this.id = Number(this.activatedRoute.snapshot.paramMap.get('applicationId'));
+		const self = this;
+		this.applicationService
+			.getUsers(this.id)
+			.then((userListToFilter: number[]) => {
+				console.log(`??? get full response: ${JSON.stringify(userListToFilter, null, 4)}`);
+				self.adminUserService
+					.getUsers()
+					.then((response: any[]) => {
+						console.log(`All user available for this application: ${JSON.stringify(response, null, 4)}`);
+						self.users = [];
+						self.notUsers = [];
+						for (let iii = 0; iii < response.length; iii++) {
+							if (response[iii].blocked === true) {
+								continue;
+							}
+							if (userListToFilter.indexOf(response[iii].id) >= 0) {
+								self.users.push(response[iii]);
+							} else {
+								self.notUsers.push(response[iii]);
+							}
+						}
+					})
+					.catch((error: any) => {
+						console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+					});
+				self.checkName(self.application.name);
+				this.configureEditInput();
+			})
+			.catch((error: any) => {
+				console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+			});
+
+		/*
+		this.applicationService
+			.get(this.id)
+			.then((response: ApplicationModel) => {
+				console.log(`??? get full response: ${JSON.stringify(response, null, 4)}`);
+				self.application = response;
+				self.checkName(self.application.name);
+				this.configureEditInput();
+			})
+			.catch((error: any) => {
+				console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+			});
+		this.applicationTokenService
+			.gets(this.id)
+			.then((response: ApplicationTokenModel[]) => {
+				console.log(`??? get full response: ${JSON.stringify(response, null, 4)}`);
+				self.tokens = response;
+			})
+			.catch((error: any) => {
+				console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+			});
+		this.configureInput();
+		*/
+	}
+
+	onAddApplicationUser(value: boolean, user: any) {
+		console.log(`changeState : ${JSON.stringify(value, null, 2)}`);
+		
+		j'en suis la ... add user une application
+		//this.createTokenDisabled = value;
+		// we do not change the main ref ==> notify angular that something have change and need to be re-render???
+		this.cdr.detectChanges();
+	}
+
+	formatTimestamp(unix_timestamp: number) {
+		return new Date(unix_timestamp).toISOString().replace('T', ' ').replace('Z', ' GMT').replace('.000', '');
+	}
+
+	editApplicationMenu: SettingsItem[] = undefined;
+
+	// this permit to clear the input menu...
+	configureEditInput() {
+		this.editApplicationMenu = [
+			{
+				type: SettingType.VALUE,
+				title: 'ID:',
+				value: this.application?.id,
+			},
+			{
+				type: SettingType.STRING,
+				title: 'Name:',
+				placeholder: 'Enter application name',
+				key: 'name',
+				value: this.application?.name,
+				checker: (value) => this.checkName(value),
+				require: true,
+			},
+			{
+				type: SettingType.STRING,
+				title: 'Description:',
+				key: 'description',
+				value: this.application?.description,
+			},
+			{
+				type: SettingType.STRING,
+				title: 'Redirect:',
+				description: 'Redirect when login (http://):',
+				placeholder: 'Enter http redirect addresses',
+				key: 'redirect',
+				value: this.application?.redirect,
+				checker: (value: CheckerParameterType) => this.checkRedirect(value),
+				require: true,
+			},
+			{
+				type: SettingType.STRING,
+				title: 'Redirect (dev):',
+				description: 'Redirect development (http://):',
+				placeholder: 'Enter http redirect addresses',
+				key: 'redirectDev',
+				value: this.application?.redirectDev,
+			},
+			{
+				type: SettingType.STRING,
+				title: 'Notification:',
+				description: 'Redirect development (http://):',
+				placeholder: 'http://xxx/sso-event',
+				key: 'notification',
+				value: this.application?.notification,
+			},
+			{
+				type: SettingType.NUMBER,
+				title: 'TTL:',
+				description: 'Time in seconds of the validity of the token',
+				placeholder: '888',
+				key: 'ttl',
+				value: this.application?.ttl,
+				checker: (value: CheckerParameterType) => this.checkTTL(value),
+				require: true,
+			},
+		];
+		this.updateButtonDisabled = undefined;
+		this.dataUpdate = {};
+	}
+	/**
+	 * Check the redirection have a good form
+	 */
+	checkRedirect(value: CheckerParameterType): string | undefined {
+		if (!isString(value)) {
+			return 'must be a string';
+		}
+		if (value.length <= 5) {
+			return 'This redirect is too small.';
+		}
+		return undefined;
+	}
+	updateButtonDisabled: number | undefined = undefined;
+	dataUpdate: object = {}
+
+	onEditState(value: number) {
+		console.log(`changeState : ${JSON.stringify(value, null, 2)}`);
+		this.updateButtonDisabled = value;
+		// we do not change the main ref ==> notify angular that something have change and need to be re-render???
+		this.cdr.detectChanges();
+	}
+	onEditValues(value: any) {
+		console.log(`onDeltaValues : ${JSON.stringify(value, null, 2)}`);
+		this.dataUpdate = value;
+		// we do not change the main ref ==> notify angular that something have change and need to be re-render???
+		this.cdr.detectChanges();
+	}
+
+
+
+
+	updateState: string | boolean = undefined;
+	/**
+	 * Request the creation of a new application.
+	 */
+	onUpdateApplication(): void {
+		this.updateState = AsyncActionState.LOADING;
+		let self = this;
+		this.applicationService.update(this.id, this.dataUpdate)
+			.then(
+				(data: ApplicationModel) => {
+					self.updateState = AsyncActionState.DONE;
+					console.log(`Get new application data: ${JSON.stringify(data, null, 2)}`);
+					self.application = data;
+					self.configureEditInput()
+					setTimeout(() => {
+						this.updateState = undefined;
+					}, 3000);
+				}
+			).catch(
+				(error: any) => {
+					self.updateState = AsyncActionState.FAIL;
+					setTimeout(() => {
+						self.updateState = undefined;
+					}, 3000);
+				}
+			);
+	}
+
+	createToken(): void {
+		let self = this;
+		this.applicationTokenService
+			.create(this.id, this.dataCreateApplication['name'], this.dataCreateApplication['ttl'])
+			.then((response: ApplicationTokenModel) => {
+				//console.log(`??? get fullllllll response: ${JSON.stringify(response, null, 4)}`);
+				self.tokens.push(response);
+				response.token = `"${response.id}:${response.token}"`
+				self.cdr.detectChanges();
+			})
+			.catch((error: any) => {
+				console.log(`??? get ERROR response: ${JSON.stringify(error, null, 4)}`);
+			});
+	}
+
+	onRemoveApplicationToken(_event: any, token: ApplicationTokenModel) {
+		this.confirmDeleteComment = `Delete the application token ID: [${this.application.id}/${token.id}] ${token.name}`;
+		this.confirmDeleteApplicationToken = token;
+		this.popInService.open('popin-delete-confirm');
+	}
+
+	removeApplicationConfirm(token: ApplicationTokenModel) {
+		let self = this;
+		this.applicationTokenService.remove(self.application.id, token.id)
+			.then(
+				() => {
+					const index = self.tokens.indexOf(token, 0);
+					if (index > -1) {
+						self.tokens.splice(index, 1);
+						self.cdr.detectChanges();
+					}
+				}
+			).catch(
+				(error: any) => {
+					self.notificationService.errorRaw(`Fail to delete application token: [${self.application.id}/${token.id}] : ${token.name} ==> ${error}`)
+				}
+			);
+	}
+	confirmDeleteComment: string = undefined;
+	confirmDeleteApplicationToken: ApplicationTokenModel = undefined;
+
+	deleteConfirmed() {
+		if (this.confirmDeleteApplicationToken !== undefined) {
+			this.removeApplicationConfirm(this.confirmDeleteApplicationToken);
+			this.confirmDeleteComment = undefined;
+			this.confirmDeleteApplicationToken = undefined;
+		}
+	}
+
+
+	createTokenMenu: SettingsItem[] = []
+
+	// this permit to clear the input menu...
+	configureInput() {
+		this.createTokenMenu = [
+			{
+				type: SettingType.STRING,
+				title: 'Token name:',
+				placeholder: 'Enter the token name / decription',
+				key: 'name',
+				value: '',
+				checker: (value: CheckerParameterType) => this.checkName(value),
+				require: true,
+			},
+			{
+				type: SettingType.NUMBER,
+				title: 'Token TTL:',
+				placeholder: 'Enter the Time To Lead (in day)',
+				key: 'ttl',
+				value: '',
+				checker: (value: CheckerParameterType) => this.checkTTL(value),
+				require: true,
+			},
+		];
+	}
+
+	public createTokenDisabled: number = undefined;
+	public dataCreateApplication: object = {};
+
+	/**
+	 * Check the application name is available
+	 */
+	checkName(value: CheckerParameterType): string | undefined {
+		if (!isString(value)) {
+			return 'Must be a String';
+		}
+		if (value.length < 3) {
+			return 'This name is too small >=3.';
+		}
+		return undefined;
+	}
+
+	/**
+	 * Check the redirection have a good form
+	 */
+	checkTTL(value: CheckerParameterType): string | undefined {
+		if (!isNumber(value)) {
+			return 'Must be a number';
+		}
+		const tokenTTL = Number(value);
+		if (tokenTTL < 1) {
+			return 'Minimum one day';
+		}
+		return undefined;
+	}
+
+	onCreateValueState(value: number) {
+		console.log(`changeState : ${JSON.stringify(value, null, 2)}`);
+		this.createTokenDisabled = value;
+		// we do not change the main ref ==> notify angular that something have change and need to be re-render???
+		this.cdr.detectChanges();
+	}
+	onCreateValueDeltaValues(value: any) {
+		console.log(`onDeltaValues : ${JSON.stringify(value, null, 2)}`);
+		this.dataCreateApplication = value;
+		// we do not change the main ref ==> notify angular that something have change and need to be re-render???
+		this.cdr.detectChanges();
+	}
+
+
+}

front/src/base/scene/application/applications.html

@@ -12,7 +12,7 @@
 						<th>name</th>
 						<th>Description</th>
 						<th>redirect</th>
-						<th>TTL (min)</th>
+						<th>TTL (minutes)</th>
 						<th>Notification</th>
 						<th>Actions</th>
 					</tr>

front/src/base/scene/index.ts

@@ -12,6 +12,7 @@ import { SignOutScene } from './sign-out/sign-out';
 import { SignUpScene } from './sign-up/sign-up';
 import { ValidateEmailScene } from './validate-email/validate-email';
 import { ApplicationEditScene } from './application-edit/application-edit';
+import { ApplicationUserEditScene } from './application-user-edit/application-user-edit';
 
 export {
 	ErrorViewerScene,
@@ -28,4 +29,5 @@ export {
 	ManageAccountsScene,
 	ApplicationsScene,
 	ApplicationEditScene,
+	ApplicationUserEditScene,
 };

front/src/base/scene/manage-accounts/manage-accounts.ts

@@ -104,7 +104,7 @@ export function isSettingsItem(data: any): data is SettingsItem {
 })
 export class ManageAccountsScene implements OnInit {
 	users: any = [];
-	adminLogin: string = "";
+	adminLogin: string = '';
 
 	constructor(
 		private adminUserService: AdminUserService,
@@ -114,7 +114,7 @@ export class ManageAccountsScene implements OnInit {
 	}
 	ngOnInit() {
 		this.adminLogin = this.sessionService.getLogin();
-		let self = this;
+		const self = this;
 		this.adminUserService
 			.getUsers()
 			.then((response: any) => {
@@ -131,7 +131,7 @@ export class ManageAccountsScene implements OnInit {
 		console.log(`onSetAdmin: ${value} on ${user.login}`);
 		user.adminState = AsyncActionState.LOADING;
 		this.cdr.detectChanges();
-		let self = this;
+		const self = this;
 		this.adminUserService.setAdmin(user.id, value)
 			.then(
 				() => {
@@ -160,7 +160,7 @@ export class ManageAccountsScene implements OnInit {
 		console.log(`onSetBlocked: ${value} on ${user.login}`);
 		user.blockedState = AsyncActionState.LOADING;
 		this.cdr.detectChanges();
-		let self = this;
+		const self = this;
 		this.adminUserService.setBlocked(user.id, value)
 			.then(
 				() => {
@@ -224,7 +224,7 @@ export class ManageAccountsScene implements OnInit {
 	onCreateUser(): void {
 		console.log(`create user:`);
 		this.createState = AsyncActionState.LOADING;
-		let self = this;
+		const self = this;
 		this.adminUserService.createUsers(this.email, this.login, this.password)
 			.then(
 				(user_data: any) => {
@@ -259,7 +259,7 @@ export class ManageAccountsScene implements OnInit {
 		this.loginState = createLoginState(this.login);
 		if (this.loginState === true) {
 			this.loginState = "Checking login ...";
-			let self = this;
+			const self = this;
 			this.adminUserService
 				.checkLogin(this.login)
 				.then((isNotUsed: boolean) => {
@@ -293,7 +293,7 @@ export class ManageAccountsScene implements OnInit {
 			return;
 		}
 		this.emailState = "Checking email ...";
-		let self = this;
+		const self = this;
 		this.adminUserService.checkEMail(this.email).then(
 			(isNotUsed: boolean) => {
 				// check if the answer is correct with the question

front/src/base/service/admin-user.ts

@@ -138,7 +138,6 @@ export class AdminUserService {
 		});
 	}
 
-
 	setAdmin(userId: number, state: boolean): Promise<void> {
 		const body = state;
 		return new Promise((resolve, reject) => {

front/src/base/service/application.ts

@@ -131,6 +131,29 @@ export class ApplicationService {
 		});
 	}
 
+	getUsers(id: number): Promise<number[]> {
+		return new Promise((resolve, reject) => {
+			this.http
+				.requestJson({
+					server: 'karso',
+					endPoint: `application/${id}/users`,
+					requestType: HTTPRequestModel.GET,
+					accept: HTTPMimeType.JSON,
+					contentType: HTTPMimeType.JSON,
+				})
+				.then((response: ModelResponseHttp) => {
+					// TODO: check type ...
+					console.log(
+						`retrieve return for application : get some data to check: ${JSON.stringify(response.data)}`
+					);
+					// TODO: check the format...
+					resolve(response.data);
+				})
+				.catch((error: any) => {
+					reject(`return ERROR ${JSON.stringify(error, null, 2)}`);
+				});
+		});
+	}
 	gets(): Promise<ApplicationModel[]> {
 		return new Promise((resolve, reject) => {
 			this.http
@@ -182,7 +205,7 @@ export class ApplicationService {
 					requestType: HTTPRequestModel.PUT,
 					accept: HTTPMimeType.JSON,
 					contentType: HTTPMimeType.JSON,
-					body:updateState,
+					body: updateState,
 				})
 				.then((response: ModelResponseHttp) => {
 					// TODO: check type ...