V1 display page progress bar

Author: Brad Miller

runestone/common/css/runestone-custom-sphinx-bootstrap.css

@@ -856,3 +856,14 @@ textarea#lp-result {
     padding-left: 2em;
     padding-right: 2em;
 }
+
+
+#scprogresscontainer {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#subchapterprogress > div {
+    background: green;
+}

runestone/common/js/bookfuncs.js

@@ -104,6 +104,38 @@ function timedRefresh() {
     $.idleTimer(timeoutPeriod);
 }
 
+function calculateProgress() {
+    let possible = 0;
+    let total = 1;
+    for (let k in eBookConfig.activities) {
+        if (k !== undefined) {
+            possible++;
+            if (eBookConfig.activities[k] > 0) {
+                total++;
+            }
+        }
+    }
+    return {possible: possible, total: total}
+}
+
+
+function addProgress() {
+    let {possible, total} = calculateProgress()
+    $("#scprogresstotal").text(total);
+    $("#scprogressposs").text(possible);
+    $( "#subchapterprogress" ).progressbar({
+        value: 100 * total/possible
+      });
+}
+
+function updateProgress(div_id) {
+    eBookConfig.activities[div_id]++;
+    let {possible, total} = calculateProgress();
+    let val = 100 * total / possible;
+    $("#scprogresstotal").text(total);
+    $("#scprogressposs").text(possible);
+    $("#subchapterprogress").progressbar("option","value", val)
+}
 
 function handlePageSetup() {
 
@@ -124,6 +156,7 @@ function handlePageSetup() {
     }
     $(".loggedinuser").html(mess);
 
+    addProgress();
     notifyRunestoneComponents();
 }
 

runestone/common/js/runestonebase.js

@@ -38,6 +38,7 @@ RunestoneBase.prototype.logBookEvent = function (eventInfo) {
                                       null, 'json');
     }
     console.log("logging event " + JSON.stringify(eventInfo));
+    updateProgress(eventInfo.div_id);
     return post_return;
 };
 

runestone/common/project_template/_templates/plugin_layouts/sphinx_bootstrap/layout.html

@@ -242,6 +242,7 @@
     eBookConfig.isInstructor = {{= is_instructor }};
     eBookConfig.username = '{{= user_id}}';
     eBookConfig.readings = {{= readings}};
+    eBookConfig.activities = {{= XML(activity_info) }}
     {% endraw %}
   {% else %}
     eBookConfig.useRunestoneServices = {% if use_services == 'True' -%}true{%- else -%}false{%- endif -%};
@@ -294,7 +295,11 @@
 <div class="container" id="continue-reading"></div>
 
 <div class="container" id="main-content">
-  {% block body %}{% endblock %}
+  {% block body %}
+  {% endblock %}
+  <div id=scprogresscontainer>
+    You have attempted <span id=scprogresstotal></span> of <span id=scprogressposs></span> activities on this page <div id="subchapterprogress"></div>
+  </div>
   {% block nextprevious %}
       {% include "subchapter.html" %}
   {% endblock %}