import panel as pn
from ..widgets.style import drexel_colors, raw_css
from ..widgets_base.multi_select import MultiSelectQuestion
from .question_processor import process_questions_and_codes
# 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
#
[docs]
def MultiSelect(
descriptions: list[str], options: list[list[str]], initial_vals: list[bool]
):
desc_widgets: list[pn.pane.HTML] = []
checkboxes: list[pn.Column] = []
# Create separator line between questions
separator = pn.pane.HTML("<hr style='border:1px solid lightgray; width:100%;'>")
i = 0
desc_width = "500px"
for question, option_set in zip(descriptions, options):
# Process descriptions through `process_questions_and_codes`
processed_titles, code_blocks = process_questions_and_codes(question)
# Create an HTML pane for the title
title_pane = pn.pane.HTML(
f"<hr style='border:1px solid lightgray; width:100%;'>"
f"<div style='text-align: left; width: {desc_width};'><b>{processed_titles[0]}</b></div>"
)
# Add the title and code block in a row
if code_blocks[0]:
desc_widget = pn.Column(
title_pane, code_blocks[0], sizing_mode="stretch_width"
)
else:
desc_widget = title_pane
# # Create description widget with separator
# Create checkboxes for current question
checkbox_set = [
pn.widgets.Checkbox(
value=initial_vals[i],
name=option,
disabled=False,
)
for i, option in enumerate(option_set, start=i)
]
desc_widgets.append(desc_widget)
checkboxes.append(pn.Column(*[separator] + checkbox_set))
# Increment iterator for next question
i += len(option_set)
return desc_widgets, checkboxes
#
# Question class
#
# TODO: add grade all or grade in parts.
[docs]
class SelectMany(MultiSelectQuestion):
def __init__(
self,
title="Select all statements which are TRUE",
style=MultiSelect,
question_number=3,
keys=["MS1", "MS2", "MS3", "MS4", "MS5"],
options=[
["`if` statements", "`for` loops", "`while` loops", "`end` statements"],
["dictionary", "tuple", "float", "class"],
[
"A class can inherit attributes and methods from another class.",
"The `self` keyword is used to access variables that belong to a class.",
"`__init__` runs on instantiation of a class.",
"Variables assigned in a class are always globally accessible.",
],
[
"Keys in dictionaries are mutable.",
"It is possible to store a list of dictionaries in Python.",
"You can create multiple instances of a class with different values.",
"If `list1` is a list and you assign it to `list2` and append a value to `list2`, `list1` will also contain the value that was appended to `list2`.",
],
[
"In `print(i)`, `i` must be a string.",
"`2day` is not a valid variable name.",
"`i` is not defined when evaluating the `while` loop.",
"`i < 5` is not valid syntax to compare a variable `i` to an integer `5`, if `i` is a float.",
],
],
descriptions=[
"Which of the following control structures are used in Python? (Select all that apply)",
"Which of the following are built-in data structures in Python? (Select all that apply)",
"Concerning object-oriented programming in Python, which of the following statements are true? (Select all that apply)",
"Select all of the TRUE statements",
"""
Select all the syntax errors in the following code:
<pre>
<code class="language-python">
2day = 'Tuesday'
while i < 5:
print(i)
i += 1.0
</code>
</pre>
""",
],
points=1,
grade="all",
):
super().__init__(
title=title,
style=style,
question_number=question_number,
keys=keys,
options=options,
descriptions=descriptions,
points=points,
)
