From b7a7fa64e420d16234df2ab811078f1681b449a8 Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Thu, 1 Apr 2021 17:49:43 +0200
Subject: [PATCH] FIX #16800 TIME 0:15 add menu button

---
 .../connection/connection.component.html      |  1 +
 .../connection/ldap/ldap-list.component.html  |  1 +
 .../connection/ldap/ldap.component.html       |  1 +
 .../administration/group/group.component.html | 12 +--
 .../group/groups-list.component.html          | 90 ++++++++++---------
 .../history/history-list.component.html       |  1 +
 .../securities-administration.component.html  |  1 +
 .../sendmail/sendmail.component.html          |  1 +
 .../administration/user/user.component.html   |  1 +
 .../user/users-list.component.html            | 90 ++++++++++---------
 10 files changed, 102 insertions(+), 97 deletions(-)

diff --git a/src/frontend/app/administration/connection/connection.component.html b/src/frontend/app/administration/connection/connection.component.html
index bd9387f2c9..7e35cc0dd6 100644
--- a/src/frontend/app/administration/connection/connection.component.html
+++ b/src/frontend/app/administration/connection/connection.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{'lang.manage_connections' | translate}}</ion-title>
diff --git a/src/frontend/app/administration/connection/ldap/ldap-list.component.html b/src/frontend/app/administration/connection/ldap/ldap-list.component.html
index 384d396ba0..c9ae19490b 100644
--- a/src/frontend/app/administration/connection/ldap/ldap-list.component.html
+++ b/src/frontend/app/administration/connection/ldap/ldap-list.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{'lang.administration' | translate}} {{'lang.manage_ldap_configurationsAlt' | translate}}
diff --git a/src/frontend/app/administration/connection/ldap/ldap.component.html b/src/frontend/app/administration/connection/ldap/ldap.component.html
index 4778a5822b..17282d0858 100644
--- a/src/frontend/app/administration/connection/ldap/ldap.component.html
+++ b/src/frontend/app/administration/connection/ldap/ldap.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{title}}</ion-title>
diff --git a/src/frontend/app/administration/group/group.component.html b/src/frontend/app/administration/group/group.component.html
index b8179693af..e7cdaabf44 100644
--- a/src/frontend/app/administration/group/group.component.html
+++ b/src/frontend/app/administration/group/group.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{title}}</ion-title>
@@ -23,17 +24,6 @@
                 <ion-label (click)="togglePrivilege(privilege, false)">{{'lang.' + privilege.id + 'Admin' | translate}}</ion-label>
             </ion-item>
         </div>
-        <!--<ion-grid *ngIf="!creationMode">
-            <ion-row>
-                <ion-col [size]="!signaturesService.mobileMode ? 2 : 2" *ngFor="let privilege of group.privileges">
-                    <ion-item  style="cursor: pointer">
-                        <ion-toggle slot="start" [name]="privilege.id" color="primary" [checked]="privilege.checked"
-                            [(ngModel)]="privilege.checked" (click)="togglePrivilege(privilege, true)"></ion-toggle>
-                        <ion-label (click)="togglePrivilege(privilege, false)">{{'lang.' + privilege.id + 'Admin' | translate}}</ion-label>
-                    </ion-item>
-                </ion-col>
-            </ion-row>
-        </ion-grid>-->
         <ion-item lines="none" *ngIf="!creationMode">
             <ion-label color="secondary">{{'lang.linkedUsers' | translate}} :</ion-label>
         </ion-item>
diff --git a/src/frontend/app/administration/group/groups-list.component.html b/src/frontend/app/administration/group/groups-list.component.html
index cbfd736695..e0d57aa695 100644
--- a/src/frontend/app/administration/group/groups-list.component.html
+++ b/src/frontend/app/administration/group/groups-list.component.html
@@ -1,47 +1,51 @@
 <ion-header [translucent]="true">
