feat: add a bunch of new Nebular demos (#1911)

package.json

@@ -64,7 +64,7 @@
     "intl": "1.2.5",
     "ionicons": "2.0.1",
     "leaflet": "1.2.0",
-    "nebular-icons": "1.0.9",
+    "nebular-icons": "1.1.0",
     "ng2-ckeditor": "^1.2.2",
     "ng2-completer": "2.0.8",
     "ng2-smart-table": "1.3.5",

src/app/@theme/theme.module.ts

@@ -18,6 +18,24 @@ import {
   NbPopoverModule,
   NbContextMenuModule,
   NbProgressBarModule,
+  NbCalendarModule,
+  NbCalendarRangeModule,
+  NbStepperModule,
+  NbButtonModule,
+  NbInputModule,
+  NbAccordionModule,
+  NbDatepickerModule,
+  NbDialogModule,
+  NbWindowModule,
+  NbListModule,
+  NbToastrModule,
+  NbAlertModule,
+  NbSpinnerModule,
+  NbRadioModule,
+  NbSelectModule,
+  NbChatModule,
+  NbTooltipModule,
+  NbCalendarKitModule,
 } from '@nebular/theme';
 
 import { NbSecurityModule } from '@nebular/security';
@@ -68,6 +86,24 @@ const NB_MODULES = [
   NgbModule,
   NbSecurityModule, // *nbIsGranted directive,
   NbProgressBarModule,
+  NbCalendarModule,
+  NbCalendarRangeModule,
+  NbStepperModule,
+  NbButtonModule,
+  NbListModule,
+  NbToastrModule,
+  NbInputModule,
+  NbAccordionModule,
+  NbDatepickerModule,
+  NbDialogModule,
+  NbWindowModule,
+  NbAlertModule,
+  NbSpinnerModule,
+  NbRadioModule,
+  NbSelectModule,
+  NbChatModule,
+  NbTooltipModule,
+  NbCalendarKitModule,
 ];
 
 const COMPONENTS = [
@@ -107,6 +143,13 @@ const NB_THEME_PROVIDERS = [
   ).providers,
   ...NbSidebarModule.forRoot().providers,
   ...NbMenuModule.forRoot().providers,
+  ...NbDatepickerModule.forRoot().providers,
+  ...NbDialogModule.forRoot().providers,
+  ...NbWindowModule.forRoot().providers,
+  ...NbToastrModule.forRoot().providers,
+  ...NbChatModule.forRoot({
+    messageGoogleMapKey: 'AIzaSyA_wNuCzia92MAmdLRzmqitRGvCF7wCZPY',
+  }).providers,
 ];
 
 @NgModule({

src/app/pages/bootstrap/bootstrap-routing.module.ts

@@ -0,0 +1,33 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { BootstrapComponent } from './bootstrap.component';
+import { ModalsComponent } from './modals/modals.component';
+import { ButtonsComponent } from './buttons/buttons.component';
+import { FormInputsComponent } from './form-inputs/form-inputs.component';
+
+
+const routes: Routes = [{
+  path: '',
+  component: BootstrapComponent,
+  children: [
+    {
+      path: 'inputs',
+      component: FormInputsComponent,
+    },
+    {
+      path: 'buttons',
+      component: ButtonsComponent,
+    },
+    {
+      path: 'modal',
+      component: ModalsComponent,
+    },
+  ],
+}];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class BootstrapRoutingModule { }

src/app/pages/bootstrap/bootstrap.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ngx-bootstrap',
+  template: `
+    <router-outlet></router-outlet>
+  `,
+})
+export class BootstrapComponent {
+}

src/app/pages/bootstrap/bootstrap.module.ts

@@ -0,0 +1,36 @@
+import { NgModule } from '@angular/core';
+
+import { ThemeModule } from '../../@theme/theme.module';
+
+import { BootstrapRoutingModule } from './bootstrap-routing.module';
+import { ModalsComponent } from './modals/modals.component';
+import { ModalComponent } from './modals/modal/modal.component';
+import { BootstrapComponent } from './bootstrap.component';
+import { ButtonsModule } from './buttons/buttons.module';
+import { FormInputsComponent } from './form-inputs/form-inputs.component';
+
+const COMPONENTS = [
+  BootstrapComponent,
+  ModalsComponent,
+  ModalComponent,
+  FormInputsComponent,
+];
+
+const ENTRY_COMPONENTS = [
+  ModalComponent,
+];
+
+@NgModule({
+  imports: [
+    ThemeModule,
+    BootstrapRoutingModule,
+    ButtonsModule,
+  ],
+  declarations: [
+    ...COMPONENTS,
+  ],
+  entryComponents: [
+    ...ENTRY_COMPONENTS,
+  ],
+})
+export class BootstrapModule { }

src/app/pages/ui-features/buttons/buttons.component.html → src/app/pages/bootstrap/buttons/buttons.component.html

@@ -4,8 +4,6 @@
   </div>
   <div class="col-md-12 col-lg-12 col-xxxl-6">
     <ngx-shape-buttons></ngx-shape-buttons>
-    <ngx-action-groups></ngx-action-groups>
-    <ngx-labeled-actions-group></ngx-labeled-actions-group>
 
     <div class="row">
       <div class="col-lg-5">

src/app/pages/ui-features/buttons/buttons.module.ts → src/app/pages/bootstrap/buttons/buttons.module.ts

@@ -6,25 +6,21 @@ import { HeroButtonComponent } from './hero-buttons/hero-buttons.component';
 import { ShapeButtonsComponent } from './shape-buttons/shape-buttons.component';
 import { SizeButtonsComponent } from './size-buttons/size-buttons.component';
 import { ButtonsComponent } from './buttons.component';
-import { ActionGroupsComponent } from './action-groups/action-groups.component';
 import { DropdownButtonsComponent } from './dropdown-buttons/dropdown-button.component';
 import { BlockLevelButtonsComponent } from './block-level-buttons/block-level-buttons.component';
 import { ButtonGroupsComponent } from './button-groups/button-groups.component';
 import { IconButtonsComponent } from './icon-buttons/icon-buttons.component';
-import { LabeledActionsGroupComponent } from './labeled-actions-group/labeled-actions-group.component';
 
 const components = [
   ButtonsComponent,
   DefaultButtonsComponent,
   HeroButtonComponent,
   ShapeButtonsComponent,
   SizeButtonsComponent,
-  ActionGroupsComponent,
   DropdownButtonsComponent,
   BlockLevelButtonsComponent,
   ButtonGroupsComponent,
   IconButtonsComponent,
-  LabeledActionsGroupComponent,
 ];
 
 @NgModule({