add demo for command modal

This commit is contained in:
Yubing325 2020-06-09 14:14:18 -05:00
parent 5bd9ae4d3b
commit 9e1c565fef
20 changed files with 141 additions and 24 deletions

View File

@ -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",

View File

@ -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 { }

View File

@ -0,0 +1 @@
<p>command-modal works!</p>

View File

@ -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<CommandModalComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CommandModalComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CommandModalComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -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 {
}
}

View File

@ -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 { }

View File

@ -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 {
}
}

View File

@ -1,11 +0,0 @@
import { NgModule } from '@angular/core';
@NgModule({
declarations: [],
imports: [
],
exports: []
})
export class NgxBootstrapModule { }

View File

@ -1,9 +0,0 @@
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class NgxBootstrapService {
constructor() { }
}

View File

@ -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';

View File

@ -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)
}
];

View File

@ -12,6 +12,9 @@
<li class="nav-item">
<a class="nav-link" routerLink="list-view">List View</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="command-modal">Command Modal</a>
</li>
</ul>
</div>
<div class="col-lg-10" style="padding-top: 5px">

View File

@ -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 { }

View File

@ -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 { }

View File

@ -0,0 +1 @@
<p>command-modal-demo works!</p>

View File

@ -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 {
}
}