-  <ion-toolbar color="primary">
-    <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-    </ion-buttons>
-    <ion-title>{{'lang.administration' | translate}} {{'lang.manage_groupsAlt' | translate}}</ion-title>
-  </ion-toolbar>
-  <ion-toolbar  color="primary">
-    <ion-buttons slot="start">
-      <ion-button fill="outline"  shape="round" routerLink="/administration/groups/new">
-        {{'lang.groupCreation' | translate}}
-      </ion-button>
-    </ion-buttons>
-    <ion-title slot="end" color="secondary">{{groupList.length}} {{'lang.manage_groupsAlt' | translate}}</ion-title>
-  </ion-toolbar>
+    <ion-toolbar color="primary">
+        <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
+            <ion-back-button></ion-back-button>
+        </ion-buttons>
+        <ion-title>{{'lang.administration' | translate}} {{'lang.manage_groupsAlt' | translate}}</ion-title>
+    </ion-toolbar>
+    <ion-toolbar color="primary">
+        <ion-buttons slot="start">
+            <ion-button fill="outline" shape="round" routerLink="/administration/groups/new">
+                {{'lang.groupCreation' | translate}}
+            </ion-button>
+        </ion-buttons>
+        <ion-title slot="end" color="secondary">{{groupList.length}} {{'lang.manage_groupsAlt' | translate}}</ion-title>
+    </ion-toolbar>
 </ion-header>
 <ion-content #mainContent>
-  <ion-list>
-    <ion-item style="display: flex;">
-      <ion-label color="primary" matSort [matSortActive]="displayedColumns[0]" matSortDirection='asc' style="display: flex;font-size: 12px;align-items: center;" (matSortChange)="sortData($event)">
-        <ng-container *ngFor="let col of displayedColumns">
-          <div [mat-sort-header]="col" disableClear style="flex: 1" *ngIf="col!=='actions'">
-            {{'lang.' + col | translate}}
-          </div>
-        </ng-container>
-        <div style="flex: 1" *ngIf="displayedColumns.indexOf('actions') > -1">
-          <ion-searchbar [placeholder] = "'lang.filter' | translate" style="padding: 1px;" (ionChange)="applyFilter($event.detail.value)"></ion-searchbar>
-        </div>
-      </ion-label>
-      <ion-button slot="end" fill="clear" shape="round" disabled>
-        <ion-icon></ion-icon>
-      </ion-button>
-    </ion-item>
-    <ion-virtual-scroll [items]="sortedData" approxItemHeight="50px">
-      <ion-item *virtualItem="let element" style="display: flex;">
-        <ion-label style="display: flex;cursor: pointer;" routerLink="/administration/groups/{{element.id}}">
-          <div style="flex: 1" *ngFor="let col of displayedColumns">
-            {{element[col]}}
-          </div>
-        </ion-label>
-        <ion-button slot="end" fill="clear" shape="round" (click)="$event.stopPropagation();delete(element)" title="{{'lang.delete' | translate}}">
-          <ion-icon color="danger" slot="icon-only" name="trash"></ion-icon>
-        </ion-button>
-      </ion-item>
-    </ion-virtual-scroll>
-  </ion-list>
+    <ion-list>
+        <ion-item style="display: flex;">
+            <ion-label color="primary" matSort [matSortActive]="displayedColumns[0]" matSortDirection='asc'
+                style="display: flex;font-size: 12px;align-items: center;" (matSortChange)="sortData($event)">
+                <ng-container *ngFor="let col of displayedColumns">
+                    <div [mat-sort-header]="col" disableClear style="flex: 1" *ngIf="col!=='actions'">
+                        {{'lang.' + col | translate}}
+                    </div>
+                </ng-container>
+                <div style="flex: 1" *ngIf="displayedColumns.indexOf('actions') > -1">
+                    <ion-searchbar [placeholder]="'lang.filter' | translate" style="padding: 1px;"
+                        (ionChange)="applyFilter($event.detail.value)"></ion-searchbar>
+                </div>
+            </ion-label>
+            <ion-button slot="end" fill="clear" shape="round" disabled>
+                <ion-icon></ion-icon>
+            </ion-button>
+        </ion-item>
+        <ion-virtual-scroll [items]="sortedData" approxItemHeight="50px">
+            <ion-item *virtualItem="let element" style="display: flex;">
+                <ion-label style="display: flex;cursor: pointer;" routerLink="/administration/groups/{{element.id}}">
+                    <div style="flex: 1" *ngFor="let col of displayedColumns">
+                        {{element[col]}}
+                    </div>
+                </ion-label>
+                <ion-button slot="end" fill="clear" shape="round" (click)="$event.stopPropagation();delete(element)"
+                    title="{{'lang.delete' | translate}}">
+                    <ion-icon color="danger" slot="icon-only" name="trash"></ion-icon>
+                </ion-button>
+            </ion-item>
+        </ion-virtual-scroll>
+    </ion-list>
 </ion-content>
