From 111e877c4034335e2385270eeb51f7662e2a9c42 Mon Sep 17 00:00:00 2001
From: Matthew Klein <mtt.l.kln@gmail.com>
Date: Tue, 6 Jul 2021 18:37:40 +0000
Subject: [PATCH] wireframe process to render additional data layers

---
 anvio/data/interactive/js/genomeview.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/anvio/data/interactive/js/genomeview.js b/anvio/data/interactive/js/genomeview.js
index 832a25792e..4848fd29f6 100644
--- a/anvio/data/interactive/js/genomeview.js
+++ b/anvio/data/interactive/js/genomeview.js
@@ -28,6 +28,7 @@
  // Settings vars
  // TODO migrate below variables to kvp in state
  var stateData = {};
+ var calculatedSpacing; // like spacing, but calculated ;)
  var spacing = 30; // vertical spacing between genomes
  var showLabels = true; // show genome labels?
  var genomeLabelSize = 15; // font size of genome labels
@@ -189,7 +190,7 @@ function loadAll() {
 
   // Find max length genome
   calculateMaxGenomeLength()
-  let calculatedSpacing = calculateSpacingForGroups()
+  calculatedSpacing = calculateSpacingForGroups()
 
   var scaleWidth = canvas.getWidth();
   var scaleHeight = 200;
@@ -460,6 +461,7 @@ function draw(scaleX=scaleFactor) {
   for(genome of genomeData.genomes) {
     let label = genome[1].genes.gene_calls[0].contig;
     addGenome(label, genome[1].genes.gene_calls, genome[0], y, scaleX=scaleX)
+    addLayers(label, genome[1], genome[0])
     labelSpacing += 30
     y++;
   }
@@ -699,6 +701,17 @@ function addGenome(label, gene_list, genomeID, y, scaleX=1) {
   //geneGroup.destroy();
 }
 
+function addLayers(label, genome, genomeID){ // this will work alongside addGenome to render out any additional data layers associated with each group (genome)
+
+  let additionalDataLayers = stateData['additional-data-layers'].find(group =>  group.genome = label)
+  if(additionalDataLayers['coverage']){
+    // process for rendering coverage
+  }
+  if(additionalDataLayers['gcContent']){
+    //process for rendering GC content
+  }
+}
+
 function geneArrow(gene, geneID, functions, y, genomeID, style, scaleX=1) {
   var cag = null;
   var color = 'gray';