fix: add loading message when loading template in create pipeline form (

#583) * fix: add loading message when loading template in create pipeline form * fix: add another case to handle both loading and search no matches
screwdriver-cd · Aug 14, 2020 · 915fb21 · 915fb21
1 parent 4eb8604
commit 915fb21
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/components/pipeline-create-form/component.js b/app/components/pipeline-create-form/component.js
@@ -25,6 +25,16 @@ export default Component.extend({
   isDisabled: or('isSaving', 'isInvalid'),
   autoKeysGeneration: false,
 
+  messageForSearching: computed('templates.[]', {
+    get() {
+      if (this.templates.length) {
+        return 'Not found.';
+      }
+
+      return 'Loading...';
+    }
+  }),
+
   isValid: computed('scmUrl', {
     get() {
       const val = this.scmUrl;

diff --git a/app/components/pipeline-create-form/template.hbs b/app/components/pipeline-create-form/template.hbs
@@ -51,6 +51,7 @@
             onchange=(action "selectTemplate")
             searchField="name"
             searchEnabled=true
+            noMatchesMessage=messageForSearching
             as |template| }}
             {{template.name}}
           {{/power-select}}
@@ -91,4 +92,4 @@
   delayHide="1000"}}
     What is a <a href="https://docs.screwdriver.cd/user-guide/configuration/" target="_blank" rel="noopener">screwdriver.yaml</a>
   {{/bs-tooltip}}
-</div>
+</div>