docs(tooltip): rename demo Four directions to Placement (#3765)

valor-software · Feb 22, 2018 · eea96c1 · eea96c1
1 parent 22ce0a7
commit eea96c1
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 21 deletions.
diff --git a/demo/src/app/components/+tooltip/demos/four-directions/four-directions.ts b/demo/src/app/components/+tooltip/demos/four-directions/four-directions.ts
diff --git a/demo/src/app/components/+tooltip/demos/index.ts b/demo/src/app/components/+tooltip/demos/index.ts
@@ -1,5 +1,5 @@
 import { DemoTooltipBasicComponent } from './basic/basic';
-import { DemoTooltipFourDirectionsComponent } from './four-directions/four-directions';
+import { DemoTooltipPlacementComponent } from './placement/placement';
 import { DemoTooltipDismissComponent } from './dismiss/dismiss';
 import { DemoTooltipDynamicComponent } from './dynamic/dynamic';
 import { DemoTooltipConfigComponent } from './config/config';
@@ -14,7 +14,7 @@ import { DemoTooltipDelayComponent } from './delay/delay';
 
 export const DEMO_COMPONENTS = [
   DemoTooltipBasicComponent,
-  DemoTooltipFourDirectionsComponent,
+  DemoTooltipPlacementComponent,
   DemoTooltipDismissComponent,
   DemoTooltipDynamicComponent,
   DemoTooltipDynamicHtmlComponent,

diff --git a/...emos/four-directions/four-directions.html → ...s/+tooltip/demos/placement/placement.html b/...emos/four-directions/four-directions.html → ...s/+tooltip/demos/placement/placement.html
@@ -1,28 +1,28 @@
-<button type="button" class="btn btn-default btn-secondary"
+<button type="button" class="btn btn-default btn-secondary mb-2"
         tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
         placement="top">
   Tooltip on top
 </button>
 
-<button type="button" class="btn btn-default btn-secondary"
+<button type="button" class="btn btn-default btn-secondary mb-2"
         tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
         placement="right">
   Tooltip on right
 </button>
 
-<button type="button" class="btn btn-default btn-secondary"
+<button type="button" class="btn btn-default btn-secondary mb-2"
         tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
         placement="auto">
   Tooltip auto
 </button>
 
-<button type="button" class="btn btn-default btn-secondary"
+<button type="button" class="btn btn-default btn-secondary mb-2"
         tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
         placement="left">
   Tooltip on left
 </button>
 
-<button type="button" class="btn btn-default btn-secondary"
+<button type="button" class="btn btn-default btn-secondary mb-2"
         tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
         placement="bottom">
   Tooltip on bottom

diff --git a/demo/src/app/components/+tooltip/demos/placement/placement.ts b/demo/src/app/components/+tooltip/demos/placement/placement.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'demo-tooltip-placement',
+  templateUrl: './placement.html'
+})
+export class DemoTooltipPlacementComponent {}
diff --git a/demo/src/app/components/+tooltip/tooltip-section.list.ts b/demo/src/app/components/+tooltip/tooltip-section.list.ts
@@ -1,5 +1,5 @@
 import { DemoTooltipBasicComponent } from './demos/basic/basic';
-import { DemoTooltipFourDirectionsComponent } from './demos/four-directions/four-directions';
+import { DemoTooltipPlacementComponent } from './demos/placement/placement';
 import { DemoTooltipDismissComponent } from './demos/dismiss/dismiss';
 import { DemoTooltipDynamicComponent } from './demos/dynamic/dynamic';
 import { DemoTooltipDynamicHtmlComponent } from './demos/dynamic-html/dynamic-html';
@@ -44,13 +44,13 @@ export const demoComponentContent: ContentSection[] = [
         outlet: DemoTooltipBasicComponent
       },
       {
-        title: 'Four directions',
-        anchor: 'four-directions',
-        component: require('!!raw-loader?lang=typescript!./demos/four-directions/four-directions.ts'),
-        html: require('!!raw-loader?lang=markup!./demos/four-directions/four-directions.html'),
+        title: 'Placement',
+        anchor: 'placement',
+        component: require('!!raw-loader?lang=typescript!./demos/placement/placement.ts'),
+        html: require('!!raw-loader?lang=markup!./demos/placement/placement.html'),
         description: `<p>Four positioning options are available: top, right, bottom, and left aligned.
-          Besides that, auto option may be used to detect a position that fits the component on screen.</p>`,
-        outlet: DemoTooltipFourDirectionsComponent
+          Besides that, auto option may be used to detect a position that fits the component on the screen.</p>`,
+        outlet: DemoTooltipPlacementComponent
       },
       {
         title: 'Dismiss on next click',