\ No newline at end of file
diff --git a/src/frontend/app/administration/history/history-list.component.html b/src/frontend/app/administration/history/history-list.component.html
index 08ca980acc..e48687a791 100644
--- a/src/frontend/app/administration/history/history-list.component.html
+++ b/src/frontend/app/administration/history/history-list.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{'lang.history' | translate}}</ion-title>
diff --git a/src/frontend/app/administration/security/securities-administration.component.html b/src/frontend/app/administration/security/securities-administration.component.html
index 27362b8574..bc25f495da 100644
--- a/src/frontend/app/administration/security/securities-administration.component.html
+++ b/src/frontend/app/administration/security/securities-administration.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{'lang.manage_password_rules' | translate}}</ion-title>
diff --git a/src/frontend/app/administration/sendmail/sendmail.component.html b/src/frontend/app/administration/sendmail/sendmail.component.html
index db473ab0db..23777ca722 100644
--- a/src/frontend/app/administration/sendmail/sendmail.component.html
+++ b/src/frontend/app/administration/sendmail/sendmail.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{title}}</ion-title>
diff --git a/src/frontend/app/administration/user/user.component.html b/src/frontend/app/administration/user/user.component.html
index fd02bc6b91..69ac193043 100644
--- a/src/frontend/app/administration/user/user.component.html
+++ b/src/frontend/app/administration/user/user.component.html
@@ -1,6 +1,7 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
             <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>{{title}}</ion-title>
diff --git a/src/frontend/app/administration/user/users-list.component.html b/src/frontend/app/administration/user/users-list.component.html
index 281d3f0c1c..1c386d1a43 100644
--- a/src/frontend/app/administration/user/users-list.component.html
+++ b/src/frontend/app/administration/user/users-list.component.html
@@ -1,47 +1,51 @@
 <ion-header [translucent]="true">
-  <ion-toolbar color="primary">
-    <ion-buttons slot="start">
-      <ion-back-button></ion-back-button>
-    </ion-buttons>
-    <ion-title>{{'lang.administration' | translate}} {{'lang.manage_usersAlt' | translate}}</ion-title>
-  </ion-toolbar>
-  <ion-toolbar  color="primary">
-    <ion-buttons slot="start">
-      <ion-button fill="outline"  shape="round" routerLink="/administration/users/new">
-        {{'lang.userCreation' | translate}}
-      </ion-button>
-    </ion-buttons>
-    <ion-title slot="end" color="secondary">{{userList.length}} {{'lang.manage_usersAlt' | translate}}</ion-title>
-  </ion-toolbar>
+    <ion-toolbar color="primary">
+        <ion-buttons slot="start">
+            <ion-menu-button menu="left-menu"></ion-menu-button>
+            <ion-back-button></ion-back-button>
+        </ion-buttons>
+        <ion-title>{{'lang.administration' | translate}} {{'lang.manage_usersAlt' | translate}}</ion-title>
+    </ion-toolbar>
+    <ion-toolbar color="primary">
+        <ion-buttons slot="start">
+            <ion-button fill="outline" shape="round" routerLink="/administration/users/new">
+                {{'lang.userCreation' | translate}}
+            </ion-button>
+        </ion-buttons>
+        <ion-title slot="end" color="secondary">{{userList.length}} {{'lang.manage_usersAlt' | translate}}</ion-title>
+    </ion-toolbar>
 </ion-header>
 <ion-content #mainContent>
