Remind students that help is available on toggle Q

Author: bnmnetp

runestone/activecode/js/activecode.js

@@ -73,6 +73,7 @@ export class ActiveCode extends RunestoneBase {
         this.loadButton = null;
         this.outerDiv = null;
         this.partner = "";
+        this.runCount = 0;
         this.logResults = true;
         if (!eBookConfig.allow_pairs || $(orig).data("nopair")) {
             this.enablePartner = false;
@@ -254,6 +255,10 @@ export class ActiveCode extends RunestoneBase {
         this.renderFeedback();
         // The run is finished; re-enable the button.
         this.runButton.disabled = false;
+        this.runCount += 1;
+        if (this.is_toggle && this.runCount == 3) {
+            alert("Help is Available Using the Toggle Question Selector");
+        }
     }
 
     createControls() {
@@ -476,8 +481,8 @@ export class ActiveCode extends RunestoneBase {
                     if (!didAgree) {
                         didAgree = confirm(
                             "Pair Programming should only be used with the consent of your instructor." +
-                            "Your partner must be a registered member of the class and have agreed to pair with you." +
-                            "By clicking OK you certify that both of these conditions have been met."
+                                "Your partner must be a registered member of the class and have agreed to pair with you." +
+                                "By clicking OK you certify that both of these conditions have been met."
                         );
                         if (didAgree) {
                             localStorage.setItem("partnerAgree", "true");
@@ -520,13 +525,13 @@ export class ActiveCode extends RunestoneBase {
         $(butt).attr(
             "href",
             "http://" +
-            chatcodesServer +
-            "/new?" +
-            $.param({
-                topic: window.location.host + "-" + this.divid,
-                code: this.editor.getValue(),
-                lang: "Python",
-            })
+                chatcodesServer +
+                "/new?" +
+                $.param({
+                    topic: window.location.host + "-" + this.divid,
+                    code: this.editor.getValue(),
+                    lang: "Python",
+                })
         );
         this.chatButton = butt;
         chatBar.appendChild(butt);
@@ -582,16 +587,21 @@ export class ActiveCode extends RunestoneBase {
             // If this is timed and already taken we should restore history info
             this.renderScrubber();
         } else {
-            let request = new Request(`${eBookConfig.new_server_prefix}/assessment/gethist`, {
-                method: "POST",
-                headers: this.jsonHeaders,
-                body: JSON.stringify(reqData),
-            });
+            let request = new Request(
+                `${eBookConfig.new_server_prefix}/assessment/gethist`,
+                {
+                    method: "POST",
+                    headers: this.jsonHeaders,
+                    body: JSON.stringify(reqData),
+                }
+            );
             try {
                 response = await fetch(request);
                 let data = await response.json();
                 if (!response.ok) {
-                    throw new Error(`Failed to get the history data: ${data.detail}`);
+                    throw new Error(
+                        `Failed to get the history data: ${data.detail}`
+                    );
                 }
                 data = data.detail;
                 if (data.history !== undefined) {
@@ -919,7 +929,7 @@ export class ActiveCode extends RunestoneBase {
         });
     }
 
-    toggleEditorVisibility() { }
+    toggleEditorVisibility() {}
 
     addErrorMessage(err) {
         // Add the error message
@@ -1057,7 +1067,7 @@ Yet another is that there is an internal error.  The internal error message is:
                     var xl = eval(x);
                     xl = xl.map(pyStr);
                     x = xl.join(" ");
-                } catch (err) { }
+                } catch (err) {}
             }
         }
         $(this.output).css("visibility", "visible");
@@ -1161,7 +1171,7 @@ Yet another is that there is an internal error.  The internal error message is:
         if (
             this.historyScrubber &&
             this.history[$(this.historyScrubber).slider("value")] !=
-            this.editor.getValue()
+                this.editor.getValue()
         ) {
             saveCode = "True";
             this.history.push(this.editor.getValue());
@@ -1220,7 +1230,7 @@ Yet another is that there is an internal error.  The internal error message is:
             if (typeof sid !== "undefined") {
                 unitData.sid = sid;
             }
-            await this.logBookEvent(unitData)
+            await this.logBookEvent(unitData);
         }
     }
 

runestone/common/js/runestonebase.js

@@ -71,6 +71,8 @@ export default class RunestoneBase {
             if ($(opts.orig).data("question_label")) {
                 this.question_label = $(opts.orig).data("question_label");
             }
+            this.is_toggle = true ? opts.is_toggle : false;
+            this.is_select = true ? opts.is_select : false;
         }
         this.jsonHeaders = new Headers({
             "Content-type": "application/json; charset=utf-8",

runestone/selectquestion/js/selectone.js

@@ -228,6 +228,8 @@ export default class SelectOne extends RunestoneBase {
             // just render this component on the page in its usual place
             await renderRunestoneComponent(htmlsrc, selectorId, {
                 selector_id: selectorId,
+                is_toggle: this.toggleOptions,
+                is_select: true,
                 useRunestoneServices: true,
             });
             if (data.toggleOptions) {
@@ -296,6 +298,8 @@ export default class SelectOne extends RunestoneBase {
         var htmlsrc = await this.getToggleSrc(selectedQuestion);
         renderRunestoneComponent(htmlsrc, "toggle-preview", {
             selector_id: "toggle-preview",
+            is_toggle: this.toggleOptions,
+            is_select: true,
             useRunestoneServices: true,
         });
 
@@ -375,6 +379,8 @@ export default class SelectOne extends RunestoneBase {
         document.getElementById(selectorId).innerHTML = ""; // need to check whether this is even necessary
         await renderRunestoneComponent(htmlsrc, selectorId, {
             selector_id: selectorId,
+            is_toggle: this.toggleOptions,
+            is_select: true,
             useRunestoneServices: true,
         });
         let request = new Request(