Add: Decorate Webwork Q’s to indicate correctness

RunestoneInteractive · Feb 3, 2023 · d8bf9e7 · d8bf9e7
1 parent ca208d1
commit d8bf9e7
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 5 deletions.
diff --git a/runestone/common/css/runestone-custom-sphinx-bootstrap.css b/runestone/common/css/runestone-custom-sphinx-bootstrap.css
@@ -46,7 +46,7 @@
     --successAlerts: #217300;
     --componentBgColor: #07467d;
     --componentBorderColor: #939090;
-    --questionBgColor: rgb(23, 85, 93);    
+    --questionBgColor: rgb(23, 85, 93);
 }
 
 /* custom modification of basic.css for color-contrast (AA compliant) */
@@ -245,11 +245,11 @@ div.container {
     max-width: var(--contentWidthRegular);
     margin-left: auto;
     margin-right: auto;
-    
+
 }
 
 /* Handle content in nested sections by allowing them to grow*/
-#main-content section > section,                
+#main-content section > section,
 /* And then make sure a few items are wider by default */
 #main-content section > .runestone.ac_section,
 #main-content section > .runestone.codelens,
@@ -1161,6 +1161,20 @@ margin-right: 3px;
 }
 
 .adcopy .donateb {
-  
+
   margin-left: 30%;
-}
+}
+
+.isCorrect:before {
+  /*content: url(https://em-content.zobj.net/thumbs/240/apple/325/check-mark_2714-fe0f.png);*/
+  content: "✅ ";
+  float:right;
+  padding-left: 4px;
+}
+
+.isInCorrect:before {
+  /*content: url(https://em-content.zobj.net/thumbs/240/apple/325/check-mark_2714-fe0f.png);*/
+  content: "⚠️ ";
+  float:right;
+  padding-left: 4px;
+}
diff --git a/runestone/common/js/runestonebase.js b/runestone/common/js/runestonebase.js
@@ -476,6 +476,19 @@ export default class RunestoneBase {
         }
     }
 
+    decorateStatus() {
+        let rsDiv = $(this.containerDiv).closest("div.runestone")[0];
+        if (this.correct) {
+            rsDiv.classList.add("isCorrect");
+        } else {
+            if (this.correct === null) {
+                rsDiv.classList.add("notAnswered");
+            } else {
+                rsDiv.classList.add("isInCorrect");
+            }
+        }
+    }
+
 }
 
 

diff --git a/runestone/webwork/js/webwork.js b/runestone/webwork/js/webwork.js
@@ -31,6 +31,9 @@ class WebWork extends RunestoneBase {
         }
         // data.answers comes from postgresql as a JSON column type so no need to parse it.
         this.answers = data.answer;
+        this.correct = data.correct;
+        this.percent = data.percent;
+        this.decorateStatus();
     }
 
     checkLocalStorage() {