Theme preview: Add inputs as fragment. Delete material icons from icons services

sharedComponents/pick-icon/pick-icon.component.html

@@ -0,0 +1 @@
+<p>pick-icon works!</p>

sharedComponents/pick-icon/pick-icon.component.ts

@@ -0,0 +1,21 @@
+import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Icon} from "../../utils/icons/icons";
+import {IconsService} from "../../utils/icons/icons.service";
+
+@Component({
+  selector: 'pick-icon',
+  templateUrl: './pick-icon.component.html'
+})
+export class PickIconComponent implements OnInit, OnDestroy{
+  customIcons: Icon[] = [];
+
+  constructor(private iconService: IconsService) {
+  }
+
+  ngOnInit() {
+    this.customIcons = this.iconService.getAll();
+  }
+
+  ngOnDestroy() {
+  }
+}

sharedComponents/pick-icon/pick-icon.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PickIconComponent } from './pick-icon.component';
+
+
+
+@NgModule({
+  declarations: [
+    PickIconComponent
+  ],
+  exports: [
+    PickIconComponent
+  ],
+  imports: [
+    CommonModule
+  ]
+})
+export class PickIconModule { }

utils/icons/icons.service.ts

@@ -1,8 +1,6 @@
 import {Injectable} from "@angular/core";
-import {Icon} from "./icons";
 import * as all from "./icons";
-import {Observable} from "rxjs";
+import {Icon} from "./icons";
-import {HttpClient} from "@angular/common/http";
 
 @Injectable({
   providedIn: 'root'
@@ -11,7 +9,7 @@ export class IconsService {
   
   private registry = new Map<string, Icon>();
 
-  constructor(private http: HttpClient) {
+  constructor() {
   }
 
   public registerIcons(icons: any[]): void {
@@ -22,10 +20,6 @@ export class IconsService {
     return this.registry.get(iconName);
   }
 
-  public getMaterialIcons(): Observable<any> {
-    return this.http.get('https://fonts.google.com/metadata/icons');
-  }
-
   public getAll(): Icon[] {
     let icons: Icon[] = [];
     for (let key in all) {

utils/theme/theme.component.html

@@ -292,7 +292,7 @@
 
         <hr class="uk-margin-large">
 
-        <div class="uk-grid-divider uk-grid" uk-grid="">
+        <div id="inputs" class="uk-grid-divider uk-grid" uk-grid="">
           <div class="uk-width-3-5@m uk-first-column">
 
             <div class="uk-child-width-expand@s uk-grid" uk-grid="">