PyKubeGrader 0.1.2__py3-none-any.whl → 0.1.3__py3-none-any.whl

pykubegrader/widgets/__init__.py

@@ -1 +1,10 @@
+# Auto-generated __init__.py
 
+from . import select_many
+from . import multiple_choice
+from . import true_false
+from . import reading_question
+from . import student_info
+from . import types_question
+
+__all__ = ['select_many', 'multiple_choice', 'true_false', 'reading_question', 'student_info', 'types_question']

pykubegrader/widgets/select_many.py

@@ -1,6 +1,13 @@
 import panel as pn
 
 from ..widgets_base.multi_select import MultiSelectQuestion
+from ..widgets.style import drexel_colors, raw_css
+
+# Pass the custom CSS to Panel
+pn.extension(design="material", global_css=[drexel_colors], raw_css=[raw_css])
+
+# Add the custom CSS to Panel
+pn.config.raw_css.append(raw_css)
 
 #
 # Style function
@@ -50,6 +57,8 @@ def MultiSelect(
 # Question class
 #
 
+# TODO: add grade all or grade in parts.
+
 
 class SelectMany(MultiSelectQuestion):
     def __init__(
@@ -98,6 +107,7 @@ class SelectMany(MultiSelectQuestion):
             """,
         ],
         points=1,
+        grade="all",
     ):
         super().__init__(
             title=title,

pykubegrader/widgets/style.py

@@ -0,0 +1,47 @@
+import panel as pn
+
+# Extend the Material Design with custom Drexel colors
+drexel_colors = """
+:root {
+    --panel-primary-color: #07294D; /* Drexel Blue */
+    --design-primary-color: #07294D; /* Drexel Blue */
+    --design-primary-text-color: #FFFFFF; /* White text on primary */
+    --design-secondary-color: #FFC600; /* Drexel Gold */
+    --design-secondary-text-color: #07294D; /* Blue text on secondary */
+    --design-background-color: #F8F8F8; /* Soft background */
+    --design-background-text-color: #07294D; /* Blue text on background */
+    --design-surface-color: #FFFFFF; /* White surface */
+    --design-surface-text-color: #07294D; /* Blue text on surface */
+}
+:host {
+    --design-primary-color: #07294D; /* Drexel Blue */
+    --design-primary-text-color: #FFFFFF; /* White text on primary */
+    --design-secondary-color: #FFC600; /* Drexel Gold */
+    --design-secondary-text-color: #07294D; /* Blue text on secondary */
+    --design-background-color: #F8F8F8; /* Soft background */
+    --design-background-text-color: #07294D; /* Blue text on background */
+    --design-surface-color: #FFFFFF; /* White surface */
+    --design-surface-text-color: #07294D; /* Blue text on surface */}
+"""
+
+raw_css = """
+/* Styling for the labels */
+.bk-input-group label {
+  color: #07294D !important; /* Drexel Blue label text color */
+}
+
+/* Styling for CheckBoxGroup and RadioBoxGroup inputs */
+.bk-input-group input[type="radio"] {
+  accent-color: #07294D !important; /* Drexel Blue accent for inputs */
+}
+
+input[type='checkbox']:checked {
+    accent-color: #07294D !important;
+}
+
+input[type='checkbox'] {
+    width: 16px;
+    height: 16px;
+    margin-right: 8px;
+}
+"""

pykubegrader/widgets/true_false.py

@@ -0,0 +1,101 @@
+from typing import Tuple
+
+import panel as pn
+
+from ..utils import list_of_lists
+from ..widgets_base.select import SelectQuestion
+from .style import drexel_colors, raw_css
+
+import panel as pn
+
+# Pass the custom CSS to Panel
+pn.extension(design="material", global_css=[drexel_colors], raw_css=[raw_css])
+
+#
+# Style function
+#
+
+
+import panel as pn
+from typing import List, Tuple
+
+
+def TrueFalse_style(
+    descriptions: List[str],
+    options: List[str] | List[List[str]],
+    initial_vals: List[str],
+) -> Tuple[List[pn.pane.HTML], List[pn.widgets.RadioBoxGroup]]:
+    """
+    Creates a styled True/False question layout with descriptions and radio buttons.
+
+    Args:
+        descriptions (List[str]): List of question descriptions.
+        options (List[str] or List[List[str]]): List of options, either as a single list or list of lists.
+        initial_vals (List[str]): Initial selected values for each question.
+
+    Returns:
+        Tuple[List[pn.pane.HTML], List[pn.widgets.RadioBoxGroup]]: Styled description panes and radio button groups.
+    """
+    desc_width = "100%"  # Responsive width for descriptions
+    button_width = "100%"  # Responsive width for radio buttons
+
+    # Create description widgets
+    desc_widgets = [
+        pn.pane.HTML(
+            f"""
+            <div style="text-align: left; width: {desc_width}; padding: 10px 0;">
+                <b>{desc}</b>
+            </div>
+            """,
+            sizing_mode="stretch_width",
+        )
+        for desc in descriptions
+    ]
+
+    # Create radio button groups
+    radio_buttons = [
+        pn.widgets.RadioBoxGroup(
+            options=option,
+            value=value,
+            width_policy="max",  # Automatically scales to fit content
+            sizing_mode="stretch_width",  # Make width responsive
+        )
+        for value, option in zip(
+            initial_vals,
+            options if isinstance(options[0], list) else [options] * len(initial_vals),
+        )
+    ]
+
+    return desc_widgets, radio_buttons
+
+
+#
+# Question class
+#
+
+class TFQuestion(SelectQuestion):
+
+    def __init__(
+        self,
+        title="Select if the statement is True or False",
+        style=TrueFalse_style,
+        question_number=2,
+        keys=["MC1", "MC2", "MC3", "MC4"],
+        options=None,
+        descriptions=[
+            "Which of the following stores key:value pairs?",
+            "The following condition returns to the next iteration of the loop",
+            "Which operator is used for exponentiation in Python?",
+            "Which method is used to add an element to the end of a list in Python?",
+        ],
+        points=2,
+    ):
+        super().__init__(
+            title=title,
+            style=style,
+            question_number=question_number,
+            keys=keys,
+            options=[["True", "False"] for _ in range(len(keys))],
+            descriptions=descriptions,
+            points=points,
+        )

pykubegrader/widgets_base/multi_select.py

@@ -1,9 +1,17 @@
 from typing import Callable, Tuple
 
 import panel as pn
+import time
 
 from ..telemetry import ensure_responses, update_responses
 from ..utils import shuffle_questions
+from ..widgets.style import drexel_colors, raw_css
+
+# Pass the custom CSS to Panel
+pn.extension(design="material", global_css=[drexel_colors], raw_css=[raw_css])
+
+# Add the custom CSS to Panel
+pn.config.raw_css.append(raw_css)
 
 
 class MultiSelectQuestion:
@@ -50,7 +58,7 @@ class MultiSelectQuestion:
             descriptions, options, self.initial_vals
         )
 
-        self.submit_button = pn.widgets.Button(name="Submit")
+        self.submit_button = pn.widgets.Button(name="Submit", button_type="primary")
         self.submit_button.on_click(self.submit)
 
         widget_pairs = shuffle_questions(description_widgets, self.widgets, seed)
@@ -93,7 +101,9 @@ class MultiSelectQuestion:
         for key, value in zip(self.keys, responses_flat):
             update_responses(key, value)
 
-        print("Responses recorded successfully")
+        self.submit_button.name = "Responses Submitted"
+        time.sleep(1)
+        self.submit_button.name = "Submit"
 
     def show(self):
         return self.layout

pykubegrader/widgets_base/select.py

@@ -4,6 +4,12 @@ import panel as pn
 
 from ..telemetry import ensure_responses, update_responses
 from ..utils import shuffle_questions
+from ..widgets.style import drexel_colors
+import time
+from IPython.display import update_display, display
+
+# Pass the custom CSS to Panel
+pn.extension(design="material", global_css=[drexel_colors])
 
 
 class SelectQuestion:
@@ -66,7 +72,19 @@ class SelectQuestion:
         for key, value in selections.items():
             update_responses(key, value)
 
-        print("Responses recorded successfully")
+        self.submit_button.name = "Responses Submitted"
+        time.sleep(1)
+        self.submit_button.name = "Submit"
+        
+        # # Display the message with a unique display_id
+        # display_id = "temp_message"
+        # display("Responses recorded successfully", display_id=display_id)
+
+        # # Wait for 1 second
+        # time.sleep(1)
+
+        # # Update the display with an empty string to clear it
+        # update_display('', display_id=display_id)
 
     def show(self):
         return self.layout

PyKubeGrader-0.1.2.dist-info/RECORD

@@ -1,20 +0,0 @@
-pykubegrader/__init__.py,sha256=AoAkdfIjDDZGWLlsIRENNq06L9h46kDGBIE8vRmsCfg,311
-pykubegrader/initialize.py,sha256=PACquuxFkvOKUx51Rv6_RVu1YnYXf9L_W3hmMY5IxMw,706
-pykubegrader/telemetry.py,sha256=eAzb54-lHFcgv0IsLFwsWr4nm_D7u-n-zOdR4cKGID4,3291
-pykubegrader/utils.py,sha256=dKw6SyRYU3DWRgD3xER7wq-C9e1daWPkqr901LpcwiQ,642
-pykubegrader/validate.py,sha256=QzdsjSS7rBzvBj_s_VHk-shjkPE-NYHQrYI3UHbq7Yo,10632
-pykubegrader/widgets/__init__.py,sha256=AbpHGcgLb-kRsJGnwFEktk7uzpZOCcBY74-YBdrKVGs,1
-pykubegrader/widgets/multiple_choice.py,sha256=NjD3-uXSnibpUQ0mO3hRp_O-rynFyl0Dz6IXE4tnCRI,2078
-pykubegrader/widgets/reading_question.py,sha256=y30_swHwzH8LrT8deWTnxctAAmR8BSxTlXAqMgUrAT4,3031
-pykubegrader/widgets/select_many.py,sha256=NRRs9P3Jygl9eUVW16nxMLNlHfFDuINgsFhMyXiOsXU,3826
-pykubegrader/widgets/student_info.py,sha256=xhQgKehk1r5e6N_hnjAIovLdPvQju6ZqQTOiPG0aevg,3568
-pykubegrader/widgets/types_question.py,sha256=kZdRRXyFzOtYTmGdC7XWb_2oaxqg1WSuLcQn_sTj6Qc,2300
-pykubegrader/widgets_base/__init__.py,sha256=AbpHGcgLb-kRsJGnwFEktk7uzpZOCcBY74-YBdrKVGs,1
-pykubegrader/widgets_base/multi_select.py,sha256=o9FwOSkfjarSZuC0wgBJLSRNtnY1-q_og1k_cdyJki8,3105
-pykubegrader/widgets_base/reading.py,sha256=4uTLmlPzCwxVzufFhPjM7W19uMGguRb6y4eAV3x-zAc,5314
-pykubegrader/widgets_base/select.py,sha256=5k-LoD3fTZYUOubRiTeQcVN5YDGK28x4Qb2l1aRVKzo,2181
-PyKubeGrader-0.1.2.dist-info/LICENSE.txt,sha256=YTp-Ewc8Kems8PJEE27KnBPFnZSxoWvSg7nnknzPyYw,1546
-PyKubeGrader-0.1.2.dist-info/METADATA,sha256=2S4jh--r5j8sNCgtk5YKn0ZHJ9OdvPmXDEZOu4a5VmI,2640
-PyKubeGrader-0.1.2.dist-info/WHEEL,sha256=PZUExdf71Ui_so67QXpySuHtCi3-J3wvF4ORK6k_S8U,91
-PyKubeGrader-0.1.2.dist-info/top_level.txt,sha256=e550Klfze6higFxER1V62fnGOcIgiKRbsrl9CC4UdtQ,13
-PyKubeGrader-0.1.2.dist-info/RECORD,,