Adding study-details

Author: agbeltran

assets/js/ISATabViewer.js

@@ -29,6 +29,31 @@ hashCode = function (s) {
 
 ISATabViewer.rendering = {
 
+    process_study_details: function(study_index) {
+      var study = ISATabViewer.investigation.STUDY[study_index];
+      var study_details = [];//{"designs": [], "measurements": [], "technologies": []};
+
+      var record = {"name": "Designs", "values": study["STUDY DESIGN DESCRIPTORS"]["Study Design Type"]};
+      study_details.push(record);
+
+      record = {"name": "Measurements", "values": study["STUDY ASSAYS"]["Study Assay Measurement Type"]};
+      study_details.push(record);
+
+      record = {"name": "Technologies", "values":  study["STUDY ASSAYS"]["Study Assay Technology Type"]};
+      study_details.push(record);
+
+      return study_details;
+    },
+
+    render_study_details: function () {
+        var source = $("#study-details-template").html();
+        var template = Handlebars.compile(source);
+        var html = template({"study_details": ISATabViewer.rendering.study_details});
+
+        console.log("html---->", html);
+
+        $("#study-details").html(html);
+    },
 
     render_sample_statistics: function () {
         var source = $("#sample-distribution-template").html();
@@ -67,9 +92,13 @@ ISATabViewer.rendering = {
         for (var study_index in ISATabViewer.investigation.STUDY) {
 
             var study_information = ISATabViewer.investigation.STUDY[study_index];
+
             var study_file = ISATabViewer.rendering.replace_str("\"", "", study_information.STUDY["Study File Name"][0]);
             var base_directory = file_name.substr(0, file_name.lastIndexOf("/") + 1);
 
+            ISATabViewer.rendering.study_details = ISATabViewer.rendering.process_study_details(study_index);
+            ISATabViewer.rendering.render_study_details();
+
             var assays = ISATabViewer.rendering.generate_records(study_information, "STUDY ASSAYS");
 
             $.ajax({
@@ -85,6 +114,7 @@ ISATabViewer.rendering = {
 
                         ISATabViewer.rendering.render_sample_statistics();
                     }
+
                 }
             });
 
@@ -178,6 +208,7 @@ ISATabViewer.rendering = {
                 }
             }
         }
+
         return {current_study: current_study, current_section: current_section, parts: parts};
     },
 
@@ -294,7 +325,7 @@ ISATabViewer.rendering = {
 
     render_assay: function (study_id, file_name) {
 
-        $("#isa-breadcrumb-items").html('<li onclick="Transition.functions.hideContent();" class="active"><i class="fa fa-chevron-left"></i> Back to Studies</li><li onclick="ISATabViewer.rendering.render_study(\'' + study_id + '\')" class="active"><span class="fa fa-align-justify"></span> Study Details </li><li><span class="fa fa-table"></span> ' + file_name + '</li>');
+        $("#isa-breadcrumb-items").html('<li onclick="Transition.functions.hideContent();" class="active"><i class="fa fa-chevron-left"></i> Back to Datasets</li><li onclick="ISATabViewer.rendering.render_study(\'' + study_id + '\')" class="active"><span class="fa fa-align-justify"></span> Dataset Details </li><li><span class="fa fa-table"></span> ' + file_name + '</li>');
 
         var spreadsheet = ISATabViewer.spreadsheets.files[file_name];
 

index.html

@@ -58,7 +58,7 @@
             <div class="clearfix"></div>
 
             <div class="filter">
-                <p><span title="Filter by measurements used in the studies">Measurement Types></span></p>
+                <p><span title="Filter by measurements used in the studies">Measurement Types</span></p>
                 <ul id="popular-assays" class="filter-list"></ul>
                 <span id="popular-assays-reset" class="reset hidden" data-target="popular-assays">Reset</span>
                 <span class="show-next-5" data-target="popular-assays">Show next 5</span>
@@ -322,7 +322,6 @@ <h2 class="title title--preview"><span title="Data Descriptor Article Title">{{t
 
 
 <script id="study-list-template" type="text/x-handlebars-template">
-
     {{#each studies}}
     <li id="list-{{this.hash}}" onclick="ISATabViewer.rendering.render_study('{{this.id}}', '{{this.hash}}')">
         {{this.id}}
@@ -331,6 +330,16 @@ <h2 class="title title--preview"><span title="Data Descriptor Article Title">{{t
 
 </script>
 
+<script id="study-details-template" type="text/x-handlebars-template">
+    <ul>
+     {{#each study_details}}
+
+        <li><p class="characteristic_type">{{this.name}}: </p>  {{this.values}}
+        </li>
+
+        {{/each}}
+    </ul>
+</script>
 
 <script id="sample-distribution-template" type="text/x-handlebars-template">
     <ul>
@@ -360,13 +369,12 @@ <h2 class="title title--preview"><span title="Data Descriptor Article Title">{{t
     <div class="cf"></div>
     <br/>
 
-    <div id="investigation">
-        <div class="section-header">Investigation Details</div>
+    <div id="study">
+        <div class="section-header">Study Details</div>
 
         <div class="clearfix"></div>
 
-        <div id="investigation-details">
-
+        <div id="study-details">
         </div>
 
     </div>
@@ -383,6 +391,19 @@ <h2 class="title title--preview"><span title="Data Descriptor Article Title">{{t
 
     </div>
 
+    <div id="factors">
+
+        <span class="section-header">Factors</span>
+        <ul>
+            {{#each factors}}
+            <li>
+                <p class="protocol-name">{{[Study Factor Name]}} </p>
+            </li>
+            {{/each}}
+        </ul>
+    </div>
+
+
     <div id="protocols">
         <span class="section-header">Methods Details</span>
         <ul>
@@ -429,31 +450,22 @@ <h2 class="title title--preview"><span title="Data Descriptor Article Title">{{t
         </ul>
     </div>
 
+    <!--
    <div id="funders">
 
         <span class="section-header">Funders</span>
-        <ul>
+      <ul>
             {{#each contacts}}
             <li>
                 <p class="publication-title">{{[Study Person First Name]}} {{[Study Person Last Name]}} <span
                         class="publication-pubmed-id">{{[Study Person Affiliation]}}</span></p>
             </li>
             {{/each}}
         </ul>
-    </div>
-
-
-    <div id="factors">
 
-        <span class="section-header">Factors</span>
-        <ul>
-            {{#each factors}}
-            <li>
-                <p class="protocol-name">{{[Study Factor Name]}} </p>
-            </li>
-            {{/each}}
-        </ul>
     </div>
+    -->
+
 
 
 </script>