<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="FineUIPro.Web.index" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <title>EProject管理系统</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <meta name="Keywords" content="jQuery,jQueryUI,FineUI,ASP.NET,控件库,AJAX,Web2.0" />
    <link type="text/css" rel="stylesheet" id="linkIndexCSS" runat="server" href="~/res/css/index.css" />
    <link type="text/css" rel="stylesheet" id="linkMobileViewCss" runat="server" href="~/res/css/mobileview.css" />
</head>
<body>
    <form id="form1" runat="server">
        <f:PageManager ID="PageManager1" AutoSizePanelID="mainPanel" runat="server"></f:PageManager>
        <f:Panel ID="mainPanel" Layout="Region" CssClass="mainpanel" ShowBorder="false" ShowHeader="false" runat="server">
            <Items>
                <f:Panel ID="sidebarRegion" CssClass="sidebarregion bgpanel" RegionPosition="Left"
                    ShowBorder="false" Width="260" ShowHeader="false"
                    EnableCollapse="false" Collapsed="false" Layout="VBox" runat="server"
                    RegionSplit="true" RegionSplitIcon="false" RegionSplitWidth="3" RegionSplitTransparent="true">
                    <Items>
                        <f:ContentPanel CssClass="topregion" ShowBorder="false" ShowHeader="false" runat="server">
                            <div id="sideheader" class="f-widget-header f-mainheader">
                                <a class="logo" href="./index.aspx" title="Home page" id="logoTitle" runat="server" style="font-size:large">eProject | 项目管理系统</a>
                            </div>
                        </f:ContentPanel>
                        <f:Panel ID="leftPanel" CssClass="leftregion bgpanel" BoxFlex="1" ShowBorder="true" ShowHeader="false"
                            Layout="Fit" runat="server" AutoScroll="true">
                            <Items>
                                <f:Tree runat="server" ShowBorder="false" ShowHeader="false" ID="treeMenu" EnableSingleClickExpand="true">
                                </f:Tree>
                            </Items>
                        </f:Panel>
                    </Items>
                </f:Panel>
                <f:Panel ID="bodyRegion" CssClass="bodyregion" RegionPosition="Center" ShowBorder="false" ShowHeader="false"
                    Layout="VBox" runat="server">
                    <Items>
                        <f:ContentPanel ID="topPanel" CssClass="topregion" ShowBorder="false" ShowHeader="false" runat="server">
                            <div id="header" class="f-widget-header f-mainheader">
                                <div class="header-left">
                                    <f:Button runat="server" ID="btnCollapseSidebar" CssClass="icononlyaction" ToolTip="折叠/展开侧边栏" IconAlign="Top" IconFont="_Fold"
                                        EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false" TabIndex="-1">
                                        <Listeners>
                                            <f:Listener Event="click" Handler="onFoldClick" />
                                        </Listeners>
                                    </f:Button>
                                    <div id="breadcrumb">
                                        <div class="breadcrumb-inner">
											<span class="breadcrumb-last">首页</span>
										</div>
                                        <div class="breadcrumb-icons">
                                            <a data-qtip="刷新本页" href="javascript:onToolRefreshClick();"><i class="f-icon f-iconfont f-iconfont-refresh"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="header-right">
                                    <f:Button runat="server" CssClass="userpicaction"  ID="btnUser" 
                                        EnablePostBack="false" EnableDefaultState="false" EnableDefaultCorner="false">
                                        <Menu runat="server" ID="menuSettings">
                                            <f:MenuButton runat="server" EnablePostBack="false" ID="MenuDisplayMode" Text="显示模式">
                                                <Menu runat="server">
                                                    <Items>
                                                        <f:MenuCheckBox Text="紧凑模式" ID="MenuDisplayModeCompact" AttributeDataTag="compact" GroupName="MenuDisplayMode" runat="server">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="小字体模式" ID="MenuDisplayModeSmall" AttributeDataTag="small" GroupName="MenuDisplayMode" runat="server">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="普通模式" ID="MenuDisplayModeNormal" AttributeDataTag="normal" Checked="true" GroupName="MenuDisplayMode" runat="server">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="大字体模式" ID="MenuDisplayModeLarge" AttributeDataTag="large" GroupName="MenuDisplayMode" runat="server">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="大间距模式" ID="MenuDisplayModeLargeSpace" AttributeDataTag="largeSpace" GroupName="MenuDisplayMode" runat="server">
                                                        </f:MenuCheckBox>
                                                    </Items>
                                                    <Listeners>
                                                        <f:Listener Event="checkchange" Handler="onMenuDisplayModeCheckChange" />
                                                    </Listeners>
                                                </Menu>
                                            </f:MenuButton>
                                            <f:MenuButton EnablePostBack="false" Text="菜单样式" ID="MenuStyle" runat="server">
                                                <Menu runat="server">
                                                    <Items>
                                                        <f:MenuCheckBox Text="智能树菜单" ID="MenuStyleTree" AttributeDataTag="tree" Checked="true" GroupName="MenuStyle" runat="server">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="树菜单" ID="MenuStylePlainTree" AttributeDataTag="plaintree" GroupName="MenuStyle" runat="server">
                                                        </f:MenuCheckBox>
                                                    </Items>
                                                    <Listeners>
                                                        <f:Listener Event="checkchange" Handler="onMenuStyleCheckChange" />
                                                    </Listeners>
                                                </Menu>
                                            </f:MenuButton>
                                            <f:MenuButton EnablePostBack="false" Text="主选项卡标签" ID="MenuMainTabs" runat="server">
                                                <Menu runat="server">
                                                    <Items>
                                                        <f:MenuCheckBox Text="单标签页" ID="MenuMainTabsSingle" AttributeDataTag="single" GroupName="MenuMainTabs" runat="server" Checked="true">
                                                        </f:MenuCheckBox>
                                                        <f:MenuCheckBox Text="多标签页" ID="MenuMainTabsMulti" AttributeDataTag="multi" GroupName="MenuMainTabs" runat="server">
                                                        </f:MenuCheckBox>
                                                    </Items>
                                                    <Listeners>
                                                        <f:Listener Event="checkchange" Handler="onMenuMainTabsCheckChange" />
                                                    </Listeners>
                                                </Menu>
                                            </f:MenuButton>
                                             <f:MenuButton EnablePostBack="false" Text="皮肤" ID="MenuButton1" runat="server">
                                                <Listeners>
                                                    <f:Listener Event="click" Handler="onThemeSelectClick" />
                                                </Listeners>
                                            </f:MenuButton>
                                            <f:MenuButton runat="server" Text="加载动画" EnablePostBack="false">
                                                <Listeners>
                                                    <f:Listener Event="click" Handler="onLoadingSelectClick" />
                                                </Listeners>
                                            </f:MenuButton>
                                            <f:MenuSeparator runat="server">
                                            </f:MenuSeparator>
                                            
                                            <f:MenuSeparator runat="server">
                                            </f:MenuSeparator>
                                            <f:MenuText runat="server" ID="menuTextCopyright" HideOnClick="false" CssClass="copyright-menutext">
                                            </f:MenuText>
                                        </Menu>
                                    </f:Button>
                                </div>
                            </div>
                        </f:ContentPanel>
                        <f:TabStrip ID="mainTabStrip" CssClass="centerregion" ShowInkBar="true" InkBarPosition="Top" BoxFlex="1" ShowBorder="true" EnableTabCloseMenu="true" runat="server">
                            <Tabs>
                                <f:Tab ID="tabHomepage" Title="Home page" IconFont="_Home" EnableIFrame="true" IFrameUrl="~/common/main.aspx" runat="server">
                                </f:Tab>
                            </Tabs>
                            <Tools>
                                <%-- <f:Tool runat="server" EnablePostBack="false" IconFont="FolderOpen" CssClass="tabtool viewcode" ToolTip="Open Folder" ID="tool1">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onFolderOpenClick" />
                                    </Listeners>
                                </f:Tool>--%>
                                
                                <f:Tool runat="server" EnablePostBack="false" IconFont="_Code" CssClass="tabtool viewcode" ToolTip="Help" ID="toolSourceCode">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onHelpClick" />
                                    </Listeners>
                                </f:Tool>
                                <f:Tool runat="server" EnablePostBack="false" IconFont="_Refresh" CssClass="tabtool" ToolTip="Refresh" ID="toolRefresh">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onToolRefreshClick" />
                                    </Listeners>
                                </f:Tool>
                                <f:Tool runat="server" EnablePostBack="false" IconFont="_NewTab" CssClass="tabtool" ToolTip="NewWindowOpen" ID="toolNewWindow">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onToolNewWindowClick" />
                                    </Listeners>
                                </f:Tool>
                                 <f:Tool runat="server" EnablePostBack="false" IconFont="SignOut" CssClass="tabtool" ToolTip="Logout" ID="toolSignOut">
                                     <Listeners>
                                          <f:Listener Event="click" Handler="onToolSignOutClick" />
                                     </Listeners>
                                 </f:Tool>
                                <f:Tool runat="server" EnablePostBack="false" IconFont="Expand" CssClass="tabtool" ToolTip="Maximize" ID="toolMaximize">
                                     <Listeners>
                                         <f:Listener Event="click" Handler="onToolMaximizeClick" />
                                    </Listeners>
                                 </f:Tool>
                            </Tools>
                        </f:TabStrip>
                    </Items>
                </f:Panel>
               
            </Items>
        </f:Panel>
       
        <f:Window ID="windowThemeRoller" Title="皮肤" Hidden="true" EnableIFrame="true" IFrameUrl="./common/themes.aspx" ClearIFrameAfterClose="false"
            runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
            EnableMaximize="true" EnableResize="true" WindowPosition="Center">
        </f:Window>
        <f:Window ID="windowLoadingSelector" Title="加载动画" Hidden="true" EnableIFrame="true" IFrameUrl="./common/loading.aspx" ClearIFrameAfterClose="false"
            runat="server" IsModal="true" Width="1000px" Height="600px" EnableClose="true"
            EnableMaximize="true" EnableResize="true">
        </f:Window>

        <f:HiddenField runat="server" ID="hfExamplesCount"></f:HiddenField>
    </form>

    <script>
         var treeMenuClientID = '<%= treeMenu.ClientID %>';
         var mainTabStripClientID = '<%= mainTabStrip.ClientID %>';

        var PARAMS = {
            mainPanel: '<%= mainPanel.ClientID %>',
            mainTabStrip: '<%= mainTabStrip.ClientID %>',
            treeMenu: '<%= treeMenu.ClientID %>',
            sidebarRegion: '<%= sidebarRegion.ClientID %>',
            btnCollapseSidebar: '<%= btnCollapseSidebar.ClientID %>',
            tabHomepage: '<%= tabHomepage.ClientID %>',
            windowThemeRoller: '<%= windowThemeRoller.ClientID %>',
            windowLoadingSelector: '<%= windowLoadingSelector.ClientID %>',
           
            hfExamplesCount: '<%= hfExamplesCount.ClientID %>',
            sourceUrl: '<%= ResolveUrl("~/common/source.aspx") %>',
            dashboardUrl: '<%= ResolveUrl("~/block/dashboard.aspx") %>',
            mainUrl: '<%= ResolveUrl("~/common/main.aspx") %>',
            processNewWindowUrl: function (url) {
                return url.replace(/\/mobile\/\?file=/ig, '/mobile/');
            }
        };

        function onFolderOpenClick(event) {

            window.open('\\wcnnjioo8219389\Projects_Transmittals', '_blank');
        }

         // 点击标题栏工具图标 - 帮助
        function onHelpClick(event) {
            window.open('Doc/EProject操作手册.docx', '_blank');
        }
        
        // 点击标题栏工具图标 - 注销
        function onToolSignOutClick(event) {            
            var bConfirmed = confirm('Are you sure you want to log out?'); 
            if (bConfirmed) { window.open('login.aspx', '_top'); }
        }

        
        // 点击标题栏工具图标 - 最大化
        function onToolMaximizeClick(event) {
            topPanelClientID = '<%= topPanel.ClientID %>';
            leftPanelClientID = '<%= leftPanel.ClientID %>';
            var topPanel = F(topPanelClientID);
            var leftPanel = F(leftPanelClientID);

            var currentTool = this;
            if (currentTool.iconFont.indexOf('expand') >= 0) {
                topPanel.collapse();
                leftPanel.collapse();
                currentTool.setIconFont('compress');
            } else {
                topPanel.expand();
                leftPanel.expand();
                currentTool.setIconFont('expand');
            }
        }

        
        // 页面控件初始化完毕后执行
        F.ready(function () {
            var treeMenu = F(treeMenuClientID);
            var mainTabStrip = F(mainTabStripClientID);
            if (!treeMenu) return;

            // 初始化主框架中的树(或者Accordion+Tree)和选项卡互动,以及地址栏的更新
            // treeMenu: 主框架中的树控件实例,或者内嵌树控件的手风琴控件实例
            // mainTabStrip: 选项卡实例
            // options: 参数
            // options.updateHash: 切换Tab时,是否更新地址栏Hash值(默认值:true)
            // options.refreshWhenExist: 添加选项卡时,如果选项卡已经存在,是否刷新内部IFrame(默认值:false)
            // options.refreshWhenTabChange: 切换选项卡时,是否刷新内部IFrame(默认值:false)
            // options.maxTabCount: 最大允许打开的选项卡数量
            // options.maxTabMessage: 超过最大允许打开选项卡数量时的提示信息
            // options.beforeNodeClick: 节点点击事件之前执行(返回false则不执行点击事件)
            // options.beforeTabAdd: 添加选项卡之前执行(返回false则不添加选项卡)
            F.initTreeTabStrip(treeMenu, mainTabStrip, {
                maxTabCount: 10,
                maxTabMessage: '请先关闭一些选项卡(最多允许打开 10 个)!'
            });

        });

    </script>
    
    <asp:Literal ID="litScriptIndex" runat="server"></asp:Literal>

</body>
</html>