feat(docs): popover docs

Author: valorkin

demo/src/app/app.module.ts

@@ -20,6 +20,7 @@ import { DemoDatepickerModule } from './components/datepicker';
 import { DemoDropdownModule } from './components/dropdown';
 import { DemoModalModule } from './components/modal';
 import { DemoPaginationModule } from './components/pagination';
+import { DemoPopoverModule } from './components/popover/index';
 import { DemoProgressbarModule } from './components/progressbar';
 import { DemoRatingModule } from './components/rating';
 import { DemoTabsModule } from './components/tabs';
@@ -55,6 +56,7 @@ import { ngdoc } from '../ng-api-doc';
     DemoDropdownModule,
     DemoModalModule,
     DemoPaginationModule,
+    DemoPopoverModule,
     DemoProgressbarModule,
     DemoRatingModule,
     DemoTabsModule,

demo/src/app/app.routing.ts

@@ -14,6 +14,7 @@ import { TabsSectionComponent } from './components/tabs/tabs-section.component';
 import { TimepickerSectionComponent } from './components/timepicker/timepicker-section.component';
 import { TooltipSectionComponent } from './components/tooltip/tooltip-section.component';
 import { TypeaheadSectionComponent } from './components/typeahead/typeahead-section.component';
+import { PopoverSectionComponent } from './components/popover/popover-section.component';
 
 export const routes = [
   {
@@ -66,6 +67,11 @@ export const routes = [
     data: ['Pagination'],
     component: PaginationSectionComponent
   },
+  {
+    path: 'popover',
+    data: ['Popover'],
+    component: PopoverSectionComponent
+  },
   {
     path: 'progressbar',
     data: ['Progressbar'],

demo/src/app/components/popover/demos/basic/basic.html

@@ -0,0 +1,5 @@
+<button type="button" class="btn btn-primary"
+        popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+  Live demo
+</button>
+

demo/src/app/components/popover/demos/basic/basic.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'demo-popover-basic',
+  templateUrl: './basic.html'
+})
+export class DemoPopoverBasicComponent {
+}

demo/src/app/components/popover/demos/config/config.html

@@ -0,0 +1,4 @@
+<button type="button" class="btn btn-primary"
+        popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+  Preconfigured popover
+</button>

demo/src/app/components/popover/demos/config/config.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { PopoverConfig } from 'ng2-bootstrap';
+
+// such override allows to keep some initial values
+
+export function getAlertConfig(): PopoverConfig {
+  return Object.assign(new PopoverConfig(), {placement: 'right', container: 'body', triggers: 'focus'});
+}
+
+@Component({
+  selector: 'demo-popover-config',
+  templateUrl: './config.html',
+  providers: [{provide: PopoverConfig, useFactory: getAlertConfig}]
+})
+export class DemoPopoverConfigComponent {
+}

demo/src/app/components/popover/demos/container/container.html

@@ -0,0 +1,13 @@
+<div class="row panel" style="position: relative; overflow: hidden;">
+  <div class="card panel-body">
+    <button type="button" class="btn btn-danger"
+            popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
+      Default popover
+    </button>
+    <button type="button" class="btn btn-success"
+            popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
+            container="body">
+      Popover appended to body
+    </button>
+  </div>
+</div>

demo/src/app/components/popover/demos/container/container.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'demo-popover-container',
+  templateUrl: './container.html'
+})
+export class DemoPopoverContainerComponent {
+}

demo/src/app/components/popover/demos/dismiss/dismiss.html

@@ -0,0 +1,7 @@
+<button type="button" class="btn btn-success"
+        popover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
+        popoverTitle="Dismissible popover"
+        triggers="focus">
+  Dismissible popover
+</button>
+

demo/src/app/components/popover/demos/dismiss/dismiss.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'demo-popover-dismiss',
+  templateUrl: './dismiss.html'
+})
+export class DemoPopoverDismissComponent {
+}