[Autocomplete] Show warning icon if invalid option was typed

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -329,6 +329,13 @@ textarea.lg { position: relative; height: 300px; }
             color: $colorInspectorSectionHeaderFg;
         }
     }
+    .autocompleteWarning {
+        color: $colorFormInvalid;
+        position: absolute;
+        font-size: 11px;
+        left: 235px;
+        bottom: 7px;
+    }
 }
 
 /******************************************************** OBJECT-HEADER */

platform/forms/res/templates/controls/autocomplete.html

@@ -26,6 +26,7 @@
            type="text"
            ng-model="ngModel[field]"
            ng-change="filterOptions(ngModel[field])"
+           ng-init="filterOptions(ngModel[field])"
            ng-click="inputClicked()"
            ng-keydown="keyDown($event)"/>
     <span class="icon-arrow-down"
@@ -43,4 +44,7 @@
             </li>
         </ul>  
     </div>
+    <span class="icon-x autocompleteWarning"
+          ng-show="invalidOption">
+    </span>
 </div>

platform/forms/src/controllers/AutocompleteController.js

@@ -111,6 +111,7 @@ define(
                         name: option
                     };
                 });
+                $scope.invalidOption = $scope.filteredOptions.length === 0;
             };
 
             $scope.inputClicked = function () {

platform/forms/test/controllers/AutocompleteControllerSpec.js

@@ -53,6 +53,11 @@ define([
             expect(mockScope.filteredOptions).toEqual(filteredOptions);
         });
 
+        it("checks if invalid option was typed", function () {
+            mockScope.filterOptions('openmct');
+            expect(mockScope.invalidOption).toEqual(true);
+        });
+
         it("fills input with given string", function () {
             var str = "UTC";
             mockScope.fillInput(str);