From 79dc1f2dc83867985b56b32ca857c38fb1a05379 Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Mon, 28 Nov 2016 21:23:28 -0800
Subject: [PATCH] chore: use common instructions for popping out plunker
 window-button (#2886)

To see the browser title or address bar changes.
Instructions are a little more complicated when the plunker is in embedded style
---
 public/docs/_includes/_see-addr-bar.jade      |  11 ++++++++++
 public/docs/ts/_cache/tutorial/toh-pt5.jade   |   7 +------
 .../latest/cookbook/set-document-title.jade   |  19 +++++++++++++-----
 public/docs/ts/latest/guide/router.jade       |  19 ++++++------------
 public/docs/ts/latest/tutorial/toh-pt5.jade   |   7 +------
 .../plunker-separate-window-button.png        | Bin 5510 -> 2929 bytes
 .../plunker-switch-to-editor-button.png       | Bin 0 -> 2303 bytes
 7 files changed, 33 insertions(+), 30 deletions(-)
 create mode 100644 public/docs/_includes/_see-addr-bar.jade
 create mode 100644 public/resources/images/devguide/plunker-switch-to-editor-button.png

diff --git a/public/docs/_includes/_see-addr-bar.jade b/public/docs/_includes/_see-addr-bar.jade
new file mode 100644
index 0000000000..523b72f67a
--- /dev/null
+++ b/public/docs/_includes/_see-addr-bar.jade
@@ -0,0 +1,11 @@
+table
+  tr
+    td
+      :marked
+        To see the URL changes in the browser address bar of the live example,
+        open it again in the Plunker editor by clicking the icon in the upper right,
+        then pop out the preview window by clicking the blue 'X' button in the upper right corner.
+    td
+      img(src='/resources/images/devguide/plunker-switch-to-editor-button.png' width="200px" height="70px" alt="pop out the window" align="right" )
+      br
+      img(src='/resources/images/devguide/plunker-separate-window-button.png' width="200px" height="47px" alt="pop out the window" align="right" )
diff --git a/public/docs/ts/_cache/tutorial/toh-pt5.jade b/public/docs/ts/_cache/tutorial/toh-pt5.jade
index 492e15e672..c67f3c12b6 100644
--- a/public/docs/ts/_cache/tutorial/toh-pt5.jade
+++ b/public/docs/ts/_cache/tutorial/toh-pt5.jade
@@ -32,12 +32,7 @@ figure.image-display
   Run the <live-example></live-example> for this part.
 
 +ifDocsFor('ts|js')
-  .l-sub-section
-    img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-
-    :marked
-      To see the URL changes in the browser address bar,
-      pop out the preview window by clicking the blue 'X' button in the upper right corner:
+  include ../../../_includes/_see-addr-bar
 
 .l-main-section
 :marked
diff --git a/public/docs/ts/latest/cookbook/set-document-title.jade b/public/docs/ts/latest/cookbook/set-document-title.jade
index 8866131d7f..2ef4dc7f5d 100644
--- a/public/docs/ts/latest/cookbook/set-document-title.jade
+++ b/public/docs/ts/latest/cookbook/set-document-title.jade
@@ -6,11 +6,20 @@ a(id='top')
   This cookbook explains how to do it.
 :marked
   **See the <live-example name="cb-set-document-title"></live-example>**.
-.l-sub-section
-  img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-  :marked
-    To see the browser Title bar changes,
-    pop out the preview window by clicking the blue 'X' button in the upper right corner.
+
+table
+  tr
+    td
+      :marked
+        To see the browser title bar change in the live example,
+        open it again in the Plunker editor by clicking the icon in the upper right,
+        then pop out the preview window by clicking the blue 'X' button in the upper right corner.
+    td
+      img(src='/resources/images/devguide/plunker-switch-to-editor-button.png' width="200px" height="70px" alt="pop out the window" align="right" )
+      br
+      img(src='/resources/images/devguide/plunker-separate-window-button.png' width="200px" height="47px" alt="pop out the window" align="right" )
+
+
 :marked
   ## The problem with *&lt;title&gt;*
 
diff --git a/public/docs/ts/latest/guide/router.jade b/public/docs/ts/latest/guide/router.jade
index a2eacbde0d..6159c263c3 100644
--- a/public/docs/ts/latest/guide/router.jade
+++ b/public/docs/ts/latest/guide/router.jade
@@ -6,11 +6,8 @@ include ../_util-fns
 
   We cover the router's primary features in this chapter, illustrating them through the evolution
   of a small application that we can <live-example>run live</live-example>.
-.l-sub-section
-  img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-  :marked
-    To see the URL changes in the browser address bar,
-    pop out the preview window by clicking the blue 'X' button in the upper right corner.
+
+include ../../../_includes/_see-addr-bar
 
 .l-main-section
 :marked
@@ -1054,10 +1051,9 @@ figure.image-display
   The application still works. Clicking "back" returns to the hero list view.
 
   Look at the browser address bar.
-.l-sub-section
-  img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-  :marked
-    When running in plunker, pop out the preview window by clicking the blue 'X' button in the upper right corner.
+
+include ../../../_includes/_see-addr-bar
+
 :marked
  It should look something like this, depending on where you run it:
 
@@ -2048,10 +2044,7 @@ a#fragment
   For our updated *Crisis Admin* component we'll feed the `Observable` directly into our template using the `AsyncPipe`, which
   will handle _unsubscribing_ from the `Observable` for us when the component is destroyed.
 
-.l-sub-section
-  img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-  :marked
-    When running in plunker, pop out the preview window by clicking the blue 'X' button in the upper right corner.
+include ../../../_includes/_see-addr-bar
 
 :marked
   Following the steps in this process, we can click on the *Admin* button, that takes us to the *Login*
diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade
index 492e15e672..c67f3c12b6 100644
--- a/public/docs/ts/latest/tutorial/toh-pt5.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt5.jade
@@ -32,12 +32,7 @@ figure.image-display
   Run the <live-example></live-example> for this part.
 
 +ifDocsFor('ts|js')
-  .l-sub-section
-    img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-
-    :marked
-      To see the URL changes in the browser address bar,
-      pop out the preview window by clicking the blue 'X' button in the upper right corner:
+  include ../../../_includes/_see-addr-bar
 
 .l-main-section
 :marked
diff --git a/public/resources/images/devguide/plunker-separate-window-button.png b/public/resources/images/devguide/plunker-separate-window-button.png
index 4af1b92ac0753aa2d226c2b98860d81c41385c3c..8ed3bdb3e650ae4aacb1afc7b6c973952fc49bbe 100644
GIT binary patch
literal 2929
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
bI}h*!jKZQ|XlCE000000NkvXXu0mjfMLYlK

literal 5510
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
IM6N<$f_BBcx&QzG

diff --git a/public/resources/images/devguide/plunker-switch-to-editor-button.png b/public/resources/images/devguide/plunker-switch-to-editor-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..004a16c930eb9068baa976c546789c51a8c62d7a
GIT binary patch
literal 2303
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
ZegTgoXLz1kuQ>n!002ovPDHLkV1m5opjiL_

literal 0
HcmV?d00001