feat (ui): add filter on artifact list (#2856)

Signed-off-by: Yvonnick Esnault <yvonnick.esnault@corp.ovh.com>
ovh · Jun 11, 2018 · 6b30445 · 6b30445
1 parent 102f336
commit 6b30445
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 2 deletions.
diff --git a/ui/src/app/model/workflow.run.model.ts b/ui/src/app/model/workflow.run.model.ts
@@ -86,6 +86,7 @@ export class WorkflowNodeRunArtifact {
     size: number;
     perm: number;
     md5sum: string;
+    sha512sum: string;
     object_path: string;
     created: string;
 }

diff --git a/ui/src/app/views/workflow/run/node/artifact/artifact.list.component.ts b/ui/src/app/views/workflow/run/node/artifact/artifact.list.component.ts
@@ -14,14 +14,18 @@ export class WorkflowRunArtifactListComponent extends Table {
 
     // Allow angular update from work started outside angular context
     zone: NgZone;
+    filter: string;
 
     constructor() {
         super();
         this.zone = new NgZone({enableLongStackTrace: false});
     }
 
     getData(): any[] {
-        return this.artifacts;
+        if (!this.filter) {
+            return this.artifacts;
+        }
+        return this.artifacts.filter(v => (v.name.indexOf(this.filter) !== -1 || v.sha512sum.indexOf(this.filter) !== -1));
     }
 
     getHumainFileSize(size: number): string {

diff --git a/ui/src/app/views/workflow/run/node/artifact/artifact.list.html b/ui/src/app/views/workflow/run/node/artifact/artifact.list.html
@@ -1,5 +1,14 @@
 <div class="artifact" *ngIf="artifacts">
-    <table class="ui fixed celled table">
+    <div class="ui form">
+        <div class="field">
+            <div class="fields">
+            <div class="sixteen wide field">
+                <input type="text" placeholder="{{ 'filter' | translate }}" [(ngModel)]="filter">
+            </div>
+            </div>
+        </div>
+    </div>
+    <table class="ui fixed celled table" *ngIf="getDataForCurrentPage().length > 0">
         <thead>
         <tr>
             <th class="four wide">{{ 'artifact_name' | translate }}</th>
@@ -41,4 +50,7 @@
         </tr>
         </tfoot>
     </table>
+    <div class="ui info message" *ngIf="getDataForCurrentPage().length === 0">
+        {{ 'artifact_none' | translate }}
+    </div>
 </div>
diff --git a/ui/src/assets/i18n/en.json b/ui/src/assets/i18n/en.json
@@ -104,6 +104,7 @@
   "artifact_name": "Artifact name",
   "artifact_tag": "Tag",
   "artifact_sha512": "SHA512 Checksum",
+  "artifact_none": "No artifact",
 
   "audit_change": "Change",
   "audit_no": "No audit",

diff --git a/ui/src/assets/i18n/fr.json b/ui/src/assets/i18n/fr.json
@@ -104,6 +104,7 @@
   "artifact_name": "Nom de l'artefact",
   "artifact_tag": "Tag",
   "artifact_sha512": "SHA512 Checksum",
+  "artifact_none": "Aucun artefact",
 
   "audit_change": "Modification",
   "audit_no": "Aucun audit",