Rename components page to component-list

Author: jelbourn

src/app/app-module.ts

@@ -8,21 +8,21 @@ import {MaterialDocsApp} from './material-docs-app';
 import {Homepage} from './pages/homepage/homepage';
 import {NavBar} from './shared/navbar/navbar';
 import {routing} from './routes';
-import {ComponentsList} from './pages/components/components';
+import {ComponentList} from './pages/component-list/component-list';
 import {DocViewerModule} from './shared/doc-viewer/index';
 import {ExampleViewerModule} from './shared/example-viewer/index';
 
 
 @NgModule({
   declarations: [
     MaterialDocsApp,
-    ComponentsList,
+    ComponentList,
     Homepage,
     NavBar,
   ],
   exports: [
     MaterialDocsApp,
-    ComponentsList,
+    ComponentList,
     Homepage,
     NavBar,
   ],

src/app/pages/components/components.html renamed to src/app/pages/component-list/component-list.html

@@ -1,5 +1,8 @@
 <div *ngFor="let component of componentItems">
-  <img src="../../../assets/img/components/{{component.src}}.svg" [alt]="component.name" />
+  <img src="../../../assets/img/components/{{component.src}}.svg" [alt]="component.name">
   {{component.name}}
 </div>
-<doc-viewer documentUrl="/assets/documents/README.html"></doc-viewer>
+
+
+
+<!--<doc-viewer documentUrl="/assets/documents/README.html"></doc-viewer>-->

src/app/pages/components/components.scss renamed to src/app/pages/component-list/component-list.scss

@@ -2,10 +2,10 @@ import {Component} from '@angular/core';
 
 @Component({
   selector: 'app-components',
-  templateUrl: './components.html',
-  styleUrls: ['./components.scss']
+  templateUrl: './component-list.html',
+  styleUrls: ['./component-list.scss']
 })
-export class ComponentsList {
+export class ComponentList {
   componentItems = [
     {name: 'Button', src: 'button'},
     {name: 'Checkbox', src: 'checkbox'},

src/app/pages/components/components.spec.ts renamed to src/app/pages/component-list/component-list.spec.ts

@@ -0,0 +1 @@
+export * from './component-list';

src/app/pages/components/components.ts renamed to src/app/pages/component-list/component-list.ts

@@ -1,11 +1,11 @@
 import { ModuleWithProviders } from '@angular/core';
 import { Homepage } from './pages/homepage';
-import { ComponentsList } from './pages/components';
+import { ComponentList } from './pages/component-list';
 import { Routes, RouterModule } from '@angular/router';
 
 const MATERIAL_DOCS_ROUTES: Routes = [
   { path: '', component: Homepage, pathMatch: 'full' },
-  { path: 'components', component:  ComponentsList },
+  { path: 'components', component:  ComponentList },
 ];
 
 export const routing: ModuleWithProviders = RouterModule.forRoot(MATERIAL_DOCS_ROUTES);