<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WorkFlow.FlowPage.Index" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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 runat="server">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="-1" />
    <title>流程管理</title>
    <link href="css/ext-all.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        #sample-ct h2 div
        {
            background: transparent url(../images/group-expand-sprite.gif) no-repeat 3px -47px;
            padding: 4px 4px 4px 17px;
            color: #3764a0;
            font: bold 13px tahoma, arial, helvetica, sans-serif;
        }
        .images-view .x-panel-body
        {
            background: white;
            font: 14px Arial, Helvetica, sans-serif;
        }
        .images-view .thumb
        {
            padding: 3px;
        }
        .images-view .thumb img
        {
        }
        .images-view .thumb-wrap
        {
            float: left;
            margin: 9px;
            margin-right: 0;
            padding: 5px;
            text-align: center;
        }
        .images-view .thumb-wrap span
        {
            display: block;
            overflow: hidden;
            text-align: center;
        }
        .images-view .x-view-over
        {
            border: 1px solid #dddddd;
            background: #efefef url(images/row-over.gif) repeat-x left top;
            padding: 4px;
        }
        .images-view .x-view-selected
        {
            background: #eff5fb url(images/selected.gif) no-repeat right bottom;
            border: 1px solid #99bbe8;
            padding: 4px;
        }
        .images-view .x-view-selected .thumb
        {
            background: transparent;
        }
        .images-view .loading-indicator
        {
            font-size: 14px;
            background-image: url(images/ticon2.gif);
            background-repeat: no-repeat;
            background-position: left;
            padding-left: 20px;
            margin: 10px;
        }
        .details-info
        {
            border-top: 1px solid #cccccc;
            font: 14px Arial, Helvetica, sans-serif;
            margin-top: 5px;
            padding-top: 5px;
            text-align: left;
        }
      .hg
{
	height: 20px;
	padding-top: 3px;
}
.workflow-node
{
	background-image: url(images/workflow.gif) !important;
}
.workflow-folder
{
	background-image: url(images/folder.gif) !important;
}

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="DirectMethod">
    </ext:ResourceManager>
    <ext:Viewport ID="Viewport1" runat="server" Layout="border" AutoScroll="true">
        <Items>
            <ext:Panel ID="Panel2" runat="server" Region="East" Split="true" Width="275" MinWidth="275">
                <TopBar>
                    <ext:Toolbar ID="Toolbar1" runat="server">
                        <Items>
                            <ext:Button ID="btAdd" runat="server" Text="发启流程" Icon="PageWhiteAdd" Disabled="true"
                                ToolTip="发启所选的流程">
                                <DirectEvents>
                                    <Click OnEvent="btAdd_Click">
                                        <EventMask ShowMask="true" Msg="<span style='font-size: 12px;'>正弹出发启流程窗口，请稍后...</span>"
                                            MinDelay="10" />
                                    </Click>
                                </DirectEvents>
                            </ext:Button>
                            <ext:ToolbarSeparator />
                            <ext:Button ID="Button8" runat="server" Text="刷新" Icon="Reload" ToolTip="刷新">
                                <DirectEvents>
                                    <Click OnEvent="ReLoad_Click">
                                        <EventMask ShowMask="true" Msg="<span style='font-size: 12px;'>正在刷新中，请稍后...</span>"
                                            MinDelay="10" />
                                    </Click>
                                </DirectEvents>
                            </ext:Button>
                        </Items>
                    </ext:Toolbar>
                </TopBar>
                <Content>
                    <table width="100%">
                        <tr>
                            <td align="center">
                                <img alt="" src="images/0016.png" style="margin-top: 9px" />
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="95%">
                                    <tr>
                                        <td>
                                            <div class="details-info">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <span style="color: #575757; font-size: 13px; font-weight: bold">流程名称：</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <ext:Label ID="lblName" runat="server">
                                            </ext:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <span style="color: #575757; font-size: 13px; font-weight: bold">描述：</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <ext:Label ID="lblMS" runat="server">
                                            </ext:Label>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </Content>
            </ext:Panel>
            <ext:Panel ID="Panel6" runat="server" Layout="Fit" Region="West" Split="true" MinWidth="175"
                Width="175">
                <Items>
                    <ext:TreePanel ID="treePanel" runat="server" Border="false">
                        <Root>
                        </Root>
                        <Listeners>
                            <Click Handler="e.stopEvent();DirectMethod.NodeClick(node.id);" />
                        </Listeners>
                    </ext:TreePanel>
                </Items>
            </ext:Panel>
            <ext:Panel ID="ImagePanel" runat="server" Cls="images-view" Frame="true" Width="535"
                Layout="Fit" Region="Center" Icon="ArrowSwitch">
                <Items>
                    <ext:DataView ID="ImageView" runat="server" AutoHeight="true" MultiSelect="true"
                        BodyBorder="false" OverClass="x-view-over" ItemSelector="div.thumb-wrap">
                        <Store>
                            <ext:Store ID="Store2" runat="server">
                                <Reader>
                                    <ext:JsonReader>
                                        <Fields>
                                            <ext:RecordField Name="Id" />
                                            <ext:RecordField Name="Name" />
                                            <ext:RecordField Name="MS" />
                                        </Fields>
                                    </ext:JsonReader>
                                </Reader>
                            </ext:Store>
                        </Store>
                        <Template ID="Template1" runat="server">
                            <Html>
                            <tpl for=".">
								<div class="thumb-wrap" id="{Id}">
									<div class="thumb"><img  alt="" src="images/0016.png"/></div>
									<span class="x-editable" style=' font-weight: bold;color:green'>{Name}</span>
								</div>
							</tpl>
                            <div class="x-clear"></div>
                            </Html>
                        </Template>
                        <DirectEvents>
                            <Click OnEvent="GetInfo_Click">
                                <EventMask ShowMask="true" Msg="<span style='font-size: 12px;'>正在操作中，请稍后...</span>"
                                    MinDelay="10" />
                                <ExtraParams>
                                    <ext:Parameter Name="Values" Value="Ext.encode(#{ImageView}.getRowsValues())" Mode="Raw" />
                                </ExtraParams>
                            </Click>
                        </DirectEvents>
                    </ext:DataView>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    <ext:Window ID="Window1" runat="server" Closable="True" Resizable="false" Height="560"
        Icon="Anchor" Title="<span style='font-size:14px'>发启流程</span>" Draggable="true"
        Maximized="true" Width="1000" Modal="true" Padding="0" Hidden="true" AutoScroll="true">
        <AutoLoad Mode="IFrame" NoCache="true" ShowMask="true">
        </AutoLoad>
    </ext:Window>
    </form>
</body>
</html>
