Yeast lab browsers: updated properties shown in each browser based on users' request.

SVN: 24753

plasmid/source/html/yeastlabbrowser/button.css

@@ -54,7 +54,7 @@ input {
 display:block;
 font-weight:bold;
 color:#FFFFFF;
-background-color:#6699FF;
+background-color:#F0F8FF;
 width:120px;
 text-align:center;
 padding:4px;

plasmid/source/html/yeastlabbrowser/chemicals-browser.html

@@ -352,7 +352,7 @@ function visualize(filterText)
 		.attr("class", "chemical-table-data")
 		.style("cursor", "pointer")
 		.on("click", inspectChemical)
-		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.NAME]; })
+		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.NAME, sample.properties.SUPPLIER, sample.properties.ARTICLE_NUMBER, sample.properties.LOCAL_ID, sample.properties.STORAGE]; })
 			.enter()
 			.append("td")
 			.append("div")
@@ -485,7 +485,7 @@ $(document).ready(function() {
 		<div id="vis">
 		  <table cellspacing="10" cellpadding="20">
 			<table id="chemical-table" style="float: left">
-			  <tr class="chemical-table-header"><th>Code</th><th>Chemical Name</th></tr>
+			  <tr class="chemical-table-header"><th>Chemical Code</th><th>Chemical Name</th><th>Supplier</th><th>Art. Number</th><th>Local ID</th><th>Storage</th></tr>
 			</table>
 			<span id="inspectorsContainer"></span>
 		</div>

plasmid/source/html/yeastlabbrowser/oligo-browser.html

@@ -352,7 +352,7 @@ function visualize(filterText)
 		.attr("class", "oligo-table-data")
 		.style("cursor", "pointer")
 		.on("click", inspectOligo)
-		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.SEQUENCE]; })
+		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.TARGET, sample.properties.DIRECTION,sample.properties.RESTRICTION_ENZYME, sample.properties.PROJECT]; })
 			.enter()
 			.append("td")
 			.append("div")
@@ -485,7 +485,7 @@ $(document).ready(function() {
 		<div id="vis">
 		  <table cellspacing="10" cellpadding="20">
 			<table id="oligo-table" style="float: left">
-			  <tr class="oligo-table-header"><th>Code</th><th>Sequence</th></tr>
+			  <tr class="oligo-table-header"><th>Oligo Code</th><th>Target</th><th>Direction</th><th>Restriction Enzyme</th><th>Project</th></tr>
 			</table>
 			<span id="inspectorsContainer"></span>
 		</div>

plasmid/source/html/yeastlabbrowser/plasmid-browser.html

@@ -146,7 +146,7 @@ function resizePlasmidTable()
 	var areInspectorsVisible;
 	var padding = 20;
 	if (inspectedPlasmids.length > 0) {
-		cellWidth = ((getAppWidth() - inspectorsWidth) / 3) - padding + "px";
+		cellWidth = ((getAppWidth() - inspectorsWidth) / 9) - padding + "px";
 		areInspectorsVisible = true;
 	} else {
 		cellWidth = "100%";
@@ -352,7 +352,7 @@ function visualize(filterText)
 		.attr("class", "plasmid-table-data")
 		.style("cursor", "pointer")
 		.on("click", inspectPlasmid)
-		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.PLASMID_NAME, sample.properties.OWNER]; })
+		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.OWNER, sample.properties.OWNER_NUMBER, sample.properties.PLASMID_NAME, sample.properties.BACKBONE, sample.properties.BACTERIAL_ANTIBIOTIC_RESISTANCE,sample.properties.YEAST_MARKER]; })
 			.enter()
 			.append("td")
 			.append("div")
@@ -485,7 +485,7 @@ $(document).ready(function() {
 		<div id="vis">
 		  <table cellspacing="10" cellpadding="20">
 			<table id="plasmid-table" style="float: left">
-			  <tr class="plasmid-table-header"><th>Code</th><th>Plasmid Name</th><th>Owner</th></tr>
+			  <tr class="plasmid-table-header"><th>Plasmid Code</th><th>Owner</th><th>Owner Number</th><th>Plasmid Name</th><th>Backbone</th><th>Bacterial Antibiotic Resistance</th><th>(Yeast) Marker</th></tr>
 			</table>
 			<span id="inspectorsContainer"></span>
 		</div>

plasmid/source/html/yeastlabbrowser/yeast-browser.html

@@ -352,7 +352,7 @@ function visualize(filterText)
 		.attr("class", "yeast-table-data")
 		.style("cursor", "pointer")
 		.on("click", inspectYeast)
-		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.YEAST_STRAIN_NAME, sample.properties.OWNER]; })
+		.selectAll("td").data(function(sample) { return [sample.identifier, sample.properties.OWNER, sample.properties.OWNER_NUMBER, sample.properties.YEAST_STRAIN_NAME, sample.properties.PROJECT, sample.properties.PLASMIDS, sample.properties.YEAST_PARENTS, sample.properties.GENETIC_BACKGROUND, sample.properties.MATING_TYPE]; })
 			.enter()
 			.append("td")
 			.append("div")
@@ -484,7 +484,7 @@ $(document).ready(function() {
 
 		<div id="vis">
 			<table id="yeast-table" style="float: left">
-				<tr class="yeast-table-header"><th>Code</th><th>Yeast Strain Name</th><th>Owner</th></tr>
+				<tr class="yeast-table-header"><th>Yeast Code</th><th>Owner</th><th>Owner Number</th><th>Yeast Strain Name</th><th>Project</th><th>Plasmids</th><th>Yeast Parents</th><th>Genetic Background</th><th>Mating Type</th></tr>
 			</table>
 			<span id="inspectorsContainer"></span>
 		</div>