-  <ion-list>
-    <ion-item style="display: flex;">
-      <ion-label color="primary" matSort [matSortActive]="displayedColumns[1]" matSortDirection='asc' style="display: flex;font-size: 12px;align-items: center;" (matSortChange)="sortData($event)">
-        <ng-container *ngFor="let col of displayedColumns">
-          <div [mat-sort-header]="col" disableClear style="flex: 1" *ngIf="col!=='actions'">
-            {{'lang.' + col | translate}}
-          </div>
-        </ng-container>
-        <div style="flex: 1" *ngIf="displayedColumns.indexOf('actions') > -1">
-          <ion-searchbar [placeholder] = "'lang.filter' | translate" style="padding: 1px;" (ionChange)="applyFilter($event.detail.value)"></ion-searchbar>
-        </div>
-      </ion-label>
-      <ion-button slot="end" fill="clear" shape="round" disabled>
-        <ion-icon></ion-icon>
-      </ion-button>
-    </ion-item>
-    <ion-virtual-scroll [items]="sortedData" approxItemHeight="50px">
-      <ion-item *virtualItem="let element" style="display: flex;">
-        <ion-label style="display: flex;cursor: pointer;" routerLink="/administration/users/{{element.id}}">
-          <div style="flex: 1" *ngFor="let col of displayedColumns">
-            {{element[col]}}
-          </div>
-        </ion-label>
-        <ion-button slot="end" fill="clear" shape="round" [disabled]="element.id === authService.user.id" (click)="$event.stopPropagation();delete(element)" title="{{'lang.delete' | translate}}">
-          <ion-icon color="danger" slot="icon-only" name="trash"></ion-icon>
-        </ion-button>
-      </ion-item>
-    </ion-virtual-scroll>
-  </ion-list>
+    <ion-list>
+        <ion-item style="display: flex;">
+            <ion-label color="primary" matSort [matSortActive]="displayedColumns[1]" matSortDirection='asc'
+                style="display: flex;font-size: 12px;align-items: center;" (matSortChange)="sortData($event)">
+                <ng-container *ngFor="let col of displayedColumns">
+                    <div [mat-sort-header]="col" disableClear style="flex: 1" *ngIf="col!=='actions'">
+                        {{'lang.' + col | translate}}
+                    </div>
+                </ng-container>
+                <div style="flex: 1" *ngIf="displayedColumns.indexOf('actions') > -1">
+                    <ion-searchbar [placeholder]="'lang.filter' | translate" style="padding: 1px;"
+                        (ionChange)="applyFilter($event.detail.value)"></ion-searchbar>
+                </div>
+            </ion-label>
+            <ion-button slot="end" fill="clear" shape="round" disabled>
+                <ion-icon></ion-icon>
+            </ion-button>
+        </ion-item>
+        <ion-virtual-scroll [items]="sortedData" approxItemHeight="50px">
+            <ion-item *virtualItem="let element" style="display: flex;">
+                <ion-label style="display: flex;cursor: pointer;" routerLink="/administration/users/{{element.id}}">
+                    <div style="flex: 1" *ngFor="let col of displayedColumns">
+                        {{element[col]}}
+                    </div>
+                </ion-label>
+                <ion-button slot="end" fill="clear" shape="round" [disabled]="element.id === authService.user.id"
+                    (click)="$event.stopPropagation();delete(element)" title="{{'lang.delete' | translate}}">
+                    <ion-icon color="danger" slot="icon-only" name="trash"></ion-icon>
+                </ion-button>
+            </ion-item>
+        </ion-virtual-scroll>
+    </ion-list>
 </ion-content>
\ No newline at end of file
-- 
GitLab