<?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:ui="http://java.sun.com/jsf/facelets"
	  xmlns:p="http://primefaces.org/ui"
	  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">
<ui:composition>
	<h:form id="laboratoryStockMngForm">
		<p:panel styleClass="center-header">
			<p:outputLabel styleClass="title" value="试剂柜状态管理">
			</p:outputLabel>
			<p:panel styleClass="center-header">
				<p:panelGrid styleClass="filter" columns="6">
					<p:outputLabel value="场所名："></p:outputLabel>
					<p:inputText value="#{containerStatusMngController.laboratoryName}"></p:inputText>

					<p:outputLabel value="货柜名："></p:outputLabel>
					<p:inputText value="#{containerStatusMngController.laboratoryContainerName}"></p:inputText>

					<p:commandLink styleClass="search" process="@form" update="@form" actionListener="${containerStatusMngController.search()}"></p:commandLink>
				</p:panelGrid>
			</p:panel>
		</p:panel>
		<p:panel styleClass="center-body">
			<p:panelGrid columns="2" styleClass="btn">
				<p:commandButton value="查看" styleClass="view-btn" process="@form" update=":dialogForm" actionListener="#{containerStatusMngController.onViewBtnClick()}"/>
			</p:panelGrid>
			<p:dataTable id="datatable" styleClass="data-table"
						 paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom"
						 lazy="true" value="#{containerStatusMngController.dataModel}" var="row"
						 rowKey="#{row.id}" emptyMessage="无数据"
						 selection="#{containerStatusMngController.selectContainerList}" rows="10" pageLinks="5">
				<p:ajax event="rowSelect"/>
				<p:ajax event="rowSelectCheckbox"/>
				<p:column selectionMode="multiple" style="width: 30px;text-align: center;" />
				<p:column headerText="场所名">
					<h:outputText value="#{row.laboratoryName}" rendered="#{!empty row.laboratoryName}"/>
				</p:column>

				<p:column headerText="货柜名">
					<h:outputText value="#{row.laboratoryContainerName}" rendered="${!empty row.laboratoryContainerName}"/>
				</p:column>
				<p:column headerText="温度低报警" style="text-align: center;">
						<p:graphicImage value="/resources/images/alarm.gif" rendered="#{row.lowTempAlert}" style="width: 33px;height: 33px;"/>
						<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.lowTempAlert}" style="width: 33px;height: 33px;"/>
				</p:column>

				<p:column headerText="温度高报警" style="text-align: center;">
					<p:graphicImage value="/resources/images/alarm.gif"   rendered="#{row.highTempAlert}" style="width: 33px;height: 33px;"/>
					<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.highTempAlert}" style="width: 33px;height: 33px;"/>
				</p:column>

				<p:column headerText="湿度低报警" style="text-align: center;">
					<p:graphicImage value="/resources/images/alarm.gif"    rendered="#{row.lowHumidityAlert}" style="width: 33px;height: 33px;"/>
					<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.lowHumidityAlert}" style="width: 33px;height: 33px;"/>
				</p:column>

				<p:column headerText="湿度高报警" style="text-align: center;">
					<p:graphicImage value="/resources/images/alarm.gif"   rendered="#{row.highHumidityAlert}" style="width: 33px;height: 33px;"/>
					<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.highHumidityAlert}" style="width: 33px;height: 33px;"/>
				</p:column>

				<p:column headerText="气体浓度报警" style="text-align: center;">
					<p:graphicImage value="/resources/images/alarm.gif"  rendered="#{row.voc1Alert}" style="width: 33px;height: 33px;"/>
					<p:graphicImage value="/resources/images/alarm.png" rendered="#{!row.voc1Alert}" style="width: 33px;height: 33px;"/>
				</p:column>
			</p:dataTable>

		</p:panel>
	</h:form>

	<p:dialog modal="true" header="查看" dynamic="true" appendTo="@(body)" id="dialog" widgetVar="dialog" resizable="false" width="1500">
		<h:form id="dialogForm" styleClass="container-status-form" style="padding-bottom: 40px">
			<p:panelGrid columns="2" styleClass="content2 grid-padding-bottom2">
				<p:panel styleClass="center-header">
					<p:selectOneMenu value="#{containerStatusMngController.periodType}">
						<p:ajax event="change" listener="#{containerStatusMngController.onSelectPeriodType}" process="@form" update="@form"/>
						<f:selectItem itemLabel="本日" itemValue="1" />
						<f:selectItem itemLabel="本周" itemValue="2" />
						<f:selectItem itemLabel="本月" itemValue="3" />
					</p:selectOneMenu>
				</p:panel>
			</p:panelGrid>
			<p:panel style="padding-left: 35px !important;">
				<p:selectOneButton value="#{containerStatusMngController.lineType}">
					<p:ajax event="change" listener="#{containerStatusMngController.onSelectLineType}" process="@form" update="@form"/>
					<f:selectItem itemLabel="温度" itemValue="1" />
					<f:selectItem itemLabel="湿度" itemValue="2" />
					<f:selectItem itemLabel="浓度" itemValue="3" />
				</p:selectOneButton>
			</p:panel>
			<p:panel id="chartPanel" rendered="#{containerStatusMngController.selectContainerList.size() > 0 and ((!empty containerStatusMngController.chartSensorsList) and containerStatusMngController.chartSensorsList.size()>0)}">
				<p:chart type="line" model="#{containerStatusMngController.lineModel}" style="height:300px;width:98%"/>
			</p:panel>
		</h:form>
	</p:dialog>
</ui:composition>
</html>