fix(ui): add filter func to repo list for template apply form (#3750) (…

…#3751)
ovh · Dec 20, 2018 · d75dfc3 · d75dfc3
1 parent a16fac9
commit d75dfc3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/ui/src/app/shared/workflow-template/apply-form/workflow-template.apply-form.component.ts b/ui/src/app/shared/workflow-template/apply-form/workflow-template.apply-form.component.ts
@@ -170,6 +170,17 @@ export class WorkflowTemplateApplyFormComponent {
         }
     }
 
+    filterRepo(options: Array<string>, query: string): Array<string> | false {
+        if (!options) {
+            return false;
+        }
+        if (!query || query.length < 3) {
+            return options.slice(0, 100);
+        }
+        let queryLowerCase = query.toLowerCase();
+        return options.filter(name => name.toLowerCase().indexOf(queryLowerCase) !== -1);
+    }
+
     clickClose() {
         this.close.emit();
     }

diff --git a/ui/src/app/shared/workflow-template/apply-form/workflow-template.apply-form.html b/ui/src/app/shared/workflow-template/apply-form/workflow-template.apply-form.html
@@ -31,7 +31,7 @@
                     <div class="four wide field">
                         <sui-select class="selection" name="parameter-{{parameter.key}}-repo" [(ngModel)]="parameterValues[parameter.key + '-repository']"
                             [options]="parameterValues[parameter.key + '-repositories']" [isSearchable]="true"
-                            #repositorySelect>
+                            [optionsFilter]="filterRepo" #repositorySelect>
                             <sui-select-option *ngFor="let repository of repositorySelect.filteredOptions" [value]="repository">
                             </sui-select-option>
                         </sui-select>