From 9e1c565feff7b52cf10fb6173fe142354ee2e88a Mon Sep 17 00:00:00 2001 From: Yubing325 <35515298+Yubing325@users.noreply.github.com> Date: Tue, 9 Jun 2020 14:14:18 -0500 Subject: [PATCH] add demo for command modal --- angular.json | 2 +- .../lib/command-modal/command-modal.module.ts | 12 +++++++++ .../command-modal.component.html | 1 + .../command-modal.component.scss | 0 .../command-modal.component.spec.ts | 25 +++++++++++++++++++ .../command-modal/command-modal.component.ts | 15 +++++++++++ .../form-group-command-modal.module.ts | 13 ++++++++++ .../form-group-command-modal.component.html | 1 + .../form-group-command-modal.component.scss | 0 .../form-group-command-modal.component.ts | 15 +++++++++++ .../src/lib/ngx-bootstrap.module.ts | 11 -------- .../src/lib/ngx-bootstrap.service.ts | 9 ------- .../ngx-bootstrap/src/public-api.ts | 5 ++-- src/app/app-routing.module.ts | 4 +++ src/app/app.component.html | 3 +++ .../command-modal-demo-routing.module.ts | 18 +++++++++++++ .../command-modal-demo.module.ts | 15 +++++++++++ .../command-modal-demo.component.html | 1 + .../command-modal-demo.component.scss | 0 .../command-modal-demo.component.ts | 15 +++++++++++ 20 files changed, 141 insertions(+), 24 deletions(-) create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal.module.ts create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.html create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.scss create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.spec.ts create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.ts create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal.module.ts create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.html create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.scss create mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.ts delete mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.module.ts delete mode 100644 projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.service.ts create mode 100644 src/app/command-modal-demo/command-modal-demo-routing.module.ts create mode 100644 src/app/command-modal-demo/command-modal-demo.module.ts create mode 100644 src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.html create mode 100644 src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.scss create mode 100644 src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.ts diff --git a/angular.json b/angular.json index 9216f12..45e3006 100644 --- a/angular.json +++ b/angular.json @@ -168,7 +168,7 @@ "projectType": "library", "root": "projects/poweredsoft/ngx-bootstrap", "sourceRoot": "projects/poweredsoft/ngx-bootstrap/src", - "prefix": "lib", + "prefix": "ps", "architect": { "build": { "builder": "@angular-devkit/build-ng-packagr:build", diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal.module.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal.module.ts new file mode 100644 index 0000000..7528845 --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal.module.ts @@ -0,0 +1,12 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { CommandModalComponent } from './command-modal/command-modal.component'; + + +@NgModule({ + imports: [ + CommonModule + ], + declarations: [CommandModalComponent] +}) +export class CommandModalModule { } diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.html b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.html new file mode 100644 index 0000000..5263bc9 --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.html @@ -0,0 +1 @@ +

command-modal works!

diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.scss b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.spec.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.spec.ts new file mode 100644 index 0000000..89276ef --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CommandModalComponent } from './command-modal.component'; + +describe('CommandModalComponent', () => { + let component: CommandModalComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CommandModalComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CommandModalComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.ts new file mode 100644 index 0000000..1dc29a2 --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/command-modal/command-modal.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ps-command-modal', + templateUrl: './command-modal.component.html', + styleUrls: ['./command-modal.component.scss'] +}) +export class CommandModalComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal.module.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal.module.ts new file mode 100644 index 0000000..d7d08b1 --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal.module.ts @@ -0,0 +1,13 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormGroupCommandModalComponent } from './form-group-command-modal/form-group-command-modal.component'; + + + +@NgModule({ + imports: [ + CommonModule + ], + declarations: [FormGroupCommandModalComponent] +}) +export class FormGroupCommandModalModule { } diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.html b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.html new file mode 100644 index 0000000..feefece --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.html @@ -0,0 +1 @@ +

form-group-command-modal works!

diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.scss b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.ts new file mode 100644 index 0000000..7ae5720 --- /dev/null +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/form-group-command-modal/form-group-command-modal.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ps-form-group-command-modal', + templateUrl: './form-group-command-modal.component.html', + styleUrls: ['./form-group-command-modal.component.scss'] +}) +export class FormGroupCommandModalComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.module.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.module.ts deleted file mode 100644 index d866978..0000000 --- a/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { NgModule } from '@angular/core'; - - - -@NgModule({ - declarations: [], - imports: [ - ], - exports: [] -}) -export class NgxBootstrapModule { } diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.service.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.service.ts deleted file mode 100644 index ce268f0..0000000 --- a/projects/poweredsoft/ngx-bootstrap/src/lib/ngx-bootstrap.service.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { Injectable } from '@angular/core'; - -@Injectable({ - providedIn: 'root' -}) -export class NgxBootstrapService { - - constructor() { } -} diff --git a/projects/poweredsoft/ngx-bootstrap/src/public-api.ts b/projects/poweredsoft/ngx-bootstrap/src/public-api.ts index 33f4969..6734a41 100644 --- a/projects/poweredsoft/ngx-bootstrap/src/public-api.ts +++ b/projects/poweredsoft/ngx-bootstrap/src/public-api.ts @@ -2,6 +2,5 @@ * Public API Surface of ngx-bootstrap */ -export * from './lib/ngx-bootstrap.service'; -export * from './lib/ngx-bootstrap.component'; -export * from './lib/ngx-bootstrap.module'; +export * from './lib/command-modal/command-modal.module'; +export * from './lib/command-modal/command-modal/command-modal.component'; \ No newline at end of file diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 9f9a2d8..8cc48e3 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -15,6 +15,10 @@ const routes: Routes = [ { path: 'list-view', loadChildren: () => import('./list-view-demo/list-view-demo.module').then(m => m.ListViewDemoModule) + }, + { + path: 'command-modal', + loadChildren: () => import('./command-modal-demo/command-modal-demo.module').then(m => m.CommandModalDemoModule) } ]; diff --git a/src/app/app.component.html b/src/app/app.component.html index 74c6a32..b31c50e 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -12,6 +12,9 @@
  • List View
    • +
  • + Command Modal +
    • diff --git a/src/app/command-modal-demo/command-modal-demo-routing.module.ts b/src/app/command-modal-demo/command-modal-demo-routing.module.ts new file mode 100644 index 0000000..a74dc2d --- /dev/null +++ b/src/app/command-modal-demo/command-modal-demo-routing.module.ts @@ -0,0 +1,18 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; +import { CommandModalDemoComponent } from './command-modal-demo/command-modal-demo.component'; + + + +const routes: Routes = [ + { + path: '', + component: CommandModalDemoComponent + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class CommandModalDemoRoutingModule { } diff --git a/src/app/command-modal-demo/command-modal-demo.module.ts b/src/app/command-modal-demo/command-modal-demo.module.ts new file mode 100644 index 0000000..f291d86 --- /dev/null +++ b/src/app/command-modal-demo/command-modal-demo.module.ts @@ -0,0 +1,15 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { CommandModalDemoComponent } from './command-modal-demo/command-modal-demo.component'; +import { CommandModalDemoRoutingModule } from './command-modal-demo-routing.module'; + + + +@NgModule({ + declarations: [CommandModalDemoComponent], + imports: [ + CommonModule, + CommandModalDemoRoutingModule + ] +}) +export class CommandModalDemoModule { } diff --git a/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.html b/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.html new file mode 100644 index 0000000..bf60fb3 --- /dev/null +++ b/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.html @@ -0,0 +1 @@ +

    command-modal-demo works!

    diff --git a/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.scss b/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.ts b/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.ts new file mode 100644 index 0000000..4b229ff --- /dev/null +++ b/src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ps-command-modal-demo', + templateUrl: './command-modal-demo.component.html', + styleUrls: ['./command-modal-demo.component.scss'] +}) +export class CommandModalDemoComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +}