FIX #17671 TIME 0:15 fix css + add HARD_DEL action if status is SOFT_DEL

src/frontend/app/search/search.component.html

@@ -111,14 +111,17 @@
                             <ion-icon *ngIf="element.state == 'REF'" color="danger" slot="start"
                                 name="thumbs-down-outline">
                             </ion-icon>
-                            <button  mat-icon-button class="deleted" [title]="(element.status !== 'HARD_DEL' ? 'lang.documentSoftDeleted': 'lang.documentHardDeleted') | translate">
-                                <ion-icon *ngIf="element?.status === 'SOFT_DEL'" name="remove-circle-outline"></ion-icon>
-                                <ion-icon *ngIf="element?.status === 'HARD_DEL'" name="close-circle-outline"></ion-icon>
-                              </button>
                             <ion-label (click)="goTo(element)" [title]="(element.status !== 'HARD_DEL' ? 'lang.accessDocument': 'lang.cannotAcces') | translate"
                                 [ngStyle]="{'cursor': element.status !== 'HARD_DEL' ? 'pointer' : 'not-allowed'}">
-                                <p [class.unavailableDoc]="element.state === 'DEL'">{{element.reference}}</p>
-                                <h2 [class.unavailableDoc]="element.state === 'DEL'">{{element.title}}</h2>
+                                <p [class.unavailableDoc]="element.state === 'DEL'">
+                                    {{element.reference}}
+                                </p>
+                                <h2 [class.unavailableDoc]="element.state === 'DEL'">{{element.title}} &nbsp;
+                                    <button  mat-icon-button class="deleted" [title]="(element.status !== 'HARD_DEL' ? 'lang.softDeleted': 'lang.hardDeleted') | translate">
+                                        <ion-icon *ngIf="element?.status === 'SOFT_DEL'" name="remove-circle-outline"></ion-icon>
+                                        <ion-icon *ngIf="element?.status === 'HARD_DEL'" name="close-circle-outline"></ion-icon>
+                                    </button>
+                                </h2>
                                 <p *ngIf="element.reason.length > 0" class="primary">
                                     <ng-container *ngFor="let note of element.reason">
                                         <ion-icon name="chatbox-outline"></ion-icon> {{note}}

src/frontend/app/search/search.component.scss

@@ -82,10 +82,8 @@
 
 .deleted {
     color: var(--ion-color-danger);
-    font-size: 4em;
-    margin-left: 85%;
+    font-size: 2em;
     margin-bottom: 15px;
     opacity: 0.15;
-    position: absolute;
     cursor: default;
 }
\ No newline at end of file

src/frontend/app/search/search.component.ts

@@ -264,7 +264,7 @@ export class SearchComponent implements OnInit {
     }
 
     canShowButton(id: string, item: any) {
-        if (id === 'purgeDocument' && this.canPurge && ['STOP', 'VAL', 'REF'].indexOf(item.state) > -1 && item.status !== 'SOFT_DEL') {
+        if (id === 'purgeDocument' && this.canPurge && ['STOP', 'VAL', 'REF'].indexOf(item.state) > -1 && item.status !== 'HARD_DEL') {
             return true;
         } else if (id === 'interruptWorkflow' && item.canInterrupt) {
             return true;
@@ -292,7 +292,7 @@ export class SearchComponent implements OnInit {
         this.refreshCurrentFilter();
 
         return new Promise((resolve) => {
-            let uri: string = '../rest/search/documents?limit=10&offset=0';
+            const uri: string = '../rest/search/documents?limit=10&offset=0';
             this.http.post(`${uri}`, this.formatDatas())
                 .pipe(
                     tap((data: any) => {
@@ -328,7 +328,7 @@ export class SearchComponent implements OnInit {
             event.target.disabled = true;
         } else {
             this.offset = this.offset + this.limit;
-            let uri: string = `../rest/search/documents?limit=${this.limit}&offset=${this.offset}`;
+            const uri: string = `../rest/search/documents?limit=${this.limit}&offset=${this.offset}`;
             this.http.post(uri, this.formatDatas()).pipe(
                 tap((data: any) => {
                     this.ressources = this.ressources.concat(this.formatListDatas(data.documents));