Make divids available to link to using the :ref: role

Author: bnmnetp

runestone/activecode/activecode.py

@@ -67,7 +67,7 @@ def __init__(self, content):
         - `self`:
         - `content`:
         """
-        super(ActivcodeNode, self).__init__()
+        super(ActivcodeNode, self).__init__(name=content['name'])
         self.ac_components = content
 
 
@@ -136,6 +136,8 @@ def run(self):
             env.activecodecounter = 0
         env.activecodecounter += 1
 
+        self.options['name'] = self.arguments[0].strip()
+
         self.options['divid'] = self.arguments[0]
 
         if self.content:
@@ -227,7 +229,9 @@ def run(self):
         if 'gradebutton' not in self.options:
             self.options['gradebutton'] = ''
 
-        return [ActivcodeNode(self.options)]
+        acnode = ActivcodeNode(self.options)
+        self.add_name(acnode)    # make this divid available as a target for :ref:
+        return [acnode]
 
 
 class ActiveExercise(ActiveCode):

runestone/activecode/js/activecode.js

@@ -64,6 +64,8 @@ ActiveCode.prototype.init = function(opts) {
 
 ActiveCode.prototype.createEditor = function (index) {
     var newdiv = document.createElement('div');
+    var linkdiv = document.createElement('div')
+    linkdiv.id = this.divid.replace(/_/g,'-').toLowerCase();  // :ref: changes _ to - so add this as a target
     $(newdiv).addClass("ac_section alert alert-warning");
     var codeDiv = document.createElement("div");
     $(codeDiv).addClass("ac_code_div col-md-12");
@@ -73,6 +75,9 @@ ActiveCode.prototype.createEditor = function (index) {
     this.outerDiv = newdiv;
 
     $(this.origElem).replaceWith(newdiv);
+    if (linkdiv.id !== this.divid) {  // Don't want the 'extra' target if they match.
+        newdiv.appendChild(linkdiv);
+    }
     newdiv.appendChild(codeDiv);
     var editor = CodeMirror(codeDiv, {value: this.code, lineNumbers: true, mode: newdiv.lang});