<%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<script type="text/javascript" src="<c:url value='/resources/js/admin/category.js' />"></script>
<!-- 카테고리 관리 -->
<div class="main-wrapper">
	<div class="title-bar">
    	<span class="title">카테고리 관리</span>
    </div>
	<div id="wrapper">
		<div class="col-md-3">
	    	<div class="left-content">
	    		<div class="form-group text-center">
			    	<div class="btn-group" role="group" aria-label="...">
					  <button type="button" class="btn btn-default btn-sm" id="btnCreateNode" title="카테고리추가">
					  	<span class="glyphicon glyphicon-plus">&nbsp;추가</span>
					  </button>
					  <button type="button" class="btn btn-default btn-sm" id="btnRemoveNode" title="카테고리삭제">
					  	<span class="glyphicon glyphicon-minus">&nbsp;삭제</span>
					  </button>
					  <button type="button" class="btn btn-default btn-sm" id="btnDeselectNode" title="선택해제">
					  	<span class="glyphicon glyphicon-remove">&nbsp;해제</span>
					  </button>
					</div>
				</div>
		    	<div id="categoryTreeView">
		    	</div>
	    	</div>
	    </div>
		<div class="col-md-9">
			<div class="right-content row">
				<div id="categoryDetailEmpty">
					<div class="form-group col-md-12">
					 * 카테고리를 선택해주세요.
					</div>
				</div>
				<div id="categoryDetail" style="display: none">		
					<div class="form-group col-md-12 text-right">
				    	<div class="btn-group" role="group" aria-label="...">
						  <button type="button" class="btn btn-default btn-sm" id="btnSaveNode" title="저장">
						  	<span class="glyphicon glyphicon-ok">&nbsp;저장</span>
						  </button>
						</div>
					</div>
					<div class="col-md-12">
						<div class="panel panel-default">
							<div class="panel-body">
								<div class="col-md-12">
									<div class="form-group content-box-title">
										<label>정보</label>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right">
										<label class="">아이디</label>
									</div>
									<div class="col-md-4">
										<input type="text" class="form-control input-sm" id="txtId" placeholder="아이디 자동 생성" readonly/>
									</div>
									<div class="col-md-2 content-title text-right">
										<label>이름</label>
									</div>
									<div class="col-md-4">
										<input type="text" class="form-control input-sm" id="txtName" placeholder="">
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right">
										<label class="">카테고리 URI</label>
									</div>
									<div class="col-md-10">
										<!-- <input type="text" class="form-control input-sm" id="txtUri" placeholder=""> -->
										<div class="input-group">
										  <span class="input-group-addon input-group-no-style" id="spanUri"></span>
										  <input type="text" class="form-control input-sm" aria-describedby="spanUri" id="txtUri">
										</div>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right">
										<label>설명</label>
									</div>
									<div class="col-md-10">
										<textarea class="form-control input-sm" id="txtCategoryDesc" rows="3"></textarea>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right">
										<label class="">최초 생성일</label>
									</div>
									<div class="col-md-4">
										<span class="form-control input-sm" id="spanCreateDt"></span>
									</div>
									<div class="col-md-2 content-title text-right">
										<label>최초 생성자</label>
									</div>
									<div class="col-md-4">
										<span class="form-control input-sm" id="spanCreateId"></span>
									</div>
								</div>
								<div class="form-group col-md-12">
									<div class="col-md-2 content-title text-right">
										<label class="">최초 변경일</label>
									</div>
									<div class="col-md-4">
										<span class="form-control input-sm" id="spanUpdateDt"></span>
									</div>
									<div class="col-md-2 content-title text-right">
										<label>최초 변경자</label>
									</div>
									<div class="col-md-4">
										<span class="form-control input-sm" id="spanUpdateId"></span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		var category = new mplus_admin_category();
		category.init();
	});
</script>


