consentFatima/mplus-fatima/WebContent/WEB-INF/view/mobile/consent/consentInpatient.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%-- <link rel="stylesheet" type="text/css" href="<c:url value="/resources/css/mobile/consent/consentInpatient.css"/>" /> --%>
<script type="text/javascript" src="<c:url value='/resources/js/mobile/consent/consent.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/js/mobile/consent/consentInpatient.js' />"></script>
<%-- <script type="text/javascript" src="<c:url value='/resources/js/mobile/consent/consentTestData.js' />"></script>  --%>

		<div class="fat-container clearfix">
			<!-- 페이지 메인 컨텐츠 영역 -->
			<div id="maincontent" class="col-sm-12">
				<div class="container mb10">
				<div class="col-sm-6">
			        <div class="form-group">
		                <div class="input-group dateControl datepicker" id="divDtpSrchdd">
		                    <input type="text" class="form-control" id="dtpSrchdd" readonly/>
		                    <span class="input-group-addon add-on">
		                        <span class="fa fa-calendar"></span>
		                    </span>
		                </div>
		            </div>
			     </div>

				 <div class="col-sm-6 pr0 selectDumy">
			        <select class="form-control selectpicker dropdown" id="sltHospital">
			        	<option value=""><s:message code="mobile.view.consent001"/></option>
	                 </select>
			     </div>
			</div>
			
				<div class="container mb10">
                    <div class="col-sm-6 selectDumy">
                          <select class="form-control selectpicker dropdown" id="sltTreament">
                          	<option value=""><s:message code="mobile.view.consent012"/></option>
                          </select>
                    </div>

                    <div class="col-sm-6 pr0 selectDumy">
                          <select class="form-control selectpicker dropdown" id="sltDoctor">
                          	<option value=""><s:message code="mobile.view.consent047"/></option>
                          </select>
                    </div>
				</div>
				<div class="container text-center mb10">
					<div class="radio3 radio-check  radio-inline">
                         <input type="radio" id="radio1"  name="searchRadio" value="">
                         <label for="radio1"><s:message code="mobile.view.consent001"/></label>
					</div>
					<div class="radio3 radio-check  radio-inline">
						  <input type="radio" id="radio2" name="searchRadio" value="D">
                         <label for="radio2"><s:message code="mobile.view.consent002"/></label>
					</div>
					<div class="radio3 radio-check  radio-inline">
						  <input type="radio" id="radio3" name="searchRadio" value="P">
                         <label for="radio3"><s:message code="mobile.view.consent040"/></label>
					</div>
					<div class="radio3 radio-check radio-inline">
						  <input type="radio" id="radio4" name="searchRadio" value="F">
                         <label for="radio4"><s:message code="mobile.view.consent004"/></label>
					</div>
					<div class="radio3 radio-check radio-inline">
						  <input type="radio" id="radio5" name="searchRadio" value="C">
                         <label for="radio5"><s:message code="mobile.view.consent015"/></label>
					</div>
				</div>
  				<div class="container mb10">
  					<div class="input-group stylish-input-group">
  							<input type="text" class="form-control" id="txtSearchPatient" placeholder="<s:message code="mobile.view.consent026"/>" >
  								<span class="input-group-addon" id="btnSearchPatient">
	  								<button type="submit">
	  									<i class="fa fa-search"></i>&nbsp;<s:message code="mobile.view.common003"/>
				                    </button>  
			                 	</span>
			        </div>
	             </div>
				<div class="patientHeader">
					<div class="headerGroup">
						<div class="list-row">
							<span class="num" name="sort_pid_number_num" sortType="">
								<s:message code="mobile.view.consent006"/>
								<span class="sortUpIcon">▼</span>
								<span class="sortDownIcon">▲</span>
							</span>
							<span class="name" name="sort_hngnm_string_name" sortType="">
								<s:message code="mobile.view.consent012"/>
							</span>
							<span class="period" name="sort_roomcd_number_treat" sortType="">
								<s:message code="mobile.view.consent011"/>
							</span>
						</div>
						<div  class="list-row">
							<span class="num" name="sort_pid_number_num" sortType="">
								<s:message code="mobile.view.consent008"/>/
								<s:message code="mobile.view.consent009"/>
							</span>
							<span class="name" name="sort_hngnm_string_name" sortType="">
								<s:message code="mobile.view.consent007"/>
								<span class="sortUpIcon">▼</span>
								<span class="sortDownIcon">▲</span>
							</span>
							<span class="treat" name="sort_roomcd_number_treat" sortType="">
								<s:message code="mobile.view.consent010"/>
								<span class="sortUpIcon">▼</span>
								<span class="sortDownIcon">▲</span>
							</span>
						</div>
					</div>
				</div>
				<div class="container patientList">
					<ul class="" id="ulPatientList">
						
                    </ul>
				</div>	
			</div><!-- #maincontent 종료 -->
			
			<!-- 우측 컨텐츠 시작. -->
			<div id="rside" class="col">			 
			 <!-- Nav tabs -->
               <div class="tabDepth1">
					<ul class="nav nav-tabs" role="tablist">
                     <li role="presentation" class="active">
                     	<a href="#sub1" aria-controls="sub1" role="tab" data-toggle="tab">
                     		<s:message code="mobile.view.consent013"/>
                     	</a>
                     </li>
                 </ul>
              
			<div class="tab-content">
				<!-- 동의서 탭컨텐츠 -->
				<div role="tabpanel" class="tab-pane active" id="sub1">
					 <div class="clearfix" id="consentTap1">	 
						<div class="left">
							<h3 class="page-title info">
							<i class="fa fa-user"></i> <s:message code="mobile.view.consent014"/></h3>							
                            <div class="sub-title"></div>
							<div class="fat-ov-container patient-info-1 fat-ovys" id="tbPatientInfo">
							</div>
							<h3 class="page-title info mt"><i class="fa fa-file-text"></i> <s:message code="mobile.view.consent015"/> & <s:message code="mobile.view.consent020"/></h3>
							<div class="fat-ov-container patient-info-2 fat-ovys">
								<ul class="unfinishedList" id="ulAgreementCheck">
								</ul>
							</div>
						</div>

					<div class="right">
                         <!-- Nav tabs 2차 탭메뉴 -->
                         <div  class="tabDepth2">
							<ul class="nav nav-tabs" role="tablist">
                                <li role="presentation">
                                	<a href="#fa_tab_All" aria-controls="fa_tab_All" role="tab" data-toggle="tab"><s:message code="mobile.view.consent044"/></a>
                                </li>
                                <li role="presentation" id="tabSet" class="active">
                                	<a href="#fa_tab_Set" aria-controls="fa_tab_Set" role="tab" data-toggle="tab"><s:message code="mobile.view.consent045"/></a>
                                </li>
                                <li role="presentation">
                                	<a href="#fa_tab_Search" aria-controls="fa_tab_Search" role="tab" data-toggle="tab">
                                		<s:message code="mobile.view.consent046"/>
                                	</a>
                                </li>
                            </ul>
                        
                            <!-- Tab panes -->
                            <div class="tab-content">
								<!-- 전체 탭 컨텐츠 -->
                               <div role="tabpanel" class="tab-pane" id="fa_tab_All">
                               	<!-- ****** 환자별, 주치의별 버튼 추가 수정 ******* -->
							   <%-- <div class="btn-group mb10" >
								  <button type="button" class="btn btn-round active" id="btnPatientConsent">
								  <span class="btn-label"><i class="fa fa-wheelchair"></i></span><s:message code="mobile.view.consent017"/></button>

								  <button type="button" class="btn  btn-round" id="btnDoctorConsent">
								  <span class="btn-label"><i class="fa fa-user-md"></i></span><s:message code="mobile.view.consent018"/></button>
								</div>
                               	 --%>
								<h4 class="m-b-20"><s:message code="mobile.view.consent019"/></h4>
                                <div class="container">
                                    <div class="col-sm-6 ">
                                        <div class="input-group dateControl datepicker" id="divDtpConsentStartDt">
						                    <input type="text" class="form-control" id="dtpConsentStartDt" readonly/>
						                    <span class="input-group-addon add-on">
						                        <span class="fa fa-calendar"></span>
						                    </span>
						                </div><!-- input-group -->
                                 </div>
                                 <div class="col-sm-6 m-b-20">
                                        <div class="input-group dateControl datepicker" id="divDtpConsentEndDt">
						                    <input type="text" class="form-control" id="dtpConsentEndDt" readonly/>
						                    <span class="input-group-addon add-on">
						                        <span class="fa fa-calendar"></span>
						                    </span>
						                </div><!-- input-group -->
                                 </div>
								</div><!-- container -->

								<div class="container">
									<div class="col-sm-12 m-b-20"> 
										<div  class="text-center">
											<button class="btn btn-default btn-lg max" id="btnTotalSearchConsent"><s:message code="mobile.view.common003"/></button>
										</div>
									</div>
								</div>
								<div class="container consentSearchBox">
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox1" value="ALL" checked>
	                                            <label for="checkbox1">
	                                              <s:message code="mobile.view.consent001"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox2" value="'UNFINISHED'">
	                                            <label for="checkbox2">
	                                              <s:message code="mobile.view.consent015"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox3" value="'TEMP'">
	                                            <label for="checkbox3">
	                                              <s:message code="mobile.view.consent020"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox4" value="'VERBAL'">
	                                            <label for="checkbox4">
	                                              <s:message code="mobile.view.consent024"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox5" value="'ELECTR_CMP'">
	                                            <label for="checkbox5">
	                                              <s:message code="mobile.view.consent021"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox6" value="'CERTIFY_CMP'">
	                                            <label for="checkbox6">
	                                              <s:message code="mobile.view.consent022"/>
	                                            </label>
	                                       </div>
									</div>
									<div class="col-sm-3">
										<div class="checkbox3  checkbox-check checkbox-light">
	                                            <input type="checkbox" id="checkbox7" value="'PAPER_OUT'">
	                                            <label for="checkbox7">
	                                              <s:message code="mobile.view.consent023"/>
	                                            </label>
	                                       </div>
									</div>
								</div>
	                              
	                            <div class="patientHeader checkHeader" id="agreeListHeader" style="display: none">
									<div class="consentHeader">
										<div class="list-row">
							 				<span class="detail"><s:message code="mobile.view.consent007"/></span>
							 			</div>
							 			<div class="list-row">
								 			<span><s:message code="mobile.view.consent012"/></span>
								 			<span class="consentName"><s:message code="mobile.view.consent013"/></span>
							 			</div>
									</div>
								</div>            
								<div class="fat-ov-container fat-ov-container-1 fat-ovys">	  
									 <ul id="ulAgreementList">
									 </ul>						
	                            </div>
                            </div>
								
							<!-- SET 컨텐츠 -->
                            <div role="tabpanel" class="tab-pane active" id="fa_tab_Set">
                                <div class="fat-ov-container fat-ov-container-2 fat-ovys setList" style="clear:both">
								<ul class="list-group" id="ulSetList">
			                       
			                    </ul>
								</div>	
                            </div><!-- SET 탭 컨텐츠 종료 -->

								<!-- 검색 탭 컨텐츠 -->
                             <div role="tabpanel" class="tab-pane" id="fa_tab_Search">
                                <div class="container mb10 bottomLine">
									<div class="col-sm-6 mb10 selectDumy">
										  <select class="form-control selectpicker dropdown" id="sltCategory">
											<option value=""><s:message code="mobile.view.consent001"/></option>
										  </select>
									</div>
									<div class="col-sm-6 selectDumy">
										  <select class="form-control selectpicker dropdown" id="sltCategoryLower">
										  	<option value=""><s:message code="mobile.view.consent001"/></option>
										  </select>
									</div>
									<div class="col-sm-12">
		                                         <div class="input-group stylish-input-group mb10">
		                                             <input type="text" class="form-control" id="txtConsentSrch" placeholder="<s:message code="mobile.view.consent025"/>" >
		                                             <span class="input-group-addon">
		                                                 <button type="submit" id="btnSearchConsent">
		                                                     <i class="fa fa-search"></i>&nbsp;<s:message code="mobile.view.common003"/>
		                                                 </button>  
		                                             </span>
		                                         </div>
		                                     </div>
								</div>
		                        <div class="fat-ov-container fat-ov-container-3 fat-ovys " style="clear:both"> 
									<ul class="agreementCheck" id="ulConsentList">
									 </ul>							 
                                </div> 
                             </div><!-- 검색 탭 컨텐츠 종료 -->
                            </div>	
                        </div><!-- 2차 탭 종료 -->                        
					</div><!-- .right 종료 -->
				  </div>
				</div><!-- 1페이지 동의서 탭 컨텐츠 종료 -->
			</div><!-- tab-content 종료 -->			
		</div><!-- 1차 탭 종료 -->				
	</div><!-- #rside  종료 -->
	</div><!-- .container 종료 -->

<script type="text/javascript">

//다국어 사용
var i18n = function(){
	var message = {
		"common006" : "<s:message code='mobile.message.common006'/>"
	};
	
	this.getMessage = function( code ){
		return message[code];
	};
};

$(document).ready(function() { 
	$('#sidebar a').removeClass('active');
	$('#sidebar #menuInpatient').addClass('active'); 
	var consentInpatient = new mcare_mobile_consentInpatient();
	consentInpatient.setGlobal( consentInpatient );
	consentInpatient.init();
});
</script>