<%@ Page Language="C#" AutoEventWireup="true" Inherits="System_Label_StyleManager, QianboCMS" EnableEventValidation="false" %>
<!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">
<head id="Head1" runat="server">
    <title>样式管理</title>
    <link rel="stylesheet" href="../Css/layout.css" type="text/css" />
    <script type="text/javascript" src="../../Js/XmlHttp.js"></script>
    <script type="text/javascript" src="../../Js/Common.js"></script>
    <script language="javascript" type="text/javascript">
        var obj;
        function ViewStyle(val) {
            var data = "";
            data = XmlHttpGetMethodText("GetStyleContent.aspx?styleId=" + val.replace("tb_", ""));
            if (eval(val).style.display == "none") {
                $(val).style.display = "";
                $(val).cells[0].innerHTML = data;
            }
            else {
                $(val).style.display = "none";
                $(val).cells[0].innerHTML = "";
                ;
            }
        }
        var menuHit = 0;
        function ShowModelList() {
            if (menuHit == 0) {
                modelMenuList.style.display = "";
                menuHit = menuHit + 1;
            }
            else {
                modelMenuList.style.display = "none";
                menuHit = menuHit - 1;
            }
        }
        function showMenu() {
            modelMenuList.style.display = "";
            menuHit = 1;
        }
    </script>
</head>

<body>
    <form id="form1" runat="server">
        <div>
            <table cellspacing="1" cellpadding="0" class="wzdh" align="center">
                <tr>
                    <td class="wzlist">
                        <img src="../Images/Skin/Default/you.gif" align="absmiddle" />
                        您现在的位置：<a href="../SystemInfo.aspx">后台管理</a> &gt;&gt; <a href="../Template/CreateFolder.aspx">标签&模板管理</a> &gt;&gt; <a href="../Label/StyleManager.aspx">样式管理</a> &gt;&gt; 列表
					</td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="1" class="border" align="center">
                <tr>
                    <td class="wzlist">
						<span style="float: left;">
							<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="StyleManager.aspx">样式管理首页</asp:HyperLink> | <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="AddStyleType.aspx">新增样式分类</asp:HyperLink> | <a href="#" onclick="javascript:window.history.back();">返回</a>
						</span>
                        <span style="float: right;">
                            <asp:DropDownList ID="ddlRedirectPage" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlRedirectPage_SelectedIndexChanged">
                                <asp:ListItem>跳转类型至…</asp:ListItem>
                                <asp:ListItem Value="StyleManager.aspx">样式管理</asp:ListItem>
                                <asp:ListItem Value="LabelManager.aspx">标签管理</asp:ListItem>
                                <asp:ListItem Value="../Template/CreateFolder.aspx">模板管理</asp:ListItem>
                            </asp:DropDownList>
                        </span>
					</td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="1" class="border" align="center">
                <tr>
                    <td class="wzlist">
                        <div style="background: url(../Images/Skin/Default/sitelist.png) no-repeat; width: 100px; line-height: 26px; padding-left: 12px; font-weight: bold;"><a href="#" onclick="ShowModelList()">创建新样式</a></div>
                    </td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="1" class="border" align="center">
                <asp:Repeater ID="repStyleCategory" runat="server" OnItemCommand="repStyleCategory_ItemCommand">
                    <HeaderTemplate>
                        <tr class="title">
                            <td width="60px">样式编号</td>
                            <td>样式名称</td>
                            <td width="180px">所属模块</td>
                            <td width="120px">查看样式效果</td>
                            <td width="90px">操作</td>
                        </tr>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr class="tdbg" onmouseover="this.className='tdbgmouseover'" onmouseout="this.className='tdbg'">
                            <td>
                                <asp:Image ID="Image1" runat="server" ImageUrl="../Images/FileType/small_directory.gif" />
                                <asp:HiddenField ID="StyleCategoryId" runat="server" Value='<%#Eval("StyleCategoryId") %>' />
                            </td>
                            <td align="left" style="padding-left: 5px;"><a href="StyleManager.aspx?parentId=<%#Eval("StyleCategoryId") %>"><%# Eval("Name") %></a></td>
                            <td><%#Eval("Desc") %></td>
                            <td><a href="StyleManager.aspx?parentId=<%#Eval("StyleCategoryId") %>">查看样式效果</a></td>
                            <td><a href="AddStyleType.aspx?styleCategoryId=<%#Eval("StyleCategoryId") %>">修改</a> | <asp:LinkButton ID="linkbtnDelete" runat="server" CommandName="Delete" OnClientClick="return confirm('是否确定删除？');">删除</asp:LinkButton></td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
                <asp:Repeater ID="repStyle" runat="server" OnItemCommand="repStyle_ItemCommand">
                    <ItemTemplate>
                        <tr class="tdbg" onmouseover="this.className='tdbgmouseover'" onmouseout="this.className='tdbg'">
                            <a href="javascript:ViewStyle('tb_<%# Eval("StyleID")%>')">
                                <td width="60px" class="mouseStyle"><asp:Label ID="lbStyleId" runat="server" Text='<%# Eval("StyleID")%>'></asp:Label></td>
                                <td class="mouseStyle"><%#Eval("Name") %></td>
                                <td width="180px" class="mouseStyle"><%# Get_Model_Name(Eval("Type"))%></td>
                                <td width="120px" class="mouseStyle">查看样式效果</td>
                            </a>
                            <td width="90px"><a href="SetStyle.aspx?StyleId=<%# Eval("StyleID")%>&modelId=<%# Eval("Type") %>">修改</a> | <asp:LinkButton ID="linkbtnDelete" runat="server" CommandName="Delete" OnClientClick="return confirm('是否确定删除？');">删除</asp:LinkButton></td>
                        </tr>
                        <tr style="display: none;" id="tb_<%# Eval("StyleID")%>">
                            <td colspan="5" align="left" style="padding: 10px; background-color: #f7f7f7;"></td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
            </table>
            <table cellpadding="0" cellspacing="1" class="border" align="center">
                <tr>
                    <td class="wzlist">
						<strong>样式名称：</strong>
                        <asp:TextBox ID="txtKeyword" runat="server" MaxLength="50"></asp:TextBox>
                        <asp:Button runat="server" ID="btnGoSearch" Text="搜索" CssClass="btn" OnClientClick="javascript:if($('txtKeyword').value==''){alert('请输入样式名！');$('txtKeyword').focus();return false;}" OnClick="btnGoSearch_Click" />
					</td>
                </tr>
            </table>
        </div>
        <div id="modelMenuList" style="display: none; position: absolute; top: 0px; margin-top: 102px; margin-left:30px; width: 100px; padding: 0px;" onmouseout="ShowModelList()">
            <table cellpadding="0" cellspacing="1" class="border" style="border: none;" align="center">
                <asp:Repeater runat="server" ID="repModelList">
                    <ItemTemplate>
                        <tr class="tdbg">
							<td style="cursor: hand;" onmouseover="showMenu();javascript:this.style.backgroundColor='#f7f7f7'" onmouseout="showMenu();javascript:style.backgroundColor='#eef6fb'"><a href="SetStyle.aspx?modelId=<%# Eval("ModelId") %>"><%# Eval("ModelName") %></a></td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        <tr class="tdbg">
                           <td style="cursor: hand;" onmouseover="showMenu();javascript:this.style.backgroundColor='#f7f7f7'" onmouseout="showMenu();javascript:style.backgroundColor='#eef6fb'"><a href="SetStyle.aspx?modelId=0">通用样式</a></td>
                        </tr>
                    </FooterTemplate>
                </asp:Repeater>
            </table>
        </div>
    </form>
</body>
</html>