Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.xhtml 8.31 KB
Newer Older
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
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"/>
Piotr Gawron's avatar
first working synch between left panel and map for search    
Piotr Gawron committed
20
Piotr Gawron's avatar
autocomplete functionality for search panel    
Piotr Gawron committed
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
basic dialog functionality    
Piotr Gawron committed
24 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
Piotr Gawron's avatar
first working synch between left panel and map for search    
Piotr Gawron committed
25
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
26
27
28 
	
	<link rel="shortcut icon" href="./resources/images/favicon.png" type="image/png" />
Piotr Gawron's avatar
first working node frontend package    
Piotr Gawron committed
29 
	<h:outputScript library="js" name="minerva.js"  />
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
30
31
32
33
34
35
36 
	
	<ui:include src="/WEB-INF/components/map/statistics.xhtml" />

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

function initMap(){
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
37 
	var mapDiv = document.getElementById('mapElement');
Piotr Gawron's avatar
GET params processed properly    
Piotr Gawron committed
38 
	minerva.GuiConnector.init();
Piotr Gawron's avatar
frontend starts to connect to server side via api    
Piotr Gawron committed
39 
	minerva.ServerConnector.getProject(minerva.GuiConnector.getParams['id']).then(function(project){
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
40
41 
		var windowsTouchInterface = ((navigator.appVersion.indexOf("Win")!=-1) && ('ontouchstart' in document.documentElement)); 
		var overviewDiv = document.getElementById("overviewDiv");
Piotr Gawron's avatar
comments are retrieved via API    
Piotr Gawron committed
42 
	  return minerva.create({
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
43 
		    mapDiv : mapDiv,
Piotr Gawron's avatar
frontend starts to connect to server side via api    
Piotr Gawron committed
44 
		    project : project,
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
45
46
47
48 
		    hideDiv : document.getElementById('leftPanel'), 
		    markerOptimization : !windowsTouchInterface, 
		    bigLogo : windowsTouchInterface, 
		    overviewDiv : overviewDiv,
Piotr Gawron's avatar
first working node frontend package    
Piotr Gawron committed
49 
		    customTouchInterface: windowsTouchInterface,
Piotr Gawron's avatar
turn on debug    
Piotr Gawron committed
50 
		    debug:true,
Piotr Gawron's avatar
first working node frontend package    
Piotr Gawron committed
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},
				],
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
59 
		});
Piotr Gawron's avatar
comments are retrieved via API    
Piotr Gawron committed
60
61
62 
	}).then(function(result){
		customMap = result;
	}).catch(function(rejectReason){
Piotr Gawron's avatar
frontend starts to connect to server side via api    
Piotr Gawron committed
63
64 
		minerva.GuiConnector.alert(rejectReason);
	});
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
65
66
67
68
69
70
71 
}

//]]>
		</script>
</h:head>
<h:body onload="initMap();" >
<h:outputStylesheet library="css" name="style.css"/>
Piotr Gawron's avatar
first working synch between left panel and map for search    
Piotr Gawron committed
72 
<h:outputStylesheet library="css" name="global.css"	/>
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
73 
<h:outputStylesheet library="css" name="pileup.css"/>
Piotr Gawron's avatar
pileup visualization updated    
Piotr Gawron committed
74 
<h:outputStylesheet library="css" name="bootstrap.min.css"/>
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
75
76
77 

	<h:outputScript library="primefaces" name="jquery/jquery.js" target="head"	/>
	<div class = "containerClass">
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
78 
		<div id="leftPanel" class ="leftPanelClass" style="float: left;">
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
79
80
81 
		
		<ui:include src="/WEB-INF/components/admin/header.xhtml" />
Piotr Gawron's avatar
lint fixes    
Piotr Gawron committed
82 
			<p:tabView id="tabView" widgetVar="_tabViewVar" styleClass="leftTabView" activeIndex="0" >
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
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
missing html files    
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">
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
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>
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
117 
		<div  style="display: table-cell;height:100%;width:100%;">
Piotr Gawron's avatar
hiding button removed from customMap    
Piotr Gawron committed
118
119 
			<div class="menuBelt">
				<div class="headerHideDivButton">
Piotr Gawron's avatar
comments checkbox moved from customMap    
Piotr Gawron committed
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136 
					<button name="hideButton" class="headerHideButton">
						<i name="hideButtonIcon" class='fa fa-chevron-left'/>
					</button>
				</div>
				<div name="versionDiv" class="headerTextBold"/>
				<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>

						<button class="overview_button" name="refreshCommentButton" style="display:none">
							<i class='fa fa-refresh' style='font-size:21px; font-weight:400;'></i>
						</button>
					</div>
Piotr Gawron's avatar
clear button moved from custommap    
Piotr Gawron committed
137
138
139
140 
					<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>
Piotr Gawron's avatar
hiding button removed from customMap    
Piotr Gawron committed
141 
				</div>
Piotr Gawron's avatar
legend doesn't use jsf anymore    
Piotr Gawron committed
142 
			</div>
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
143 
			<div id="mapElement" class="mapClass"/>
Piotr Gawron's avatar
legend doesn't use jsf anymore    
Piotr Gawron committed
144
Piotr Gawron's avatar
comments checkbox moved from customMap    
Piotr Gawron committed
145
146 
<div class="legendBox">
<div id="legend" class="carousel slide" style="display:none">
Piotr Gawron's avatar
legend doesn't use jsf anymore    
Piotr Gawron committed
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161 
  <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>
Piotr Gawron's avatar
comments checkbox moved from customMap    
Piotr Gawron committed
162 
</div>
Piotr Gawron's avatar
legend doesn't use jsf anymore    
Piotr Gawron committed
163
164 
</div>
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
165 
		</div>
Piotr Gawron's avatar
custom map relays on the div (not on the predefined jsf google map)    
Piotr Gawron committed
166
167 
			<ui:include src="/WEB-INF/components/map/map.xhtml" />
Piotr Gawron's avatar
work in progress - overlay colors are framework parameters    
Piotr Gawron committed
168
169
170
171
172
173
174
175
176
177 
	</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>