Merge pull request #619 from ProgrammeVitam/vas_bug_9120_8911_save_search_criteria_issue

[VAS] BUG 9120 8911 save search criteria issue

api/api-archive-search/archive-search-commons/src/main/java/fr/gouv/vitamui/archives/search/common/dto/CriteriaValue.java

@@ -35,6 +35,7 @@ import lombok.NoArgsConstructor;
 @AllArgsConstructor
 @NoArgsConstructor
 public class CriteriaValue {
+    private String id;
     private String value;
     private String beginInterval;
     private String endInterval;

ui/ui-frontend/projects/archive-search/src/app/archive/archive-search/archive-search.component.scss

@@ -16,3 +16,7 @@
 .margin-btn {
   margin-right: 140px;
 }
+
+::ng-deep.mat-menu-panel {
+  max-width: fit-content !important;
+}

ui/ui-frontend/projects/archive-search/src/app/archive/archive-search/search-criteria-list/search-criteria-list.component.html

 <div class="list-div">
   <ng-container *ngFor="let criteria of searchCriteriaHistory">
-        <button mat-menu-item (click)="storedSearchCriteriaHistory.emit(criteria)" matTooltip="{{ criteria.name }}"
-        matTooltipClass="vitamui-tooltip" [matTooltipShowDelay]="300">
-            <div class="grid-container">
-                <div class="criteria-name-date">
-                    <span class="criteria-name">{{ criteria.name | truncate:30 }}</span> - <span class="criteria-date">{{ criteria.savingDate | date: 'dd/MM/yyyy' }}</span>
-                </div>
-                <div>
-                    <i class="material-icons btn-delete" (click)="deleteSearchCriteriaHistory(criteria)">delete</i>
-                </div>
-            </div>
-        </button>
+    <button
+      mat-menu-item
+      (click)="storedSearchCriteriaHistory.emit(criteria)"
+      matTooltip="{{ criteria.name }}"
+      matTooltipClass="vitamui-tooltip"
+      [matTooltipShowDelay]="300"
+    >
+      <div class="grid-container">
+        <div class="criteria-name-date">
+          <span class="criteria-name">{{ criteria.name | truncate: 30 }}</span> -
+          <span class="criteria-date">{{ criteria.savingDate | date: 'dd/MM/yyyy' }}</span>
+        </div>
+        <div>
+          <i class="material-icons btn-delete" (click)="deleteSearchCriteriaHistory(criteria)">delete</i>
+        </div>
+      </div>
+    </button>
   </ng-container>
 
-    <button mat-menu-item *ngIf="searchCriteriaHistory !== undefined && searchCriteriaHistory.length === 0">
-        {{'ARCHIVE_SEARCH.SEARCH_CRITERIA_SAVER.NO_RESULTS' | translate }}
-    </button>
+  <button mat-menu-item *ngIf="searchCriteriaHistory !== undefined && searchCriteriaHistory.length === 0">
+    {{ 'ARCHIVE_SEARCH.SEARCH_CRITERIA_SAVER.NO_RESULTS' | translate }}
+  </button>
 
-    <div class="center-spinner" *ngIf="pending">
-        <mat-spinner diameter="50" color="accent"></mat-spinner>
-    </div>
-</div>
+  <div class="center-spinner" *ngIf="pending">
+    <mat-spinner diameter="50" color="accent"></mat-spinner>
+  </div>
+</div>
\ No newline at end of file