UI: Refactoring no text option for extension

ui-ngx/src/app/shared/components/resource/resource-autocomplete.component.html

@@ -41,6 +41,7 @@
     <mat-option *ngFor="let resource of filteredResources$ | async" [value]="resource">
       <span [innerHTML]="resource.title | highlight:searchText"></span>
     </mat-option>
+    <ng-container *ngIf="subType !== ResourceSubType.EXTENSION; else extensionNoText">
       <mat-option *ngIf="!(filteredResources$ | async)?.length" [value]="null">
         <div (click)="$event.stopPropagation()">
           <div *ngIf="!textIsNotEmpty(searchText); else searchNotEmpty">
@@ -53,5 +54,11 @@
           </ng-template>
         </div>
       </mat-option>
+    </ng-container>
+    <ng-template #extensionNoText>
+      <mat-option *ngIf="!(filteredResources$ | async)?.length" [value]="searchText">
+        {{ searchText }}
+      </mat-option>
+    </ng-template>
   </mat-autocomplete>
 </mat-form-field>

ui-ngx/src/app/shared/components/resource/resource-autocomplete.component.ts

@@ -79,6 +79,8 @@ export class ResourceAutocompleteComponent implements ControlValueAccessor, OnIn
   @Input()
   subType = ResourceSubType.EXTENSION;
 
+  ResourceSubType = ResourceSubType;
+
   resourceFormGroup = this.fb.group({
     resource: this.fb.control<string|ResourceInfo>(null)
   });