start modifying report

lib/imp.html

@@ -66,6 +66,7 @@
       <div id="wholecontent" class="container">
         <div class="tab-content">
 
+
           <!-- STATISTICS -->
           <div role="tabpanel" class="tab-pane fade active" id="preprocessing">
             <section id="files-statistics" class="row">
@@ -74,41 +75,27 @@
                 <div class="col-sm-1 col-md-1"></div>
                 <div class="col-sm-4 col-md-4">
                   <h4><small>Raw</small></h4>
-                  <div id="carousel-mg-raw-wrapper"></div>
+                    <iframe id="MG-raw-stat"></iframe>
                 </div>
                 <div class="col-sm-1 col-md-1"></div>
                 <div class="col-sm-4 col-md-4">
                   <h4><small>Preprocessed</small></h4>
-                  <div id="carousel-mg-preprocessed-wrapper"></div>
+                    <iframe id="MG-preprocessed-stat"></iframe>
                 </div>
                 <div class="col-sm-1 col-md-1"></div>
               </div>
-              <div class="row">
-                <div class="col-sm-1 col-md-1">
-                  <a class="left carousel-control" role="button" data-slide="prev">
-                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-                    <span class="sr-only">Previous</span>
-                  </a>
-                </div>
-                <div class="col-sm-10 col-md-10"></div>
-                <div class="col-sm-1 col-md-1">
-                  <a class="right carousel-control" role="button" data-slide="next">
-                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-                    <span class="sr-only">Next</span>
-                  </a>
-                </div>
-              </div>
+
               <div class="row">
                 <h3><small>Metatranscriptomics files</small></h3>
                 <div class="col-sm-1 col-md-1"></div>
                 <div class="col-sm-4 col-md-4">
                   <h4><small>Raw</small></h4>
-                  <div id="carousel-mt-raw-wrapper"></div>
+                    <iframe id="MT-raw-stat"></iframe>
                 </div>
                 <div class="col-sm-1 col-md-1"></div>
                 <div class="col-sm-4 col-md-4">
                   <h4><small>Preprocessed</small></h4>
-                  <div id="carousel-mt-preprocessed-wrapper"></div>
+                    <iframe id="MT-preprocessed-stat"></iframe>
                 </div>
                 <div class="col-sm-1 col-md-1"></div>
               </div>

lib/imp.js

@@ -284,59 +284,16 @@ if(typeof IMP_STATS !== 'undefined') {
 //renderTimeChart(data['rules'], 'Max runtime', 'max-runtime', 'time-charts-max');
 }
 
+$('##preprocessing').on('show.bs.tab', function (e) {
+    if($("#MG-raw-stat").attr('src') === undefined){
+        $("#MG-raw-stat").attr('src', 'Analysis/stat/MG/index.html');
+        $("#MG-preprocessing-stat").attr('src', 'Analysis/stat/MG/index.html');
+        $("#MT-raw-stat").attr('src', 'Analysis/stat/MT/index.html');
+        $("#MT-preprocessing-stat").attr('src', 'Analysis/stat/MT/index.html');
+    }
+});
 
-// ht_stats
-renderStatsCarousel("carousel-mg-raw", "Preprocessing/stats/MG", [
-    "cycle_composition_2.png",
-    "cycle_quality_1.png",
-    "cycle_quality_2.png",
-    "cycle_quality_box_1.png",
-    "cycle_quality_box_2.png",
-    "lane_tile_quality_1.png",
-    "lane_tile_quality_2.png",
-    "quality_QQ.png",
-    "reads_length.png",
-    "reads_quality.png"
-]);
-
-renderStatsCarousel("carousel-mg-preprocessed", "Preprocessing/stats_after_preprocessing/MG", [
-    "cycle_composition_2.png",
-    "cycle_quality_1.png",
-    "cycle_quality_2.png",
-    "cycle_quality_box_1.png",
-    "cycle_quality_box_2.png",
-    "lane_tile_quality_1.png",
-    "lane_tile_quality_2.png",
-    "quality_QQ.png",
-    "reads_length.png",
-    "reads_quality.png"
-]);
-
-renderStatsCarousel("carousel-mt-raw", "Preprocessing/stats/MT", [
-   "cycle_composition_2.png",
-   "cycle_quality_1.png",
-   "cycle_quality_2.png",
-   "cycle_quality_box_1.png",
-   "cycle_quality_box_2.png",
-   "lane_tile_quality_1.png",
-   "lane_tile_quality_2.png",
-   "quality_QQ.png",
-   "reads_length.png",
-   "reads_quality.png"
-]);
 
-renderStatsCarousel("carousel-mt-preprocessed", "Preprocessing/stats_after_preprocessing/MT", [
-    "cycle_composition_2.png",
-    "cycle_quality_1.png",
-    "cycle_quality_2.png",
-    "cycle_quality_box_1.png",
-    "cycle_quality_box_2.png",
-    "lane_tile_quality_1.png",
-    "lane_tile_quality_2.png",
-    "quality_QQ.png",
-    "reads_length.png",
-    "reads_quality.png"
-]);
 
 renderSimpleCarousel('carousel-assembly', 'Analysis/results', [
     'IMP-vizbin_length.png',