Merge branch 'parse_input_outputs_trees' into 'master'

Adding js parsing of input and output for task

See merge request !116

atdb/taskdatabase/templates/taskdatabase/details/inputs.html

@@ -7,11 +7,37 @@
  <div class="card-body">
      <h3>Inputs </h3>
        <table class="table table-striped">
-           <tbody>
-            {{ results | safe }}
+           <tbody  id="inputs_table">
            </tbody>
        </table>
  </div>
 </div>
+<script>
+    var inputs_values = {{ results | safe }}
 
+    function generate_tree(tree, div) {
+        if (Array.isArray(tree)) {
+            var array = $("<tbody></tbody>")
+            div.append(array)
+            for (let row_index in tree) {
+                var row = $('<tr></tr>')
+                generate_tree(tree[row_index], row)
+                array.append(row)
+            }
+
+        } else if (typeof (tree) === 'object' && tree !== null) {
+            for (var att_name in tree) {
+                var row = $(`<tr><td>${att_name}</td></tr>`)
+                generate_tree(tree[att_name], row);
+                div.append(
+                    row
+                )
+            }
+        } else {
+            div.append(`<td>${tree}</td>`)
+        }
+    }
+
+    generate_tree(inputs_values, $('#input_values'))
+</script>
 {% endblock %}
\ No newline at end of file

atdb/taskdatabase/templates/taskdatabase/details/outputs.html

-
 {% load static %}
 {% block myBlock %}
 
 
 <div class="card">
- <div class="card-body">
-     <h3>Outputs </h3>
-       <table class="table table-striped">
-           <tbody>
-              {{ results | safe }}
-           </tbody>
-       </table>
- </div>
+    <div class="card-body">
+        <h3>Outputs </h3>
+        <table class="table table-striped">
+            <tbody id="output_values">
+
+            </tbody>
+        </table>
+    </div>
 </div>
 
+
+<script>
+    var output_values = {{ results | safe }}
+
+    function generate_tree(tree, div) {
+        if (Array.isArray(tree)) {
+            var array = $("<tbody></tbody>")
+            div.append(array)
+            for (let row_index in tree) {
+                var row = $('<tr></tr>')
+                generate_tree(tree[row_index], row)
+                array.append(row)
+            }
+        } else if (typeof (tree) === 'object' && tree !== null) {
+            for (var att_name in tree) {
+                var row = $(`<tr><td>${att_name}</td></tr>`)
+                generate_tree(tree[att_name], row);
+                div.append(
+                    row
+                )
+            }
+        } else {
+            div.append(`<td>${tree}</td>`)
+        }
+    }
+
+    generate_tree(output_values, $('#output_values'))
+</script>
 {% endblock %}
\ No newline at end of file