From b8be795505bd9b41824317787ced8b55ad49fa82 Mon Sep 17 00:00:00 2001
From: Anthony Lapenna <anthony.lapenna@portainer.io>
Date: Wed, 20 Nov 2019 12:18:27 +1300
Subject: [PATCH] feat(templates): replace volume selector with typeahead
 (#3371)

---
 app/portainer/views/templates/templates.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/portainer/views/templates/templates.html b/app/portainer/views/templates/templates.html
index 3c31d116e..cae3ed752 100644
--- a/app/portainer/views/templates/templates.html
+++ b/app/portainer/views/templates/templates.html
@@ -234,10 +234,13 @@
                     <!-- volume -->
                     <div class="input-group input-group-sm col-sm-6" ng-if="volume.type === 'volume'">
                       <span class="input-group-addon">volume</span>
-                      <select class="form-control" ng-model="volume.bind">
-                        <option selected disabled hidden value="">Select a volume</option>
-                        <option ng-repeat="vol in availableVolumes" ng-value="vol.Name">{{ vol.Name|truncate:30}}</option>
-                      </select>
+                      <input
+                              type="text" ng-model="volume.bind"
+                              id="container_volumes" class="form-control"
+                              placeholder="Select a volume"
+                              typeahead-min-length="0"
+                              uib-typeahead="vol as vol.Name for vol in availableVolumes | filter:$viewValue"
+                      />
                     </div>
                     <!-- !volume -->
                     <!-- bind -->