add demo for command modal
This commit is contained in:
parent
5bd9ae4d3b
commit
9e1c565fef
@ -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",
|
||||
|
@ -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 { }
|
@ -0,0 +1 @@
|
||||
<p>command-modal works!</p>
|
@ -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();
|
||||
});
|
||||
});
|
@ -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 {
|
||||
}
|
||||
|
||||
}
|
@ -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 { }
|
@ -0,0 +1 @@
|
||||
<p>form-group-command-modal works!</p>
|
@ -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 {
|
||||
}
|
||||
|
||||
}
|
@ -1,11 +0,0 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
|
||||
|
||||
|
||||
@NgModule({
|
||||
declarations: [],
|
||||
imports: [
|
||||
],
|
||||
exports: []
|
||||
})
|
||||
export class NgxBootstrapModule { }
|
@ -1,9 +0,0 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
})
|
||||
export class NgxBootstrapService {
|
||||
|
||||
constructor() { }
|
||||
}
|
@ -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';
|
@ -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)
|
||||
}
|
||||
];
|
||||
|
||||
|
@ -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">
|
||||
|
@ -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 { }
|
15
src/app/command-modal-demo/command-modal-demo.module.ts
Normal file
15
src/app/command-modal-demo/command-modal-demo.module.ts
Normal 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 { }
|
@ -0,0 +1 @@
|
||||
<p>command-modal-demo works!</p>
|
@ -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 {
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue
Block a user