Merge pull request #25 from fabito/add/filter-inactive-attribute

Ability to exclude "inactive" items from suggestion

Author: patrinhani-ciandt

demo/index.html

@@ -159,6 +159,15 @@ <h1>[email protected]</h1>
           <iron-icon icon="visibility" suffix></iron-icon>-->
         </paper-input-autocomplete-chips>
       </paper-material>
+
+
+      <paper-material class="demo-paper" style="height: 300px; overflow: auto;">
+        <p>An example of <code>&lt;paper-input-autocomplete-chips&gt;</code> with the <code>noSuggestInactive</code> attribute:</p>
+        <p>It won't suggest neither Alabama nor Alaska</p>
+        <paper-input-autocomplete-chips local-candidates="{{states}}" label="Chips" no-suggest-inactive>
+        </paper-input-autocomplete-chips>
+      </paper-material>
+
 
       <script>
         window.addEventListener('WebComponentsReady', function() {
@@ -257,12 +266,14 @@ <h1>[email protected]</h1>
               text: "Alabama",
               imgUrl: 'https://lh5.googleusercontent.com/-tlQ1LE9IdgI/AAAAAAAAAAI/AAAAAAAAAAA/xTWfNFP8w_M/s32-c-mo/photo.jpg',
               tag: 'read-only',
-              readOnly: false
+              readOnly: false,
+              inactive: true
             },
             {
               key: 2,
               text: "Alaska",
-              imgUrl: 'http://lorempixel.com/256/256/'
+              imgUrl: 'http://lorempixel.com/256/256/',
+              inactive: true
             },
             {
               key: 3,

input-autocomplete-behavior.html

@@ -123,6 +123,16 @@
         type: Boolean,
         value: false
       },
+
+      /**
+       * If set to true, candidate items which property 'inactive' are set to true
+       * won't be suggested
+       */
+      noSuggestInactive: {
+        type: Boolean,
+        value: false
+      },
+
 	  },
 
     _tokenAcceptKeyCodesChanged: function (newValue) {
@@ -475,11 +485,15 @@
 
         var patt =  new RegExp( this._scapeString( term.toLowerCase() ) );
         var matched = [];
-
-        if ( this.localCandidates && this.localCandidates.length ){
-          for (var i = 0; i < this.localCandidates.length; i ++){
-            if (patt.test(this.localCandidates[i].text.toLowerCase()) == true){
-              matched.push(this.localCandidates[i]);
+        var candidates = this.localCandidates;
+
+        if (candidates && candidates.length) {
+          for (var i = 0; i < candidates.length; i ++) {
+            var candidate = candidates[i];
+            if (Boolean(this.noSuggestInactive) && !Boolean(candidate.inactive)) {
+              if (patt.test(candidate.text.toLowerCase()) == true){
+                matched.push(candidate);
+              }
             }
           }
         }