added Typeahead LimitTo config option

uComponents · May 26, 2014 · 3ab6feb · 3ab6feb
1 parent 9af1ad7
commit 3ab6feb
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 6 deletions.
diff --git a/....DataTypes/PropertyEditors/SqlTypeaheadListPicker/SqlTypeaheadListPickerPreValueEditor.cs b/....DataTypes/PropertyEditors/SqlTypeaheadListPicker/SqlTypeaheadListPickerPreValueEditor.cs
@@ -11,7 +11,8 @@ internal class SqlTypeaheadListPickerPreValueEditor : PreValueEditor
         [PreValueField("customLabel", "Label Macro", EmbeddedResource.RootUrl + "CustomLabel/CustomLabelConfig.html", HideLabel = true)]
         public string CustomLabel { get; set; }
 
-        // TODO: TypeaheadList config
+        [PreValueField("typeaheadListPicker", "", EmbeddedResource.RootUrl + "TypeaheadListPicker/TypeaheadListPickerConfig.html", HideLabel = true)]
+        public string TypeaheadListPicker { get; set; }
 
         [PreValueField("listPicker", "", EmbeddedResource.RootUrl + "ListPicker/ListPickerConfig.html", HideLabel = true)]
         public string ListPicker { get; set; }

diff --git a/....DataTypes/PropertyEditors/XmlTypeaheadListPicker/XmlTypeaheadListPickerPreValueEditor.cs b/....DataTypes/PropertyEditors/XmlTypeaheadListPicker/XmlTypeaheadListPickerPreValueEditor.cs
@@ -11,7 +11,8 @@ internal class XmlTypeaheadListPickerPreValueEditor : PreValueEditor
         [PreValueField("customLabel", "Label Macro", EmbeddedResource.RootUrl + "CustomLabel/CustomLabelConfig.html", HideLabel = true)]
         public string CustomLabel { get; set; }
 
-        // TODO: TypeaheadList config
+        [PreValueField("typeaheadListPicker", "", EmbeddedResource.RootUrl + "TypeaheadListPicker/TypeaheadListPickerConfig.html", HideLabel = true)]
+        public string TypeaheadListPicker { get; set; }
 
         [PreValueField("listPicker", "", EmbeddedResource.RootUrl + "ListPicker/ListPickerConfig.html", HideLabel = true)]
         public string ListPicker { get; set; }

diff --git a/source/nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerConfig.html b/source/nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerConfig.html
@@ -0,0 +1,20 @@
+<div class="nuComponents-config">
+
+    <div>
+
+        <label for="">
+            Limit To
+            <small>limit the number of selectable choices - 0 mean no limit</small>
+        </label>
+
+        <div>
+
+            <input type="number"
+                   ng-model="model.value.limitTo"
+                   ng-init="model.value.limitTo = model.value.limitTo || 0" />
+
+        </div>
+    </div>
+
+</div>
+
diff --git a/.../nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditorController.js b/.../nuComponents.DataTypes/Shared/TypeaheadListPicker/TypeaheadListPickerEditorController.js
@@ -41,10 +41,11 @@ angular
 
             });
 
-            // setup watch on selected options
-            $scope.$watchCollection('selectableOptions', function () {            
-                // TODO: limit to number of choices specified in config
-            });
+            if ($scope.model.config.typeaheadListPicker.limitTo > 0) {
+                $scope.$watchCollection('selectableOptions', function () {                    
+                    $scope.selectableOptions = $scope.selectableOptions.slice(0, $scope.model.config.typeaheadListPicker.limitTo);
+                });
+            }
 
 }]);
 
diff --git a/source/nuComponents.DataTypes/nuComponents.DataTypes.csproj b/source/nuComponents.DataTypes/nuComponents.DataTypes.csproj
@@ -372,6 +372,9 @@
   <ItemGroup>
     <EmbeddedResource Include="Shared\ListPicker\ListPickerPartial.html" />
   </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="Shared\TypeaheadListPicker\TypeaheadListPickerConfig.html" />
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <PropertyGroup>
     <PostBuildEvent>