Add :class: option to all descendants of RunestoneDirective

Allows most directives to have class full-width added to force wider display is needed for special contents or some nested component
May not work on components that generate new containers using js

Author: ascholerChemeketa

runestone/activecode/activecode.py

@@ -61,7 +61,7 @@ def setup(app):
 
 
 TEMPLATE_START = """
-<div class="%(divclass)s">
+<div class="%(divclass)s %(optclass)s">
 <div data-component="activecode" id=%(divid)s data-question_label="%(question_label)s">
 <div id=%(divid)s_question class="ac_question col-md-12">
 """

runestone/animation/animation.py

@@ -29,7 +29,7 @@ def setup(app):
 
 
 SRC = """
-<div id="%(divid)s">
+<div id="%(divid)s" class="%(optclass)s">
 <canvas id="%(divid)s_canvas" width="400" height="400" style="border:4px solid blue"></canvas>
 <br />
 <button onclick="%(divid)s_anim = %(divid)s_init('%(divid)s')">Initialize</button>
@@ -60,12 +60,15 @@ class Animation(RunestoneIdDirective):
     optional_arguments = 1
     final_argument_whitespace = True
     has_content = False
-    option_spec = {
-        "modelfile": directives.unchanged,
-        "viewerfile": directives.unchanged,
-        "model": directives.unchanged,
-        "viewer": directives.unchanged,
-    }
+    option_spec = RunestoneIdDirective.option_spec.copy()
+    option_spec.update(
+        {
+            "modelfile": directives.unchanged,
+            "viewerfile": directives.unchanged,
+            "model": directives.unchanged,
+            "viewer": directives.unchanged,
+        }
+    )
 
     def run(self):
         """

runestone/blockly/blockly.py

@@ -207,7 +207,8 @@ class Blockly(RunestoneIdDirective):
     required_arguments = 1
     optional_arguments = 0
     has_content = True
-    option_spec = {}
+    option_spec = RunestoneIdDirective.option_spec.copy()
+    option_spec.update( {} )
 
     def run(self):
         super(Blockly, self).run()

runestone/clickableArea/clickable.py

@@ -35,7 +35,7 @@ def setup(app):
 
 
 TEMPLATE = """
-<div class="runestone">
+<div class="runestone %(optclass)s">
 <div data-component="clickablearea" class="%(divclass)s" id="%(divid)s" data-question_label="%(question_label)s" %(optional)s %(table)s %(correct)s %(incorrect)s style="visibility: hidden;">
 <span data-question>%(qnumber)s: %(question)s</span>%(feedback)s%(clickcode)s
 """

runestone/codelens/visualizer.py

@@ -37,7 +37,7 @@ def setup(app):
 #  data-tracefile="pytutor-embed-demo/java.json"
 
 VIS = """
-<div class="runestone" style="max-width: none;">
+<div class="runestone codelens %(optclass)s">
     <div class="%(divclass)s" data-component="codelens" data-question_label="%(question_label)s">
         <div class="pytutorVisualizer" id="%(divid)s"
            data-params='{"embeddedMode": true, "lang": "%(language)s", "jumpToEnd": false}'>

runestone/common/runestonedirective.py

@@ -208,6 +208,7 @@ class RunestoneDirective(Directive):
     option_spec = {
         "author": directives.unchanged,
         "tags": directives.unchanged,
+        "class": directives.unchanged,
         "difficulty": directives.unchanged,
         "autograde": directives.unchanged,
         "practice": directives.unchanged,
@@ -260,6 +261,8 @@ def __init__(self, *args, **kwargs):
         else:
             self.int_points = 1
 
+        self.options['optclass'] = self.options.get('class', "")
+
         self.explain_text = []
 
 

runestone/datafile/__init__.py

@@ -39,7 +39,7 @@ def setup(app):
 
 
 TEMPLATE = u"""
-<div class="runestone datafile">
+<div class="runestone datafile %(optclass)s">
 <div class="datafile_caption">Data file: <code>%(divid)s</code></div>
 <pre data-component="datafile" id=%(divid)s %(hidden)s data-edit="%(edit)s" data-rows="%(rows)s" data-cols="%(cols)s">
 %(filecontent)s</pre></div>

runestone/disqus/disqus.py

@@ -109,10 +109,13 @@ class DisqusDirective(RunestoneDirective):
     optional_arguments = 0
     final_argument_whitespace = True
     has_content = False
-    option_spec = {
-        "shortname": directives.unchanged_required,
-        "identifier": directives.unchanged_required,
-    }
+    option_spec = RunestoneDirective.option_spec.copy()
+    option_spec.update(
+        {
+            "shortname": directives.unchanged_required,
+            "identifier": directives.unchanged_required,
+        }
+    )
 
     def run(self):
         """

runestone/dragndrop/dragndrop.py

@@ -38,7 +38,7 @@ def setup(app):
 
 
 TEMPLATE_START = """
-<div class="%(divclass)s">
+<div class="%(divclass)s  %(optclass)s">
 <ul data-component="dragndrop" data-question_label="%(question_label)s" id="%(divid)s" %(optional)s style="visibility: hidden;">
     <span data-subcomponent="question">%(qnumber)s: %(question)s</span>
 	%(feedback)s

runestone/fitb/fitb.py

@@ -146,7 +146,7 @@ def run(self):
         super(FillInTheBlank, self).run()
 
         TEMPLATE_START = """
-        <div class="%(divclass)s">
+        <div class="%(divclass)s %(optclass)s">
         <div data-component="fillintheblank" data-question_label="%(question_label)s" id="%(divid)s" %(optional)s style="visibility: hidden;">
             """