From b8b7e4d151b318da7fb24f216138819afb4db9f1 Mon Sep 17 00:00:00 2001
From: Sylvain MATHIEU <sylvain.mathieu@orange.com>
Date: Tue, 4 Jan 2022 15:43:04 +0100
Subject: [PATCH] group detail, members none case-sensitive sorted a to z

---
 .../group-details/group-details.component.html       |  4 +++-
 .../group-details/group-details.component.ts         |  2 +-
 .../components/group-details/members-filter.pipe.ts  | 12 ++++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app/components/group-details/group-details.component.html b/src/app/components/group-details/group-details.component.html
index dc1709b1..cd5f121b 100644
--- a/src/app/components/group-details/group-details.component.html
+++ b/src/app/components/group-details/group-details.component.html
@@ -27,7 +27,9 @@
       <mat-divider [vertical]="true"></mat-divider>
       <div class="members">
         <div>
-          <div class="title"> Members:</div>
+          <div class="title">
+            <div>Members: </div>
+          </div>
           <mat-icon (click)="openAddUserDialog()" class="clickable">person_add</mat-icon>
         </div>
         <div class="search">
diff --git a/src/app/components/group-details/group-details.component.ts b/src/app/components/group-details/group-details.component.ts
index 5578fb65..edf8fefb 100644
--- a/src/app/components/group-details/group-details.component.ts
+++ b/src/app/components/group-details/group-details.component.ts
@@ -49,7 +49,7 @@ export class GroupDetailsComponent implements OnInit {
 
       this.server = d.group.server;
       this.group = d.group.group;
-      this.members = d.group.users;
+      this.members = d.group.users.sort((a: User, b: User) => a.username.toLowerCase().localeCompare(b.username.toLowerCase()));
       this.editGroupForm.setValue({groupname: this.group.name});
     });
 
diff --git a/src/app/components/group-details/members-filter.pipe.ts b/src/app/components/group-details/members-filter.pipe.ts
index 56cb3850..570a1456 100644
--- a/src/app/components/group-details/members-filter.pipe.ts
+++ b/src/app/components/group-details/members-filter.pipe.ts
@@ -1,3 +1,15 @@
+/*
+* Software Name : GNS3 Web UI
+* Version: 3
+* SPDX-FileCopyrightText: Copyright (c) 2022 Orange Business Services
+* SPDX-License-Identifier: GPL-3.0-or-later
+*
+* This software is distributed under the GPL-3.0 or any later version,
+* the text of which is available at https://www.gnu.org/licenses/gpl-3.0.txt
+* or see the "LICENSE" file for more details.
+*
+* Author: Sylvain MATHIEU, Elise LEBEAU
+*/
 import {Pipe, PipeTransform} from '@angular/core';
 import {User} from "@models/users/user";