Add a no-options placeholder for projects selector [SCI-8544] (#5492)

Co-authored-by: Sboursen <dev.sboursen@gmail.com>

app/javascript/vue/assign_items_to_tasks_modal/container.vue

@@ -48,6 +48,11 @@
                   'repositories.modal_assign_items_to_task.body.project_select.placeholder'
                 )
               "
+              :no-options-placeholder="
+                i18n.t(
+                  'repositories.modal_assign_items_to_task.body.project_select.no_options_placeholder'
+                )
+              "
               :searchPlaceholder="
                 i18n.t(
                   'repositories.modal_assign_items_to_task.body.project_select.placeholder'

app/javascript/vue/shared/select.vue

@@ -62,7 +62,7 @@
         setTimeout(() => {
           this.isOpen = false;
           this.$emit('blur');
-        }, 200)
+        }, 200);
       },
       toggle() {
         this.isOpen = !this.isOpen;

config/locales/en.yml

@@ -1998,6 +1998,7 @@ en:
         project_select:
           label: "Project"
           placeholder: "Enter project name"
+          no_options_placeholder: "No projects available to select"
         experiment_select:
           label: "Experiment"
           placeholder: "Enter Experiment name"