New: Decorate assigned problems

Author: bnmnetp

bases/rsptx/interactives/runestone/common/css/runestone-custom-sphinx-bootstrap.css

@@ -1185,14 +1185,41 @@ margin-right: 3px;
 
 .isCorrect:before {
   /*content: url(https://em-content.zobj.net/thumbs/240/apple/325/check-mark_2714-fe0f.png);*/
-  content: "✅ ";
+    font-family: "Material Symbols Outlined";
+  content: "\e86c ";
   float:right;
   padding-left: 4px;
 }
 
 .isInCorrect:before {
   /*content: url(https://em-content.zobj.net/thumbs/240/apple/325/check-mark_2714-fe0f.png);*/
-  content: "⚠️ ";
+  font-family: "Material Symbols Outlined";
+  content: "\e349 ";
+  float:right;
+  padding-left: 4px;
+}
+
+.isAssigned:before {
+  /*content: url(https://em-content.zobj.net/thumbs/240/apple/325/check-mark_2714-fe0f.png);*/
+  font-family: "Material Symbols Outlined";
+  content: "\f3de ";
+  float:right;
+  padding-left: 4px;
+}
+
+/* When both isCorrect and isAssigned are present, show both icons */
+.isCorrect.isAssigned:before {
+  font-family: "Material Symbols Outlined";
+  content: "\e86c \f3de ";
+  /*content: "✅ 📋 ";*/
+  float:right;
+  padding-left: 4px;
+}
+
+/* When both isInCorrect and isAssigned are present, show both icons */
+.isInCorrect.isAssigned:before {
+  font-family: "Material Symbols Outlined";
+  content: "\e349 \f3de ";
   float:right;
   padding-left: 4px;
 }

bases/rsptx/interactives/runestone/common/js/runestonebase.js

@@ -610,6 +610,14 @@ export default class RunestoneBase {
         rsDiv.classList.remove("notAnswered");
         rsDiv.classList.remove("isInCorrect");
         rsDiv.classList.remove("isCorrect");
+        let assignmentInfo = localStorage.getItem("currentAssignmentInfo");
+        let questions = [];
+        if (assignmentInfo) {
+            questions = JSON.parse(assignmentInfo).questions
+        }
+        if (questions.indexOf(this.divid) >= 0) {
+            rsDiv.classList.add("isAssigned");
+        }
         if (this.correct) {
             rsDiv.classList.add("isCorrect");
         } else {