usermapsearch.xhtml 2.3 KB
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:p="http://primefaces.org/ui" xmlns:shop="http://java.sun.com/jsf/composite/cditools/shop" xmlns:reader="http://java.sun.com/jsf/composite/cditools/reader"
	xmlns:tools="http://java.sun.com/jsf/composite/cditools" xmlns:user="http://java.sun.com/jsf/composite/cditools/user" xmlns:infoview="http://java.sun.com/jsf/composite/cditools/infoview">
<h:body>
	<ui:composition template="/resources/templates/#{sessionHandler.infoscreen}/template.xhtml">
		<ui:param name="ignorenavigationleft" value="true" />

		<f:metadata>
			<f:viewParam name="userid" value="#{userView.userid}" />
			<f:event type="preRenderView" listener="#{cardlessIncomingView.initView}" />
		</f:metadata>
		<ui:define name="content">

			<reader:backendReader selectvalue="#{i18n['barcodeReader.readBarcode']}" selectaction="#{cardlessIncomingView.polledRead}" />
			<br /><br />
			<infoview:usermultisearch />
			<br /><br />
			<h1>Showing places to user: #{userView.selectedUser.user.nick}</h1>
			<br /><br />

			<h:outputScript target="head" library="seatjs" name="d3.min.js" />
			<h:outputScript target="head" library="seatjs" name="d3-tip.js" />
			<h:outputScript target="head" library="seatjs" name="seatmap.js" />
			<h:outputStylesheet library="seatjs" name="placemap.css" />

			<svg id="seatmap" style="margin: auto; border: 1px solid black;"
				 width="#{ajaxMapView.map.width}px"
				 height="#{ajaxMapView.map.height}px" />
			<script type="text/javascript">

				// If queue is enabled, do not allow clicking of places.
				px = placemap({
					element : document.getElementById("seatmap"),
					moyaurl : "#{request.contextPath}",
					map_id : #{ajaxMapView.map.id},
					hilightUser: #{userView.selectedUser.user.id},
					tooltip: function(d) {
						return '<span style="font-size: 180%; font-weight: bold;">' + d.name +"</span><br /><br />"+
								((d.userDescription)?d.userDescription:" - ") ;
					}
				});


			</script>


		</ui:define>
		<ui:define name="sidebar">

		</ui:define>
	</ui:composition>

</h:body>
</html>