From 49237cfa627df531ee6677bb8fad35f9b38afafb Mon Sep 17 00:00:00 2001 From: Anwesh Nayak Date: Fri, 8 Jun 2018 16:07:56 +0530 Subject: [PATCH] Navigation page design (#43) * navigation page design --- docs/templates/template.html | 9 + src/app/app.module.ts | 2 + .../navigation/navigation-routing.module.ts | 15 ++ src/app/navigation/navigation.component.html | 166 ++++++++++++++++++ src/app/navigation/navigation.component.scss | 0 .../navigation/navigation.component.spec.ts | 28 +++ src/app/navigation/navigation.component.ts | 15 ++ src/app/navigation/navigation.module.ts | 19 ++ 8 files changed, 254 insertions(+) create mode 100644 docs/templates/template.html create mode 100644 src/app/navigation/navigation-routing.module.ts create mode 100644 src/app/navigation/navigation.component.html create mode 100644 src/app/navigation/navigation.component.scss create mode 100644 src/app/navigation/navigation.component.spec.ts create mode 100644 src/app/navigation/navigation.component.ts create mode 100644 src/app/navigation/navigation.module.ts diff --git a/docs/templates/template.html b/docs/templates/template.html new file mode 100644 index 000000000..f2660a9f9 --- /dev/null +++ b/docs/templates/template.html @@ -0,0 +1,9 @@ + +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 2b52353df..c8858d51b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -17,6 +17,7 @@ import { AccountingModule } from './accounting/accounting.module'; import { LoginModule } from './login/login.module'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; +import { NavigationModule } from './navigation/navigation.module'; @NgModule({ imports: [ @@ -34,6 +35,7 @@ import { AppRoutingModule } from './app-routing.module'; ClientsModule, AccountingModule, LoginModule, + NavigationModule, AppRoutingModule ], declarations: [AppComponent], diff --git a/src/app/navigation/navigation-routing.module.ts b/src/app/navigation/navigation-routing.module.ts new file mode 100644 index 000000000..0fbdf96b0 --- /dev/null +++ b/src/app/navigation/navigation-routing.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { NavigationComponent } from './navigation.component'; + +const routes: Routes = [ + { path: 'navigation', component: NavigationComponent}, +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], + providers: [] +}) +export class NavigationRoutingModule { } diff --git a/src/app/navigation/navigation.component.html b/src/app/navigation/navigation.component.html new file mode 100644 index 000000000..91fc4b05e --- /dev/null +++ b/src/app/navigation/navigation.component.html @@ -0,0 +1,166 @@ + +
+
+ + + +
+ +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Name
4Jerry
5Janis
6Gary
7Angie
8John
9Otto
9Otto
9Otto
9Otto
+
+ + + + + Loan + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Name
4Jerry
5Janis
4Jerry
5Janis
4Jerry
5Janis
+
+ + + + +

Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elit id diam. Nulla facilisi. + Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus eget tincidunt eu, congue et + odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectus ultrices et. Sed + diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringilla tortor arcu. Vivamus faucibus + nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eu tincidunt odio. Orci varius natoque + penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquet odio ac lorem aliquet ultricies + in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.

+ + + +
+
+ \ No newline at end of file diff --git a/src/app/navigation/navigation.component.scss b/src/app/navigation/navigation.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/navigation/navigation.component.spec.ts b/src/app/navigation/navigation.component.spec.ts new file mode 100644 index 000000000..ca9b8c132 --- /dev/null +++ b/src/app/navigation/navigation.component.spec.ts @@ -0,0 +1,28 @@ +/* tslint:disable:no-unused-variable */ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { By } from '@angular/platform-browser'; +import { DebugElement } from '@angular/core'; + +import { NavigationComponent } from './navigation.component'; + +describe('NavigationComponent', () => { + let component: NavigationComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NavigationComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NavigationComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/navigation/navigation.component.ts b/src/app/navigation/navigation.component.ts new file mode 100644 index 000000000..170b9751c --- /dev/null +++ b/src/app/navigation/navigation.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-navigation', + templateUrl: './navigation.component.html', + styleUrls: ['./navigation.component.scss'] +}) +export class NavigationComponent implements OnInit { + currentJustify = 'start'; + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/navigation/navigation.module.ts b/src/app/navigation/navigation.module.ts new file mode 100644 index 000000000..a2b6d308d --- /dev/null +++ b/src/app/navigation/navigation.module.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; + +import { CoreModule } from '../core/core.module'; +import { NavigationComponent } from './navigation.component'; +import { NavigationRoutingModule } from './navigation-routing.module'; + + +@NgModule({ + imports: [ + CoreModule, + CommonModule, + NgbModule, + NavigationRoutingModule + ], + declarations: [NavigationComponent] +}) +export class NavigationModule { }