<%@ 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="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>    
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath %>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nicky's blog</title>
<!-- 页面logo设置 start-->
<link rel="icon" type="image/png" href="static/images/logo/logo.png">
<!-- 页面logo设置 end -->
<link rel="stylesheet" type="text/css" href="<%=basePath %>plugins/easyui-1.3.4/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="<%=basePath %>static/css/main.css" />
<link rel="stylesheet" type="text/css" href="<%=basePath %>plugins/easyui-1.3.4/themes/icon.css" />
<script type="text/javascript" src="<%=basePath %>plugins/easyui-1.3.4/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath %>plugins/easyui-1.3.4/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>plugins/easyui-1.3.4/locale/easyui-lang-zh_CN.js"></script>
<title>首页</title>
</head>
<body class="easyui-layout">
	<!-- begin of header -->
	<div class="wu-header" data-options="region:'north',border:false,split:true">
    	<div class="wu-header-left">
        	<h1>博客后台管理系统</h1>
        </div>
        <div class="wu-header-right">
        	<p><strong class="easyui-tooltip" title="2条未读消息">admin</strong>，欢迎您！</p>
            <p><a href="toblog.do">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="logout.do">安全退出</a></p>
        </div>
    </div>
    <!-- end of header -->
    <!-- begin of sidebar -->
	<div class="wu-sidebar" data-options="region:'west',split:true,border:true,title:'导航菜单'"> 
    	<div class="easyui-accordion" data-options="border:false,fit:true"> 
    	<c:choose>
    		<c:when test="${not empty menus}">
    		<c:forEach items="${menus }" var="m" varStatus="menus">
    		<div title="${m.name }" iconCls="${m.menuIcon }" style="padding:5px;">  	
    			<ul class="easyui-tree wu-side-tree">
    					<c:if test="${m.hasMenu==true }">
    					<c:forEach items="${m.subMenu }" var="s" varStatus="sub">
	                	<li iconCls="${s.menuIcon }">
		                	<a href="javascript:void(0)" data-icon="${s.menuIcon }" data-link="${s.menuUrl }" iframe="0">
		                	${s.name}
		                	</a>
	                	</li>
	                	</c:forEach>
	                	</c:if>
                </ul>
             </div>
             </c:forEach>
             </c:when>
        </c:choose>
        </div>
    </div>	
    <!-- end of sidebar -->
    <!-- begin of main -->
    <div class="wu-main" data-options="region:'center'">
        <div id="wu-tabs" class="easyui-tabs" data-options="border:false,fit:true">  
            <div title="首页" data-options="href:'temp/layout-1.html',closable:false,iconCls:'icon-tip',cls:'pd3'"></div>
        </div>
    </div>
    <!-- end of main --> 
    <!-- begin of footer -->
	<div class="wu-footer" data-options="region:'south',border:true,split:true">
    	Copyright ©Nicky's blog 2017
    </div>
    <!-- end of footer --> 
    <script type="text/javascript">
    
		$(function(){
			$('.wu-side-tree a').bind("click",function(){
				var title = $(this).text();
				var url = $(this).attr('data-link');
				var iconCls = $(this).attr('data-icon');
				var iframe = $(this).attr('iframe')==1?true:false;
				addTab(title,url,iconCls,iframe);
			});	
		})
		
		/** Name 选项卡初始化*/
		$('#wu-tabs').tabs({
			tools:[{
				iconCls:'icon-reload',
				border:false,
				handler:function(){
					$('#wu-datagrid').datagrid('reload');
				}
			}]
		});
			
		/**
		* Name 添加菜单选项
		* Param title 名称
		* Param href 链接
		* Param iconCls 图标样式
		* Param iframe 链接跳转方式（true为iframe，false为href）
		*/	
		function addTab(title, href, iconCls, iframe){
			var tabPanel = $('#wu-tabs');
			if(!tabPanel.tabs('exists',title)){
				var content = '<iframe scrolling="auto" frameborder="0"  src="'+ href +'" style="width:100%;height:100%;"></iframe>';
				if(iframe){
					tabPanel.tabs('add',{
						title:title,
						content:content,
						iconCls:iconCls,
						fit:true,
						cls:'pd3',
						closable:true
					});
				}
				else{
					tabPanel.tabs('add',{
						title:title,
						href:href,
						iconCls:iconCls,
						fit:true,
						cls:'pd3',
						closable:true
					});
				}
			}
			else
			{
				tabPanel.tabs('select',title);
			}
		}
		
		/** Name 移除菜单选项*/
		function removeTab(){
			var tabPanel = $('#wu-tabs');
			var tab = tabPanel.tabs('getSelected');
			if (tab){
				var index = tabPanel.tabs('getTabIndex', tab);
				tabPanel.tabs('close', index);
			}
		}
		
		
	</script>
</body>
</html>