Add show feedback button

Author: bnmnetp

runestone/activecode/activecode.py

@@ -54,7 +54,7 @@ def setup(app):
 
 
 TEMPLATE = """
-<pre data-component="activecode" id=%(divid)s data-lang="%(language)s" %(autorun)s %(hidecode)s %(include)s %(timelimit)s %(coach)s %(codelens)s data-audio='%(ctext)s' %(sourcefile)s %(datafile)s %(stdin)s>
+<pre data-component="activecode" id=%(divid)s data-lang="%(language)s" %(autorun)s %(hidecode)s %(include)s %(timelimit)s %(coach)s %(codelens)s data-audio='%(ctext)s' %(sourcefile)s %(datafile)s %(stdin)s %(gradebutton)s>
 %(initialcode)s
 </pre>
 """
@@ -65,18 +65,6 @@ def setup(app):
 <p class="ac_caption"><span class="ac_caption_text">%(caption)s (%(divid)s)</span> </p>
 '''
 
-
-GRADES = '''
-<span class="ac_sep"></span>
-<input type="button" class='btn btn-default ' id="gradeb" name="Show Feedback" value="Show Feedback" onclick="createGradeSummary('%(divid)s')"/>
-'''
-
-
-
-# <iframe id="%(divid)s_codelens" width="800" height="500" style="display:block"src="#">
-# </iframe>
-
-
 AUTO = '''
 <script type="text/javascript">
 $(document).ready(function() {
@@ -252,6 +240,9 @@ def run(self):
         else:
             self.options['sourcefile'] = "data-sourcefile='%s'" % self.options['sourcefile']
 
+        if 'gradebutton' not in self.options:
+            self.options['gradebutton'] = ''
+
         return [ActivcodeNode(self.options)]
 
 
@@ -261,9 +252,9 @@ class ActiveExercise(ActiveCode):
     has_content = True
 
     def run(self):
-        self.options['hidecode'] = True
-        self.options['gradebutton'] = True
-        self.options['coach'] = True
+        self.options['hidecode'] = "data-hidecode=true"
+        self.options['gradebutton'] = "data-gradebutton=true"
+        self.options['coach'] = "data-coach=true"
         return super(ActiveExercise, self).run()
 
 

runestone/activecode/js/activecode.js

@@ -134,6 +134,15 @@ ActiveCode.prototype.createControls = function () {
         $(butt).css("display","none")
     }
 
+    if ($(this.origElem).data('gradebutton')) {
+        butt = document.createElement("button");
+        $(butt).addClass("ac_opt btn btn-default");
+        $(butt).text("Show Feedback");
+        $(butt).css("margin-left","10px");
+        this.gradeButton = butt;
+        ctrlDiv.appendChild(butt);
+        $(butt).click(this.createGradeSummary.bind(this))
+    }
     // Show/Hide Code
     if (this.hidecode) {
         butt = document.createElement("button");
@@ -220,6 +229,43 @@ ActiveCode.prototype.loadEditor = function () {
 
 };
 
+ActiveCode.prototype.createGradeSummary = function () {
+    // get grade and comments for this assignment
+    // get summary of all grades for this student
+    // display grades in modal window
+    var showGradeSummary = function (data, status, whatever) {
+        var report = eval(data)[0];
+        // check for report['message']
+        if (report['grade']) {
+            body = "<h4>Grade Report</h4>" +
+                   "<p>This assignment: " + report['grade'] + "</p>" +
+                   "<p>" + report['comment'] + "</p>" +
+                   "<p>Number of graded assignments: " + report['count'] + "</p>" +
+                   "<p>Average score: " +  report['avg'] + "</p>"
+
+        } else {
+            body = "<h4>You must be Logged in to see your grade</h4>";
+        }
+        var html = '<div class="modal fade">' +
+            '  <div class="modal-dialog compare-modal">' +
+            '    <div class="modal-content">' +
+            '      <div class="modal-header">' +
+            '        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>' +
+            '        <h4 class="modal-title">Assignment Feedback</h4>' +
+            '      </div>' +
+            '      <div class="modal-body">' +
+            body +
+            '      </div>' +
+            '    </div>' +
+            '  </div>' +
+            '</div>';
+
+        el = $(html);
+        el.modal();
+    }
+    var data = {'div_id': this.divid}
+    jQuery.get(eBookConfig.ajaxURL + 'getassignmentgrade', data, showGradeSummary);
+}
 
 ActiveCode.prototype.hideCodelens = function (button, div_id) {
     this.codelens.style.display = 'none'