Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
menu update
  • Loading branch information
yuj12001 committed Sep 11, 2015
1 parent 5d0f58d commit 18e2ff3
Showing 1 changed file with 21 additions and 13 deletions.
34 changes: 21 additions & 13 deletions VQI_GenomeBrowser.js
Expand Up @@ -111,30 +111,35 @@ function VQI_GenomeBrowser(id, serviceURL) {
var menu = "<ul class='nav nav-tabs' style='font-size: 16'>"+
"<li class='active'><a data-toggle='tab' href='#home'>Home</a></li>"+
"<li><a data-toggle='tab' href='#traks'>Track</a></li>"+
"<li><a data-toggle='tab' href='#data'>Data</a></li>"+
"<li><a data-toggle='tab' href='#analysis'>Analysis</a></li>"+
"<li><a data-toggle='tab' href='#other'>Other</a></li>"+
"</ul>"
var homeTable = "<table cellpadding='5'; style='margin: 0px 20px;font-size: 14'>"+
"<tr> <td id='trackNavContainer'> </td></tr>"+
"<tr> <td id=''> </td></tr>"+
"<tr> <td id=''> </td></tr>"+
"</table>"

var tackMenuTable = "<table cellpadding='5'; style='margin: 0px 20px;font-size: 14'>"+
"<tr> <td id='trackNavContainer'> </td></tr>"+
"<tr> <td id='uploadDataContainer'> </td></tr>"+
"<tr> <td id='recentTrackContainer'> </td></tr>"+
"<tr> <td id='colocalizeContainer'> </td></tr>"+
"<tr> <td id='exportRemoveContainer'> </td></tr>"+
"</table>"

var dataMenuTable = "<table cellpadding='5'; style='margin: 0px 20px;font-size: 14'>"+
"<tr> <td id='uploadDataContainer'> </td></tr>"+
"<tr> <td id='exportContainer'> </td></tr>"+
var analysisMenuTable = "<table cellpadding='5'; style='margin: 0px 20px;font-size: 14'>"+
"<tr> <td id='colocalizeContainer'> </td></tr>"+
"<tr> <td id='mcEntContainer'> </td></tr>"+
"</table>"

var menuContent = "<div class='tab-content'>"+
"<div id='home' class='tab-pane fade in active'></div>"+
"<div id='home' class='tab-pane fade in active' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+homeTable+"</div>"+
"<div id='traks' class='tab-pane fade ' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+tackMenuTable+"</div>"+
"<div id='data' class='tab-pane fade' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+dataMenuTable+"</div>"+
"<div id='analysis' class='tab-pane fade' style='height: 130px; width: 800px; background-color:#F0F0F0'>"+analysisMenuTable+"</div>"+
"<div id='other' class='tab-pane fade'></div>"+
"</div>"


var menuContainer = "<div class='container-fluid'>"+menu+menuContent+"</div>";
var menuContainer = "<div class='container-fluid' >"+menu+menuContent+"</div>";
$("#" + divId).append(menuContainer);

};
Expand Down Expand Up @@ -338,6 +343,7 @@ function VQI_GenomeBrowser(id, serviceURL) {
});

var f = document.createElement("form");
fileInput.style.display="inline";
f.innerHTML = "Add track by uploading file: ";
f.appendChild(fileInput);
$("#" + divId + " #uploadDataContainer").append(f);
Expand All @@ -364,12 +370,14 @@ function VQI_GenomeBrowser(id, serviceURL) {


this.makeSelectionForm = function () {
var removeButton = "<input type='button' id='removetrackbutton' value='Remove Track'>";
var exportButton = "<input type='button' id='exporttrackbutton' value='Export'>";
var removeButton = "<input type='button' id='removetrackbutton' value='Remove Selected Track'>";
var exportButton = "<input type='button' id='exporttrackbutton' value='Export Selected Track'>";
var mcScoreButton = "<input type='button' id='mcscoreTracks' value='MC System' onclick='VQI_ControlPanel.scoreButtonClicked()'>";
var entScoreButton = "<input type='button' id='entscoreTracks' value='EMT Score' onclick='VQI_ControlPanel.EMTScoreButtonClicked()'>";
var form = "<form id='selectionForm'>" + removeButton + exportButton + mcScoreButton + entScoreButton + "</form>";
$("#" + divId).append(form);
var removeExportform = "<form id='removeExportForm'>" + removeButton + "&nbsp&nbsp&nbsp"+exportButton +"</form>";
var mcEntForm = "<form id='mcEntForm'>" + mcScoreButton + "&nbsp&nbsp&nbsp"+entScoreButton +"</form>";
$("#" + divId +" #exportRemoveContainer").append(removeExportform);
$("#" + divId +" #mcEntContainer").append(mcEntForm);
$("#" + divId + " #removetrackbutton").on("click", removeSelectedTracks.bind(this));
$("#" + divId + " #exporttrackbutton").on("click", exportSelectedTracks.bind(this));
};
Expand Down

0 comments on commit 18e2ff3

Please sign in to comment.