the csv export and proof of concept for the png export

Author: JoshuaAHairston

teleband/dashboards/views.py

@@ -73,11 +73,29 @@ def csv_view(request):
     writer = csv.writer(response)
     writer.writerow(["ID", "Course ID", "Course Name", "Piece ID", "Piece Name", "Piece Plan ID", "Piece Plan Name",
                      "Student ID", "Student Instrument ID", "Student Instrument Name", "Assignment Activity ID",
-                     "Assignment Activity", "Assignment Instrument ID", "Assignment Instrument Name", "Submissions"])
+                     "Assignment Activity", "Assignment Instrument ID", "Assignment Instrument Name", "Submissions ID",
+                     "Submissions Content", "Submissions submitted", "Submissions grade", "Submissions Self Grade",
+                     "Submission Attatchnment ID", "Submission Attachment File", "Submission Attachment Submitted"])
     for assn in assignments:
-        writer.writerow([assn.id, assn.enrollment.course.id, assn.enrollment.course.name, assn.piece.id, 
-                         assn.piece.name, assn.piece_plan.id, assn.piece_plan, assn.enrollment.user.id, 
-                         assn.enrollment.instrument.id, assn.enrollment.instrument.name, assn.activity.id,
-                         assn.activity, assn.instrument.id, assn.instrument.name, "N/A"])
+        if len(assn.submissions.all()) == 0:
 
+            writer.writerow([assn.id, assn.enrollment.course.id, assn.enrollment.course.name, assn.piece.id, 
+                            assn.piece.name, assn.piece_plan.id, assn.piece_plan, assn.enrollment.user.id, 
+                            assn.enrollment.instrument.id, assn.enrollment.instrument.name, assn.activity.id,
+                            assn.activity, assn.instrument.id, assn.instrument.name, "N/A", "N/A", "N/A",
+                            "N/A", "N/A", "N/A", "N/A", "N/A"])
+        else:
+            for sub in assn.submissions.all():
+                for att in sub.attachments.all():
+                    csv_val = [assn.id, assn.enrollment.course.id, assn.enrollment.course.name, assn.piece.id, 
+                               assn.piece.name, assn.piece_plan.id, assn.piece_plan, assn.enrollment.user.id, 
+                               assn.enrollment.instrument.id, assn.enrollment.instrument.name, assn.activity.id,
+                               assn.activity, assn.instrument.id, assn.instrument.name, sub.id]
+                    if assn.activity.category == "Create":
+                        csv_val.append("Create, see below")
+                    else:
+                        csv_val.append(sub.content)
+                    csv_val.extend([sub.submitted, sub.grade, sub.self_grade, att.id, att.file, att.submitted])
+                    
+                    writer.writerow(csv_val)
     return response

teleband/templates/assignments/assignment_list.html

@@ -123,7 +123,10 @@
     {% if assn.activity.category == 'Create' %}
     <tr>
       <td colspan="22">
-        <div class="" id="flat-{{sub.id}}"></div>
+        <div class="" id="flat-{{sub.id}}">
+          <div class="score"></div>
+          <div class="png"></div>
+        </div>
         <script>
           compositions.push({{ sub.content | safe }})
           containers.push(document.getElementById('flat-{{sub.id}}'))
@@ -143,7 +146,7 @@
 <script src="https://prod.flat-cdn.com/embed-js/v2.3.0/embed.min.js"></script>
 <script>
   for (let i = 0; i < compositions.length; i++) {
-    let embed = new Flat.Embed(containers[i], {
+    let embed = new Flat.Embed(containers[i].getElementsByClassName("score")[0], {
       score: 'blank',
       embedParams: {
         appId: '60a51c906bcde01fc75a3ad0',
@@ -159,7 +162,22 @@
         toolsetId: '64be80de738efff96cc27edd',
       },
     });
-    embed.loadJSON(compositions[i]);
+    embed.loadJSON(compositions[i]).then(() => {
+      embed.getPNG({
+        result: "dataURL"
+      })
+        .then(function (png) {
+          console.log("png")
+          console.log(png)
+          const scoreimg = document.createElement("a")
+          scoreimg.href = png
+          scoreimg.download = `${containers[i].id}-composition.png`
+          containers[i].getElementsByClassName("png")[0].append(scoreimg)
+          scoreimg.click()
+
+        })
+    });
+
   }
 </script>
 {% endblock custom_javascript %}