diff --git a/src/frontend/app/administration/connection/connections-administration.component.html b/src/frontend/app/administration/connection/connections-administration.component.html
index b3329dfdbc1f7313ec8c83922b51d36bcc347f72..e0dd21498a4e56f5d8e1f7a10eb92fa1a699d0dc 100644
--- a/src/frontend/app/administration/connection/connections-administration.component.html
+++ b/src/frontend/app/administration/connection/connections-administration.component.html
@@ -29,47 +29,7 @@
                     <mat-spinner style="margin:auto;"></mat-spinner>
                 </div>
                 <mat-card *ngIf="!loading" class="card-app-content">
-                    <div class="row" style="margin:0px;">
-                        <div class="col-md-6 col-xs-6">
-                            <mat-form-field>
-                                <input matInput [formControl]="adminService.getFilterField()" placeholder="{{'lang.filterBy' | translate}}">
-                            </mat-form-field>
-                        </div>
-                        <div class="col-md-6 col-xs-6">
-                            <mat-paginator #paginator [length]="100" [hidePageSize]="true" [pageSize]="10">
-                            </mat-paginator>
-                        </div>
-                    </div>
-                    <mat-table #table [dataSource]="adminService.getDataSource()" matSortDisableClear matSort>
-                        <ng-container matColumnDef="group_id">
-                            <mat-header-cell *matHeaderCellDef mat-sort-header
-                                [class.hide-for-mobile]="appService.getViewMode()">{{'lang.id' | translate}}</mat-header-cell>
-                            <mat-cell *matCellDef="let element" [class.hide-for-mobile]="appService.getViewMode()">
-                                {{element.group_id}} </mat-cell>
-                        </ng-container>
-                        <ng-container matColumnDef="group_desc">
-                            <mat-header-cell *matHeaderCellDef mat-sort-header style="flex:2;">{{'lang.description' | translate}}
-                            </mat-header-cell>
-                            <mat-cell *matCellDef="let element" style="flex:2;">
-                                {{element.group_desc}} </mat-cell>
-                        </ng-container>
-                        <ng-container matColumnDef="actions">
-                            <mat-header-cell *matHeaderCellDef style="flex:1;"></mat-header-cell>
-                            <mat-cell *matCellDef="let element" style="justify-content: flex-end;flex:1;">
-                                <button mat-icon-button color="warn" matTooltip="{{'lang.delete' | translate}}"
-                                    (click)="$event.stopPropagation();preDelete(element)">
-                                    <mat-icon class="fa fa-trash-alt fa-2x" aria-hidden="true"></mat-icon>
-                                </button>
-                            </mat-cell>
-                        </ng-container>
-                        <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-                        <mat-row *matRowDef="let row; columns: displayedColumns;"
-                            routerLink="/administration/groups/{{row.id}}" style="cursor:pointer;"
-                            matTooltip="{{'lang.view' | translate}}"></mat-row>
-                    </mat-table>
-                    <div class="mat-paginator"
-                        style="min-height:48px;display: flex;justify-content: end;align-items: center;padding-right: 20px;">
-                        {{groups.length}} {{'lang.groups' | translate}}</div>
+                    
                 </mat-card>
             </div>
         </div>
diff --git a/src/frontend/app/administration/connection/connections-administration.component.ts b/src/frontend/app/administration/connection/connections-administration.component.ts
index 23bee32788feabdefc63e50e25fe284f05bdfb66..f5e317b00607b0b1913502a6fbc763f0da1e6912 100644
--- a/src/frontend/app/administration/connection/connections-administration.component.ts
+++ b/src/frontend/app/administration/connection/connections-administration.component.ts
@@ -1,17 +1,20 @@
 import { Component, OnInit } from '@angular/core';
+import { AppService } from '@service/app.service';
 
 @Component({
-  selector: 'app-connections-administration',
-  templateUrl: './connections-administration.component.html',
-  styleUrls: ['./connections-administration.component.scss']
+    selector: 'app-connections-administration',
+    templateUrl: './connections-administration.component.html',
+    styleUrls: ['./connections-administration.component.scss']
 })
 export class ConnectionsAdministrationComponent implements OnInit {
 
-  loading: boolean = true;
+    loading: boolean = true;
 
-  constructor() { }
+    constructor(
+        public appService: AppService,
+    ) { }
 
-  ngOnInit(): void {
-  }
+    ngOnInit(): void {
+    }
 
 }