feat(demo): add basic example skeleton

Author: tomastrajan

projects/elements-demo/src/app/core/layout/navigation/navigation.component.ts

@@ -14,8 +14,8 @@ const NAVIGATION = [
         url: 'docs/getting-started'
       },
       {
-        label: 'Mechanism',
-        url: 'docs/mechanism'
+        label: 'How it works',
+        url: 'docs/how-it-works'
       }
     ]
   },
@@ -25,11 +25,11 @@ const NAVIGATION = [
     children: [
       {
         label: 'Basic',
-        url: 'basic'
+        url: 'examples/basic'
       },
       {
         label: 'Lazy Loading',
-        url: 'lazy'
+        url: 'examples/lazy'
       }
     ]
   }

projects/elements-demo/src/app/features/docs/docs-routing.module.ts

@@ -21,9 +21,11 @@ const routes: Routes = [
           )
       },
       {
-        path: 'mechanism',
+        path: 'how-it-works',
         loadChildren: () =>
-          import('./mechanism/mechanism.module').then(m => m.MechanismModule)
+          import('./how-it-works/how-it-works.module').then(
+            m => m.HowItWorksModule
+          )
       }
     ]
   }

projects/elements-demo/src/app/features/docs/docs.component.scss

@@ -0,0 +1,5 @@
+:host {
+  display: flex;
+  flex-direction: column;
+  padding: 40px;
+}

projects/elements-demo/src/app/features/docs/how-it-works/how-it-works-routing.module.ts

@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { HowItWorksComponent } from './how-it-works.component';
+
+const routes: Routes = [{ path: '', component: HowItWorksComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class HowItWorksRoutingModule {}

projects/elements-demo/src/app/features/docs/mechanism/mechanism.component.css renamed to projects/elements-demo/src/app/features/docs/how-it-works/how-it-works.component.css

@@ -0,0 +1 @@
+<p>how-it-works works!</p>

projects/elements-demo/src/app/features/docs/how-it-works/how-it-works.component.html

@@ -1,19 +1,19 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { MechanismComponent } from './mechanism.component';
+import { HowItWorksComponent } from './how-it-works.component';
 
-describe('MechanismComponent', () => {
-  let component: MechanismComponent;
-  let fixture: ComponentFixture<MechanismComponent>;
+describe('HowItWorksComponent', () => {
+  let component: HowItWorksComponent;
+  let fixture: ComponentFixture<HowItWorksComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [MechanismComponent]
+      declarations: [HowItWorksComponent]
     }).compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(MechanismComponent);
+    fixture = TestBed.createComponent(HowItWorksComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

projects/elements-demo/src/app/features/docs/mechanism/mechanism.component.spec.ts renamed to projects/elements-demo/src/app/features/docs/how-it-works/how-it-works.component.spec.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'demo-how-it-works',
+  templateUrl: './how-it-works.component.html',
+  styleUrls: ['./how-it-works.component.css']
+})
+export class HowItWorksComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

projects/elements-demo/src/app/features/docs/how-it-works/how-it-works.component.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { HowItWorksRoutingModule } from './how-it-works-routing.module';
+import { HowItWorksComponent } from './how-it-works.component';
+
+@NgModule({
+  declarations: [HowItWorksComponent],
+  imports: [CommonModule, HowItWorksRoutingModule]
+})
+export class HowItWorksModule {}