index.xhtml 9.27 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	>

<f:view contentType="text/html">

 
<h:head>
	<title>#{mapMB.currentProject.name}</title>
	
	<!-- Google Maps API version 3.20	-->
Piotr Gawron's avatar
Piotr Gawron committed
19
	<script src="https://maps.google.com/maps/api/js?libraries=drawing&amp;v=3.26" type="text/javascript"/>
20

21
22
23
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"/>
	<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.min.js" type="text/javascript"/>

Piotr Gawron's avatar
Piotr Gawron committed
24
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
25

26
27
28
	
	<link rel="shortcut icon" href="./resources/images/favicon.png" type="image/png" />

29
	<h:outputScript library="js" name="minerva.js"  />
30
31
32
33
34
35
36
	
	<ui:include src="/WEB-INF/components/map/statistics.xhtml" />

	<script type="text/javascript">
//<![CDATA[

function initMap(){
37
	var mapDiv = document.getElementById('mapElement');
Piotr Gawron's avatar
Piotr Gawron committed
38
	minerva.GuiConnector.init();
39
	minerva.ServerConnector.getProject(minerva.GuiConnector.getParams['id']).then(function(project){
40
41
		var windowsTouchInterface = ((navigator.appVersion.indexOf("Win")!=-1) && ('ontouchstart' in document.documentElement)); 
		var overviewDiv = document.getElementById("overviewDiv");
Piotr Gawron's avatar
Piotr Gawron committed
42
	  return minerva.create({
43
		    mapDiv : mapDiv, 
44
		    project : project, 
45
46
47
48
		    hideDiv : document.getElementById('leftPanel'), 
		    markerOptimization : !windowsTouchInterface, 
		    bigLogo : windowsTouchInterface, 
		    overviewDiv : overviewDiv,
49
		    customTouchInterface: windowsTouchInterface,
50
		    debug:minerva.GuiConnector.getParams['debug']!==undefined,
51
52
53
54
55
56
57
58

				dataCollections: [
								{name: "search"},
								{name: "drug", allowSearchById:true, allowGeneralSearch: true},
								{name: "chemical", allowSearchById:#{chemicalMB.linkedToDisease()}, allowGeneralSearch: #{chemicalMB.linkedToDisease() == true}},
								{name: "mirna", allowSearchById:true, allowGeneralSearch: true},
								{name: "comment", allowSearchById:false, allowGeneralSearch: true},
				],
59
		});
Piotr Gawron's avatar
Piotr Gawron committed
60
61
62
	}).then(function(result){
		customMap = result;
	}).catch(function(rejectReason){
63
64
		minerva.GuiConnector.alert(rejectReason);
	});
65
66
67
68
69
70
71
}

//]]>
		</script>
</h:head>
<h:body onload="initMap();" >
<h:outputStylesheet library="css" name="style.css"/>
72
<h:outputStylesheet library="css" name="global.css"	/>
73
<h:outputStylesheet library="css" name="pileup.css"/>
Piotr Gawron's avatar
Piotr Gawron committed
74
<h:outputStylesheet library="css" name="bootstrap.min.css"/>
75
76
77

	<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"	/>
	<div class = "containerClass">
78
		<div id="leftPanel" class ="leftPanelClass">
79
80
		<ui:include src="/WEB-INF/components/admin/header.xhtml" />

81
			<p:tabView id="tabView" widgetVar="_tabViewVar" activeIndex="0" >	
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
				<p:tab id="searchTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-search maintab'&gt;&lt;/i&gt;&lt;br&gt;SEARCH&lt;/div&gt;" styleClass="leftTab">
					<ui:include src="/WEB-INF/components/map/searchPanel.xhtml" />
				</p:tab >	
				<p:tab id="drugTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-map-marker maintab'&gt;&lt;/i&gt;&lt;br&gt;DRUG&lt;/div&gt;" styleClass="leftTab">	
					<ui:include src="/WEB-INF/components/map/drugPanel.xhtml" />
				</p:tab >	
				<p:tab id="chemicalTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-map-marker maintab'&gt;&lt;/i&gt;&lt;br&gt;CHEMICAL&lt;/div&gt;" styleClass="leftTab">	
					<ui:include src="/WEB-INF/components/map/chemicalPanel.xhtml" />
				</p:tab >
				<p:tab id="miRNATab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-map-marker maintab'&gt;&lt;/i&gt;&lt;br&gt;MiRNA&lt;/div&gt;" styleClass="leftTab">	
					<ui:include src="/WEB-INF/components/map/miRNAPanel.xhtml" />
				</p:tab >
				<p:tab id="layoutTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-th-list maintab'&gt;&lt;/i&gt;&lt;br&gt;OVERLAYS&lt;/div&gt;" styleClass="leftTab">
					<ui:include src="/WEB-INF/components/map/layoutPanel.xhtml" />
				</p:tab >	
Piotr Gawron's avatar
Piotr Gawron committed
97
				<p:tab id="loginTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-sign-in maintab'&gt;&lt;/i&gt;&lt;br&gt;LOGIN&lt;/div&gt;" styleClass="leftTab">	
98
99
100
101
102
103
104
105
106
107
108
					<ui:include src="/WEB-INF/components/map/loginPanel.xhtml" />
				</p:tab >	
				<p:tab id="submapTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-sitemap maintab'&gt;&lt;/i&gt;&lt;br&gt;SUBMAPS&lt;/div&gt;" styleClass="leftTab">	
					<ui:include src="/WEB-INF/components/map/submapPanel.xhtml" />
				</p:tab >	
				<p:tab id="infoTab" title="&lt;div class='tngContainer'&gt;&lt;div class='tng'&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='maintabdiv'&gt;&lt;i class='fa fa-info maintab'&gt;&lt;/i&gt;&lt;br&gt;PROJECT&lt;/div&gt;" styleClass="leftTab">	
					<ui:include src="/WEB-INF/components/map/infoPanel.xhtml" />
				</p:tab >	
			</p:tabView >
			
			
Piotr Gawron's avatar
Piotr Gawron committed
109
			<div class="footerLinks">
110
111
112
113
114
115
			 <a href="admin.xhtml?id=#{mapMB.currentMapId}" style="float:left; padding-left:25px;"><i class="fa fa-lock" style="font-size:17px"></i> &nbsp;ADMIN</a>
			 <a href="#{configurationMB.userManual}" target="_user_manual_" style="float:left; padding-left:50px;"><i class="fa" style="font-size:17px"></i> &nbsp;MANUAL</a>
			 <a href="export.xhtml?id=#{mapMB.currentMapId}" style="float:right; padding-right:25px;">EXPORT&nbsp; <i class="fa fa-mail-forward" style="font-size:17px"></i></a>
			</div>
				
		</div>
116
		<div  style="display: table-cell;height:100%;width:100%;">
117
			<div  style="height:100%;width:100%;position:relative">
118
119
			<div class="menuBelt">
				<div class="headerHideDivButton">
120
121
122
123
124
					<button name="hideButton" class="headerHideButton">
						<i name="hideButtonIcon" class='fa fa-chevron-left'/>
					</button>
				</div>
				<div name="versionDiv" class="headerTextBold"/>
125
126
127
128
129
130
131
132

				<div style="float: left;">
					<button name="showOverviewButton" class="overview_button" style="display:none" >
						<i class='fa fa-sitemap' style='font-size:18px; font-weight:400; padding-right:10px;'></i> 
						SHOW OVERVIEW
					</button>
				</div>

133
134
135
136
137
138
139
140
				<div class="rightHeaderMenu">
					<div class="div4checkboxes">
						<input type="checkbox" name ="legendCheckbox" />
						<label for ="legendCheckbox" >LEGEND</label>

						<input type="checkbox" name="commentCheckbox"/>
						<label for ="commentCheckbox" >COMMENTS</label>

141
						<button name="refreshCommentButton" class="overview_button" style="display:none">
142
143
144
							<i class='fa fa-refresh' style='font-size:21px; font-weight:400;'></i>
						</button>
					</div>
145
146
147
148
					<button name="clearButton" class="overview_button" title="Clear all queries">
						<i class='fa fa-times' style='font-size:18px; font-weight:300; padding-right:10px;'></i> 
						CLEAR		
					</button>
149
				</div>
Piotr Gawron's avatar
Piotr Gawron committed
150
			</div>
151
			<div id="mapElement" class="mapClass"/>
Piotr Gawron's avatar
Piotr Gawron committed
152

Piotr Gawron's avatar
Piotr Gawron committed
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
			<div class="legendBox">
				<div id="legend" class="carousel slide" style="display:none">
				  <ol name="indicators" class="carousel-indicators"/>
			
				  <div name="slides" class="carousel-inner" role="listbox"/>
			
			  <!-- Controls -->
				  <a class="left carousel-control" href="#legend" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#legend" 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>		
171
	</div>
Piotr Gawron's avatar
Piotr Gawron committed
172
	</div>
173
174
175

	<ui:include src="/WEB-INF/components/map/feedbackDialog.xhtml" />

Piotr Gawron's avatar
Piotr Gawron committed
176
177
178
	<div name="dialogs">
		<div name="overviewDialog"/>
	</div>
179

Piotr Gawron's avatar
Piotr Gawron committed
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
 	<h:form id="_gmapForm">
		<p:contextMenu id="contextMenu" model="#{exportMB.contextMenu}" />	
		<p:contextMenu id="selectionContextMenu" model="#{exportMB.imageExportMenu}" />	
	</h:form>

	<h:form id="overlayConfigForm">
		<h:inputHidden id="userMinColor" value="#{userMB.loggedUser.minColor}"/>
		<h:inputHidden id="userMaxColor" value="#{userMB.loggedUser.maxColor}"/>
		<h:inputHidden id="systemMinColor" value="#{configurationMB.minColor}"/>
		<h:inputHidden id="systemMaxColor" value="#{configurationMB.maxColor}"/>
	</h:form>

	<h:form id="accessReferenceGenomeForm">
		<p:remoteCommand name="_sendReferenceGenomeDetailRequest" actionListener="#{referenceGenomeMB.requestJavasciptGenomeDetails}" />
	</h:form>
195

196

197
198
199
</h:body>
</f:view>
</html>