<%@ Page Title="Process Builder" Language="C#" MasterPageFile="~/2ColMaster.Master" AutoEventWireup="true" CodeBehind="StepBuilder.aspx.cs" Inherits="ProcessDefinition.StepBuilder" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentMain" runat="server">
                <h1>Process builder</h1>
    <table width="100%">
        <tr>
            <td width="30%">
                <label>Process name:</label>
                <input type="text" style="width:95%" id="txtProcName" />
                <label>Process description:</label>
                <textarea style="width:95%;padding:8px;font-size:1.2em;" id="txtStepDesc"></textarea>
            </td>
            <td width="70%">
                <div id="result" style="padding-left:20px;">
                    <h1 id="procName"></h1>
                    <div class="stepBuilderContainer">
                    <img usemap="#stepBuilderMap" style="display:none;" />
                        <map id="stepBuilderMap" name="stepBuilderMap"></map>
                    </div>
                    <div class="help postBody">
                        <p>Type your process steps in the area to the left</p>
                        <blockquote>
                            Each process on a new line<br />
                            <b>(</b><br />
                            Brackets keep<br />
                            Concurrent processes<br />
                            Together <b>:</b> With a description<br />
                            <b>)</b><br />
                            Optional process <b>?</b> Optionality text<br />
                            Iterative processes <b>*</b> Iteration text
                        </blockquote>
                        <p style="padding-left:30px;"><a href="#" id="tryIt">&lt;&lt; Try this text</a></p>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentOptions" runat="server">

    <div>
    <ul class='ui-widget-content'>
        <li class="btn"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span><a href="<%=pd.R.GetReposRoot() %>">Back to library</a></li>
    </ul>
            <ul class="ui-widget-content ui-corner-all">
                <li class="btn" id="btnClear"><span class="ui-icon ui-icon-document-b"></span><a href="#">Clear</a></li>
                </ul>
        <ul class="ui-widget-content ui-corner-all">
                <li class="btn" id="btnSave"><span class="ui-icon ui-icon-disk"></span><a href="#">Save</a></li>
            </ul>
            
	</div>

    <div id="coverall" style="position:fixed;top:0px;bottom:0px;right:0px;left:0px;background-color:rgba(0,0,0,.5);display:none;"></div>
    <div id="overAll" style="display:none;width:600px;position:fixed;top:200px;left:50%;margin-left:-300px;padding:10px;border-radius:4px;background-color:rgba(255,255,255,.9)">
        <h1 style="font-weight:normal;">When does <b id="fromL"></b> transition to <b id="toL"></b>?</h1>
        <textarea id="txtLinksBy" style="padding:8px;font-size:1.2em;width:580px;height:6em;"></textarea>
        <button id="btnTransSubmit" class="ui-corner-all ui-state-default dpButton" type="button">Add transition</button>
        <button id="btnTransCancel" class="ui-corner-all ui-state-default dpButton" type="button">Cancel</button>
    </div>
</asp:Content>
