From 1cb18c87152d5322226885ff512f72ff1f01c11c Mon Sep 17 00:00:00 2001 From: Anwesh Nayak Date: Tue, 5 Jun 2018 00:31:49 +0530 Subject: [PATCH] feat: Accounting layout design card (#14) Accounting design and dropdown menu type --- package-lock.json | 5 ++ package.json | 1 + .../accounting/accounting-routing.module.ts | 15 ++++++ src/app/accounting/accounting.component.html | 50 +++++++++++++++++++ src/app/accounting/accounting.component.scss | 0 src/app/accounting/accounting.component.ts | 15 ++++++ src/app/accounting/accounting.module.ts | 16 ++++++ src/app/app.module.ts | 4 ++ .../core/shell/header/header.component.html | 12 +++-- 9 files changed, 115 insertions(+), 3 deletions(-) create mode 100644 src/app/accounting/accounting-routing.module.ts create mode 100644 src/app/accounting/accounting.component.html create mode 100644 src/app/accounting/accounting.component.scss create mode 100644 src/app/accounting/accounting.component.ts create mode 100644 src/app/accounting/accounting.module.ts diff --git a/package-lock.json b/package-lock.json index 73452aa5b..5435679c6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8435,6 +8435,11 @@ "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=", "dev": true }, + "ngx-bootstrap": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/ngx-bootstrap/-/ngx-bootstrap-3.0.0.tgz", + "integrity": "sha512-Zu3m5Nwp6ISaqjrFeb1evFoaMn8EDR//RHoKeuLelvFOJjKHaCsbOdkWrAAtpTSapdc892mfZfWdTmSuaN2t5A==" + }, "no-case": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz", diff --git a/package.json b/package.json index f0c5986b7..4ca2625ba 100644 --- a/package.json +++ b/package.json @@ -37,6 +37,7 @@ "hammerjs": "^2.0.8", "jquery": "^3.3.1", "lodash": "^4.17.10", + "ngx-bootstrap": "^3.0.0", "rxjs": "^6.1.0", "zone.js": "^0.8.26" }, diff --git a/src/app/accounting/accounting-routing.module.ts b/src/app/accounting/accounting-routing.module.ts new file mode 100644 index 000000000..f1179a8c0 --- /dev/null +++ b/src/app/accounting/accounting-routing.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { AccountingComponent } from './accounting.component'; + +const routes: Routes = [ + { path: 'accounting', component: AccountingComponent}, +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], + providers: [] +}) +export class AccountingRoutingModule { } diff --git a/src/app/accounting/accounting.component.html b/src/app/accounting/accounting.component.html new file mode 100644 index 000000000..b8c0f280c --- /dev/null +++ b/src/app/accounting/accounting.component.html @@ -0,0 +1,50 @@ + +
+
+
+
+
+
+
+
+ +

First List Group Item Heading

+

List Group Item Text

+ + +

Second List Group Item Heading

+

List Group Item Text

+ + +

Third List Group Item Heading

+

List Group Item Text

+ +
+
+
+
+
+
+ +
+
+ +

First List Group Item Heading

+

List Group Item Text

+ + +

Second List Group Item Heading

+

List Group Item Text

+ + +

Third List Group Item Heading

+

List Group Item Text

+ +
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/app/accounting/accounting.component.scss b/src/app/accounting/accounting.component.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/accounting/accounting.component.ts b/src/app/accounting/accounting.component.ts new file mode 100644 index 000000000..81d10adf2 --- /dev/null +++ b/src/app/accounting/accounting.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-accounting', + templateUrl: './accounting.component.html', + styleUrls: ['./accounting.component.scss'] +}) +export class AccountingComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/accounting/accounting.module.ts b/src/app/accounting/accounting.module.ts new file mode 100644 index 000000000..099dea786 --- /dev/null +++ b/src/app/accounting/accounting.module.ts @@ -0,0 +1,16 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +import { CoreModule } from '../core/core.module'; +import { AccountingComponent } from './accounting.component'; +import { AccountingRoutingModule } from './accounting-routing.module'; + +@NgModule({ + imports: [ + CoreModule, + CommonModule, + AccountingRoutingModule + ], + declarations: [AccountingComponent] +}) +export class AccountingModule { } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 48063fe04..2b52353df 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -5,6 +5,7 @@ import { HttpClientModule } from '@angular/common/http'; import { ServiceWorkerModule } from '@angular/service-worker'; import { TranslateModule } from '@ngx-translate/core'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; +import { AlertModule } from 'ngx-bootstrap'; import { environment } from '@env/environment'; import { CoreModule } from '@app/core'; @@ -12,6 +13,7 @@ import { SharedModule } from '@app/shared'; import { HomeModule } from './home/home.module'; import { AboutModule } from './about/about.module'; import { ClientsModule} from './clients/clients.module'; +import { AccountingModule } from './accounting/accounting.module'; import { LoginModule } from './login/login.module'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; @@ -24,11 +26,13 @@ import { AppRoutingModule } from './app-routing.module'; HttpClientModule, TranslateModule.forRoot(), NgbModule.forRoot(), + AlertModule.forRoot(), CoreModule, SharedModule, HomeModule, AboutModule, ClientsModule, + AccountingModule, LoginModule, AppRoutingModule ], diff --git a/src/app/core/shell/header/header.component.html b/src/app/core/shell/header/header.component.html index 8a5596c9a..761d4b2ab 100644 --- a/src/app/core/shell/header/header.component.html +++ b/src/app/core/shell/header/header.component.html @@ -57,9 +57,15 @@
  • Groups
    • -
  • -
    Loans
     -
    • +
    + Toggle dropup +
    + + + +
    +
    +