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'>"+ var menu = "<ul class='nav nav-tabs' style='font-size: 16'>"+
"<li class='active'><a data-toggle='tab' href='#home'>Home</a></li>"+ "<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='#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>"+ "<li><a data-toggle='tab' href='#other'>Other</a></li>"+
"</ul>" "</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'>"+ 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='recentTrackContainer'> </td></tr>"+
"<tr> <td id='colocalizeContainer'> </td></tr>"+ "<tr> <td id='exportRemoveContainer'> </td></tr>"+
"</table>" "</table>"


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


var menuContent = "<div class='tab-content'>"+ 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='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 id='other' class='tab-pane fade'></div>"+
"</div>" "</div>"




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


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


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




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

0 comments on commit 18e2ff3

Please sign in to comment.