index.xhtml 7.65 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?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	-->
	<script src="https://maps.google.com/maps/api/js?libraries=drawing&amp;v=3.22" 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,
Piotr Gawron's avatar
Piotr Gawron committed
50
		    debug:true,
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" style="float: left;">
79
80
81
		
		<ui:include src="/WEB-INF/components/admin/header.xhtml" />

Piotr Gawron's avatar
Piotr Gawron committed
82
			<p:tabView id="tabView" widgetVar="_tabViewVar" styleClass="leftTabView" activeIndex="0" >	
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
				<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
98
				<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">	
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
					<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 >
			
			
			<div id="footerLinks">
			 <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>
117
		<div  style="display: table-cell;height:100%;width:100%;">
118
119
120
121
122
123
			<div class="menuBelt">
				<div class="headerHideDivButton">
								<button name="hideButton" class="headerHideButton">
												<i name="hideButtonIcon" class='fa fa-chevron-left'/>
								</button>
				</div>
Piotr Gawron's avatar
Piotr Gawron committed
124
125
126
				<input type="checkbox" name ="legendCheckbox" />
				<label for ="legendCheckbox" >LEGEND</label>
			</div>
127
			<div id="mapElement" class="mapClass"/>
Piotr Gawron's avatar
Piotr Gawron committed
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146

<div id="legend" class="carousel slide legendBox" style="display:none">
  <ol name="indicators" class="carousel-indicators">
  </ol>

  <div name="slides" class="carousel-inner" role="listbox">
  </div>

  <!-- 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>

147
		</div>
148
149
			<ui:include src="/WEB-INF/components/map/map.xhtml" />
		
150
151
152
153
154
155
156
157
158
159
	</div>

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

</h:body>
</f:view>
</html>