{extend name="default_layout" /}
{block name="content"}
<script src="{:TEMPLATE_PATH}asset/js/htmlUtil.js"></script> <!-- htmlUtil 工具类 -->
<script type="text/javascript">
db_prefix = '{$db_prefix}';

//一键生成
function generateAllView(){
	var dataTable = $('#dataTable').val();
	var theme = $('#theme').val();
	var module = $('#module').val();
	$.post("{:CONTROLLER_NAME}/generateAllView", {'moduleName' : module, 'tableName' : dataTable, 'theme' : theme},
		function(data){
			$('#msg').empty();
			$('#msg').append(data);
		}
	);
}

//手动生成代码片段
function creatFormCode(){
	var dataTable = $('#dataTable').val();
	var theme = $('#theme').val();
	var module = $('#module').val();
	$('#formCode').empty();
	$.post("{:CONTROLLER_NAME}/generateViewCode", {'moduleName' : module, 'tableName' : dataTable, 'theme' : theme,'actionName':'add'},
		function(data){
			$('#formCode').append("\r\n\r\n=================新建：================\r\n\r\n"+ HtmlUtil.htmlEncode(data));
		}
	);

	$.post("{:CONTROLLER_NAME}/generateViewCode", {'moduleName' : module, 'tableName' : dataTable, 'theme' : theme,'actionName':'edit'},
		function(data){
			$('#formCode').append("\r\n\r\n =================编辑：================\r\n\r\n"+HtmlUtil.htmlEncode(data));
		}
	);
}

//重置手动代码结果
function cleanCode(){
	//$('#formPreview').html('');
	$('#formCode').html('');
}



jQuery(document).ready(function($) {
		$('#cleanCodeBtn').bind("click", function(){
			cleanCode();
		});
	});

</script>
<div class="mainbar">
	<!-- Page heading -->
	<div class="page-head">
	  <h2 class="pull-left"><i class="icon-home"></i>前台界面生成</h2>

	<div class="clearfix"></div>
	</div>
	<!-- Page heading ends -->


	<!-- Matter -->

	<div class="matter">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
				<div class="widget">
					<div class="widget-head">
					  <div class="pull-left" height="80">
						表单信息
					  </div>
					  <div class="widget-icons pull-right">
						<a href="#" class="wminimize"><i class="icon-chevron-up"></i></a>
						<a href="#" class="wclose"><i class="icon-remove"></i></a>
					  </div>
					  <div class="clearfix"></div>
					</div>
					<div class="widget-content" >
					<div class="padd">
                      <div class="form quick-post">
							<!-- Edit profile form (not working)-->
							<div class="form-horizontal">
						<div class="form-group">
							<div class="form-group">
								<label class="control-label col-lg-4" style="width:120px">目标模块:</label>
								<div class="col-lg-4">
									<select class="form-control" id="module">
										{volist name="moduleNameList" id="moduleName"}
										<option value="{$moduleName}">{$moduleName}</option>
										{/volist}	
									</select>
								</div>

								<label class="control-label col-lg-4"  style="width:120px">前端风格:</label>
								<div class="col-lg-4">
									<select class="form-control" id="theme">
										{volist name="themeList" id="theme"}
										<option value="{$theme}">{$theme}</option>
										{/volist}	
									</select>
								</div>
							</div>
						</div>

						<div class="form-group">
							<div class="form-group">
								<label class="control-label col-lg-4"  style="width:120px">布局模板列表:</label>
								<div class="col-lg-4">
									<input class="form-control" id="layoutList" type="text" value="layout" placeholder="逗号分隔,可留空">
								</div>

								<label class="control-label col-lg-4"  style="width:120px">数据表:</label>
								<div class="col-lg-4">
									<select class="form-control" id="dataTable" name="tableName">
										{volist name="tableNameList" id="tableName"}
										<option value="{$tableName}">{$tableName}</option>
										{/volist}	
									</select>
								</div>
							</div>
						
							
						</div>

								<!-- Buttons -->
							<div class="form-group">
									<!-- Buttons -->
								<div class="col-lg-4">
									<button type="button" onclick="generateAllView()" class="btn btn-primary" id="creatAllViewBtn">一键生成文件</button>
								</div>

								<div class="col-lg-4">
									<button class="btn btn-success" type="button" onclick="creatFormCode()" id="creatFormBtn">手动生成代码片段</button>
								</div>

								<div class="col-lg-4">
									<button type="button" onclick="cleanCode()" class="btn btn-danger" id="cleanCodeBtn">重置手动代码结果</button>
								</div>

							</div>
							</div>
						</div>

					</div><!--end  paddad-->

				</div><!--end  content-->

				<div id="msg"></div> 
				</div>
				</div>

				<!--
				<div class="col-md-6">
				<div class="widget">
					<div class="widget-head">
					  <div class="pull-left" height="80">
						配置表单项目
					  </div>
					  <div class="widget-icons pull-right">
						<a href="#" class="wminimize"><i class="icon-chevron-up"></i></a>
						<a href="#" class="wclose"><i class="icon-remove"></i></a>
					  </div>
					  <div class="clearfix"></div>
					</div>
					<div class="widget-content" >
					<div class="padd">
                      <div class="form quick-post">
          
							<div class="form-horizontal">

							<hr>
							<div class="form-group">
								<label class="control-label col-lg-4" style="width:120px">所属控制器:</label>
								<div class="col-lg-4">
									<input type="text" class="form-control" id="formController" placeholder="留空则表示自动判断" />
								</div>

								<label class="control-label col-lg-4" style="width:120px">提交方式:</label>
								<div class="col-lg-4">
									<select class="form-control" id="formMethod">
											<option value="post" >post</option>
											<option value="post" >get</option>
									</select>
								</div>
							</div>
							<hr>

							

								<div class="form-group">
								
									<div class="col-md-2">
									<button class="btn btn-success" id="fillCodeBtn">填充代码片段</button>
									</div>
									<div class="col-md-2">
									<button class="btn btn-danger" id="delCodeBtn" onclick="delCode()">删除代码片段</button>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				</div>
			</div>-->

		</div><!--end row-->


		<div class="row">
			<div class="col-md-12">
				<div class="widget">
					<div class="widget-head">
					  <div class="pull-left" height="80">
						View 代码片段
					  </div>
					  <div class="widget-icons pull-right">
						<a href="#" class="wminimize"><i class="icon-chevron-up"></i></a>
						<a href="#" class="wclose"><i class="icon-remove"></i></a>
					  </div>
					  <div class="clearfix"></div>
					</div>
					<div class="widget-content" >
					<div class="padd">
						<textArea rows="12" class="form-control" id="formCode"></textArea>
					</div>
					</div>
				</div>
			</div>
			</div>
		</div>

		<div id="msg"></div>
		</div><!-- container Graph end -->
	</div>
</div>
{/block}