FEAT #10551 TIME 1 begin filter sign / visa / note

lang/en.json

@@ -134,11 +134,15 @@
 		"wrongLoginPassword"                 : "Wrong login or password",
 		"wrongPassword"                      : "Wrong password",
 		"wsUser"                             : "Web service user",
-		"visaUser"                             : "Visa user",
-		"signUser"                             : "Sign user",
-		"visaProcessInfo"                             : "Visa to",
-		"signProcessInfo"                             : "Sign to",
-		"inProgress"                             : "In progress",
-		"waiting"                             : "Waiting"
+		"visaUser": "Visa user",
+		"signUser": "Sign user",
+		"visaProcessInfo": "Visa to",
+		"signProcessInfo": "Sign to",
+		"inProgress": "In progress",
+		"waiting": "Waiting",
+		"visaLabel": "to approve",
+		"signLabel": "to sign",
+		"noteLabel": "to note",
+		"documents": "document(s)"
 	}
 }

lang/fr.json

@@ -135,10 +135,14 @@
 		"wrongPassword"                      : "Mauvais mot de passe",
 		"wsUser"                             : "Utilisateur web service",
 		"visaUser"                             : "Viseur",
-		"signUser"                             : "Signataire",
-		"visaProcessInfo"                             : "Visé le",
-		"signProcessInfo"                             : "Signé le",
-		"inProgress"                             : "En cours",
-		"waiting"                             : "En attente"
+		"signUser": "Signataire",
+		"visaProcessInfo": "Visé le",
+		"signProcessInfo": "Signé le",
+		"inProgress": "En cours",
+		"waiting": "En attente",
+		"visaLabel": "à viser",
+		"signLabel": "à signer",
+		"noteLabel": "à annoter",
+		"documents": "document(s)"
 	}
 }

src/frontend/app/service/signatures.service.ts

@@ -31,7 +31,7 @@ export class SignaturesContentService {
     workingAreaHeight = 0;
     renderingDoc = true;
     mobileMode = true;
-    mode = 'SIGN';
+    mode = '';
     scale = 1;
     x = 0;
     y = 0;
@@ -77,7 +77,7 @@ export class SignaturesContentService {
         } else {
             this.mobileMode = false;
         }
-        this.mode = 'SIGN';
+        this.mode = '';
         this.scale = 1;
         this.x = 0;
         this.y = 85;

src/frontend/app/sidebar/sidebar.component.html

@@ -11,10 +11,12 @@
       </div>
     </header>
     <header class="sidebar-header">
+      1 {{'lang.documents' | translate}}&nbsp;<span class="primary" *ngIf="signaturesService.mode != ''">{{'lang.'+signaturesService.mode+'Label' | translate}}</span>
     </header>
     <section class="sidebar-btn">
-      <button class="btn btn-xs blue filter" [ngClass]="[signaturesService.mode == 'NOTE' ? 'active' : '']" (click)="filter('NOTE')">{{'lang.annotation' | translate}} <span *ngIf="signaturesService.documentsListCount['NOTE']" class="badgeNbDocument">{{signaturesService.documentsListCount["NOTE"]}}</span></button>
-      <button class="btn btn-xs blue filter" [ngClass]="[signaturesService.mode == 'SIGN' ? 'active' : '']" (click)="filter('SIGN')">{{'lang.signature' | translate}} <span *ngIf="signaturesService.documentsListCount['SIGN']" class="badgeNbDocument">{{signaturesService.documentsListCount["SIGN"]}}</span></button>
+      <button class="btn btn-xs blue filter" [ngClass]="[signaturesService.mode == 'sign' ? 'active' : '']" (click)="filter('sign')"><i class="fas fa-file-signature"></i></button>
+      <button class="btn btn-xs blue filter" [ngClass]="[signaturesService.mode == 'visa' ? 'active' : '']" (click)="filter('visa')"><i class="fas fa-thumbs-up"></i></button>
+      <button class="btn btn-xs blue filter" [ngClass]="[signaturesService.mode == 'note' ? 'active' : '']" (click)="filter('note')"><i class="far fa-comment-dots"></i></button>
     </section>
   </div>
   <ul #listContent class="nav" detect-scroll (onScroll)="handleScroll($event)" [bottomOffset]="1" [topOffset]="1">

src/frontend/app/sidebar/sidebar.component.scss

@@ -153,6 +153,10 @@
   right: 10px;
 }
 
+.filter {
+  width: 35px;
+}
+
 .filter.active {
   background: $primary;
 }

src/frontend/app/sidebar/sidebar.component.ts

@@ -83,7 +83,8 @@ export class SidebarComponent implements OnInit {
     }
 
     filter(mode: string) {
-        this.signaturesService.mode = mode;
+        this.signaturesService.mode == mode ? this.signaturesService.mode = '' : this.signaturesService.mode = mode;
+        
         this.offset = 0;
         this.http.get('../rest/documents?limit=' + this.limit + '&offset=' + this.offset + '&mode=' + this.signaturesService.mode)
             .subscribe((data: any) => {