Use new SVG ring buffer API

Signed-off-by: Philippe Proulx <eeppeliteloop@gmail.com>

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 c46e4c23fc7bf5fb514e23e916ed9eb066bade12..2879bf27a0cb717e8e7d8a7af46da119256d77c6 100644 (file)
--- 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 c1175172419d713b63c9d7a595377a767edb839b..45fdecb3df349e25ee2e479915ec6de2aa9d7045 100644 (file)
--- 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 d98c0aff01654180e420337579c2d74bfb570e6e..ab54115193563a59ad0a4a3f84c77cf93b26cac7 100644 (file)
--- 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>