From 3c3588a3c7f12b172e3fc90edcdfcf60f63a62b9 Mon Sep 17 00:00:00 2001
From: Philippe Proulx <eeppeliteloop@gmail.com>
Date: Thu, 3 Sep 2015 20:15:11 -0400
Subject: [PATCH] Use new SVG ring buffer API

Signed-off-by: Philippe Proulx <eeppeliteloop@gmail.com>
---
 .../channel-overwrite-mode-vs-discard-mode.md      |  9 ++++++---
 .../channel/channel-subbuf-size-vs-subbuf-count.md | 14 +++++++++-----
 .../core-concepts/channel/channel-timers.md        |  7 ++++---
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/contents/understanding-lttng/core-concepts/channel/channel-overwrite-mode-vs-discard-mode.md b/contents/understanding-lttng/core-concepts/channel/channel-overwrite-mode-vs-discard-mode.md
index c46e4c2..2879bf2 100644
--- a/contents/understanding-lttng/core-concepts/channel/channel-overwrite-mode-vs-discard-mode.md
+++ b/contents/understanding-lttng/core-concepts/channel/channel-overwrite-mode-vs-discard-mode.md
@@ -13,14 +13,14 @@ events. The marked sub-buffer will be consumed eventually by a consumer
 daemon (returns to white).
 
 <script type="text/javascript">
-    document.write('<div class="img img-50" id="docsvg-channel-subbuf-anim"></div>');
+    document.write('<div class="anim img img-50" id="docsvg-channel-subbuf-anim"></div>');
 
     $(document).ready(function() {
         var doc = SVG('docsvg-channel-subbuf-anim');
 
         doc.viewbox(0, 0, 2, 2);
 
-        var rb = rbBuildStdAnimated(doc, {
+        var stdRb = rbBuildStdAnimated(doc, {
             div: 5,
             oR: 0.97,
             evDur: 300,
@@ -28,7 +28,10 @@ daemon (returns to white).
             consumerAfter: 10
         });
 
-        rb.getGroup().move(1, 1);
+        stdRb.rb.getGroup().move(1, 1);
+        rbSetParentPlayIcon(doc, function() {
+            rbStdStart(stdRb);
+        });
     });
 </script>
 
diff --git a/contents/understanding-lttng/core-concepts/channel/channel-subbuf-size-vs-subbuf-count.md b/contents/understanding-lttng/core-concepts/channel/channel-subbuf-size-vs-subbuf-count.md
index c117517..45fdecb 100644
--- a/contents/understanding-lttng/core-concepts/channel/channel-subbuf-size-vs-subbuf-count.md
+++ b/contents/understanding-lttng/core-concepts/channel/channel-subbuf-size-vs-subbuf-count.md
@@ -38,21 +38,21 @@ constant event throughput and using the overwrite mode, the two
 following configurations have the same ring buffer total size:
 
 <script type="text/javascript">
-    document.write('<div class="img img-100" id="docsvg-channel-subbuf-size-vs-count-anim"></div>');
+    document.write('<div class="anim img img-100" id="docsvg-channel-subbuf-size-vs-count-anim"></div>');
 
     $(document).ready(function() {
         var doc = SVG('docsvg-channel-subbuf-size-vs-count-anim');
 
         doc.viewbox(0, 0, 4.25, 2);
 
-        var rb2 = rbBuildStdAnimated(doc, {
+        var stdRb2 = rbBuildStdAnimated(doc, {
             div: 2,
             oR: 0.97,
             evDur: 300,
             evPerSubBuf: 17,
             consumerAfter: 25
         });
-        var rb16 = rbBuildStdAnimated(doc, {
+        var stdRb16 = rbBuildStdAnimated(doc, {
             div: 8,
             oR: 0.97,
             evDur: 300,
@@ -60,8 +60,12 @@ following configurations have the same ring buffer total size:
             consumerAfter: 6
         });
 
-        rb2.getGroup().move(1, 1);
-        rb16.getGroup().move(3.25, 1);
+        stdRb2.rb.getGroup().move(1, 1);
+        stdRb16.rb.getGroup().move(3.25, 1);
+        rbSetParentPlayIcon(doc, function() {
+            rbStdStart(stdRb2);
+            rbStdStart(stdRb16);
+        });
     });
 </script>
 
diff --git a/contents/understanding-lttng/core-concepts/channel/channel-timers.md b/contents/understanding-lttng/core-concepts/channel/channel-timers.md
index d98c0af..ab54115 100644
--- a/contents/understanding-lttng/core-concepts/channel/channel-timers.md
+++ b/contents/understanding-lttng/core-concepts/channel/channel-timers.md
@@ -10,7 +10,7 @@ may be used to ensure that event data is consumed and committed to
 trace files periodically in case of a low event throughput:
 
 <script type="text/javascript">
-    document.write('<div class="img img-50" id="docsvg-channel-switch-timer"></div>');
+    document.write('<div class="anim img img-50" id="docsvg-channel-switch-timer"></div>');
 
     $(document).ready(function() {
         var doc = SVG('docsvg-channel-switch-timer');
@@ -62,10 +62,11 @@ trace files periodically in case of a low event throughput:
             rb.addEvent(curSubBuf % div, evDur, onEventAdded);
         };
 
-        rb.addEvent(0, evDur, onEventAdded);
         rb.markSubBuf(0, 'cur');
-
         rb.getGroup().move(1, 1);
+        rbSetParentPlayIcon(doc, function() {
+            rb.addEvent(0, evDur, onEventAdded);
+        });
     });
 </script>
 
-- 
2.34.1