Skip to content

Commit

Permalink
Added live search to drop downs
Browse files Browse the repository at this point in the history 
Added live search to drop downs that are expected to have long list of values

https://www.pivotaltracker.com/story/show/140334553
  • Loading branch information
@h-kataria
h-kataria committed Feb 23, 2017
1 parent 7e40253 commit 65e54d7
Show file tree
Hide file tree
Showing 2 changed files with 41 additions and 35 deletions.
11 changes: 6 additions & 5 deletions app/views/catalog/_st_angular_form.html.haml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,11 +51,12 @@
%label.col-md-2.control-label{"for" => "catalog_id"}
= _('Catalog')
.col-md-8
%select{"ng-model" => "vm._catalog",
"name" => "catalog_id",
"ng-required" => "vm.catalogItemModel.display",
'ng-options' => 'catalog as catalog.name for catalog in vm.catalogs',
'pf-select' => true}
%select{"ng-model" => "vm._catalog",
"name" => "catalog_id",
"ng-required" => "vm.catalogItemModel.display",
'ng-options' => 'catalog as catalog.name for catalog in vm.catalogs',
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"
%span.help-block{"ng-show" => "catalogItemModel.display"}
Expand Down
65 changes: 35 additions & 30 deletions app/views/layouts/angular/_ansible_form_options_angular.html.haml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,14 @@
%label.col-md-2.control-label{"for" => "#{prefix}_playbook_id"}
= _('Playbook')
.col-md-8
%select{"ng-model" => "vm._#{prefix}_playbook",
"name" => "#{prefix}_playbook_id",
'ng-options' => "playbook as playbook.name for playbook in vm.#{prefix}_playbooks",
"required" => "",
:miqrequired => true,
:checkchange => true,
'pf-select' => true}
%select{"ng-model" => "vm._#{prefix}_playbook",
"name" => "#{prefix}_playbook_id",
'ng-options' => "playbook as playbook.name for playbook in vm.#{prefix}_playbooks",
"required" => "",
:miqrequired => true,
:checkchange => true,
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"

Expand All @@ -33,25 +34,27 @@
%label.col-md-2.control-label{"for" => "#{prefix}_machine_credential_id"}
= _('Machine Credentials')
.col-md-8
%select{"ng-model" => "vm._#{prefix}_machine_credential",
"name" => "#{prefix}_machine_credential_id",
'ng-options' => 'machine_credential as machine_credential.name for machine_credential in vm.machine_credentials',
"required" => "",
:miqrequired => true,
:checkchange => true,
'pf-select' => true}
%select{"ng-model" => "vm._#{prefix}_machine_credential",
"name" => "#{prefix}_machine_credential_id",
'ng-options' => 'machine_credential as machine_credential.name for machine_credential in vm.machine_credentials',
"required" => "",
:miqrequired => true,
:checkchange => true,
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"

.form-group
%label.col-md-2.control-label{"for" => "vm.#{prefix}_network_credential_id"}
= _('Network Credentials')
.col-md-8
%select{"ng-model" => "vm._#{prefix}_network_credential",
"name" => "#{prefix}_network_credential_id",
'ng-options' => 'network_credential as network_credential.name for network_credential in vm.network_credentials',
:checkchange => true,
'pf-select' => true}
%select{"ng-model" => "vm._#{prefix}_network_credential",
"name" => "#{prefix}_network_credential_id",
'ng-options' => 'network_credential as network_credential.name for network_credential in vm.network_credentials',
:checkchange => true,
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"

Expand All @@ -73,11 +76,12 @@
%label.col-md-2.control-label{"for" => "vm.#{prefix}_cloud_credential_id"}
= _('Cloud Credentials')
.col-md-8
%select{"ng-model" => "vm._#{prefix}_cloud_credential",
"name" => "#{prefix}_cloud_credential_id",
'ng-options' => 'cloud_credential as cloud_credential.name for cloud_credential in vm.cloud_credentials',
:checkchange => true,
'pf-select' => true}
%select{"ng-model" => "vm._#{prefix}_cloud_credential",
"name" => "#{prefix}_cloud_credential_id",
'ng-options' => 'cloud_credential as cloud_credential.name for cloud_credential in vm.cloud_credentials',
:checkchange => true,
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"

Expand Down Expand Up @@ -170,12 +174,13 @@
= _("Create New")
.col-md-4
.form-group{"ng-class" => "{'has-error': angularForm.#{prefix}_dialog_id.$invalid}", "ng-if" => "#{ng_model}.#{prefix}_dialog_existing == 'existing'"}
%select{"ng-model" => "vm._#{prefix}_dialog",
"name" => "#{prefix}_dialog_id",
'ng-options' => 'dialog as dialog.label for dialog in vm.dialogs',
"ng-required" => "vm.fieldsRequired('#{prefix}') && #{ng_model}.#{prefix}_dialog_existing == 'existing'",
:checkchange => true,
'pf-select' => true}
%select{"ng-model" => "vm._#{prefix}_dialog",
"name" => "#{prefix}_dialog_id",
'ng-options' => 'dialog as dialog.label for dialog in vm.dialogs',
"ng-required" => "vm.fieldsRequired('#{prefix}') && #{ng_model}.#{prefix}_dialog_existing == 'existing'",
:checkchange => true,
"data-live-search" => "true",
'pf-select' => true}
%option{"value" => ""}
= "<#{_('Choose')}>"
%span.help-block{"ng-show" => "angularForm.#{prefix}_dialog_id.$error.$invalid"}
Expand Down

0 comments on commit 65e54d7

Please sign in to comment.