Refactor #10811

src/app/showcase/components/icons/icons.component.html

@@ -14,7 +14,7 @@ <h5>Download</h5>
 </app-code>
 
     <h5>Getting Started</h5>
-    <p>PrimeIcons use the <strong>pi pi-&#123;icon&#125;</strong> syntax such as <strong>pi pi-check</strong>. 
+    <p>PrimeIcons use the <strong>pi pi-&#123;icon&#125;</strong> syntax such as <strong>pi pi-check</strong>.
         A standalone icon can be displayed using an element such as <i>i</i> or <i>span</i></p>
 
 <app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
@@ -84,7 +84,7 @@ <h5>Constants</h5>
     <h5>List of Icons</h5>
     <p>Here is the current list of PrimeIcons, more icons will be added periodically. You may also <a href="https://github.com/primefaces/primeicons/issues">request new icons</a> at the issue tracker.</p>
     <div>
-        <input class="icon-filter" (input)="onFilter($event)" pInputText placeholder="Search an icon"> 
+        <input class="icon-filter" (input)="onFilter($event)" pInputText placeholder="Search an icon">
     </div>
 
     <div class="p-grid icons-list">

src/app/showcase/components/icons/icons.component.ts

@@ -8,15 +8,19 @@ import { IconService } from '../../service/iconservice';
 export class IconsComponent implements OnInit {
 
     icons: any [];
-    
-	filteredIcons: any [];
-    
+
+	filteredIcons: any[];
+
     selectedIcon: any;
-        
+
     constructor(private iconService: IconService) {}
 
 	ngOnInit() {
 		this.iconService.getIcons().subscribe(data => {
+            data = data.filter(value => {
+                return value.icon.tags.indexOf('deprecate') === -1;
+            });
+
             let icons = data;
             icons.sort((icon1, icon2) => {
                 if(icon1.properties.name < icon2.properties.name)
@@ -34,7 +38,7 @@ export class IconsComponent implements OnInit {
 
     onFilter(event: KeyboardEvent): void {
         let searchText = (<HTMLInputElement> event.target).value;
-  
+
 		if (!searchText) {
             this.filteredIcons = this.icons
         }
@@ -44,4 +48,4 @@ export class IconsComponent implements OnInit {
             });
         }
     }
-}
+}