<%@ Page Language="C#" AutoEventWireup="true" CodeFile="default.aspx.cs" Inherits="FinexTools.AbbreviationDictionaryMapping.default1" 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>Abbreviation - Dictionary Mapping</title>
    <style>
    body {
        font-family: arial, verdana;
        font-size: 12px;
        color: black;
    }
    a {
        color: blue;
        font-weight: bolder;
        text-decoration: underline;
    }
        .style1
        {
            width: 221px;
        }
        #contentwrapper{
        float: left;
        width: 100%;
        }

        #contentcolumn{
        margin-left: 200px; /*Set left margin to LeftColumnWidth*/
        }

        #rightcolumn
        {     
        float: right;
        width: 250px; /*Width of right column*/
        margin-right: -55%;        
        }
    </style>
    <script language="javascript" type="text/javascript">
        function formPost() {
            document.form1.submit();
        }

        function openEdit(name, abbrevTo, abbrevLevel) {
            var typeDropDown = document.getElementById("ddlSection");
            var selDropDown = typeDropDown.options[typeDropDown.selectedIndex].text;
            //if (document.getElementById("txtMapInfo").value = "") {
                var field = document.getElementById("ddlFieldName");
                var selfield = field.options[field.selectedIndex].text;
                var txtfield = document.getElementById("txtMapInfo").text;
//            }
//            else {
//                var selfield = document.getElementById("txtMapInfo");
//            }

                window.open("editAbbreviationDictionaryMapping.aspx?section=" + selDropDown + "&FieldName=" + selfield + "&TextFieldName=" + txtfield + "&value=" + name + "&value1=" + abbrevTo + "&value2=" + abbrevLevel, "editbreakdowns", "width=600,height=250,scrollbars=yes");
            }

            function insertanitem() {
                var nValue = document.getElementById("txtMapInfo");
                var dlist = document.getElementById("ddlFieldName");

                if (document.getElementById("<%=txtMapInfo.ClientID%>").value == "") {
                    alert("Field Name cannot be blank");
                    document.getElementById("<%=txtMapInfo.ClientID%>").focus();
                    return false;
                }
                
                var isExist = 0;
                for (var i = 0; i <= dlist.options.length - 1; i++) {
                    if (dlist.options[i].value == nValue.value) {
                        dlist.selectedIndex = i;
                        isExist = 1;
                    }
                }

                if (isExist == 0) {
                    var option = document.createElement("Option");
                    option.text = nValue.value;
                    dlist.options.add(option);
                }
                else {
                    alert("Already Exists in the List. Please enter a valid Field Name.");
                    document.getElementById("txtMapInfo").value = "";
                    document.getElementById("<%=txtMapInfo.ClientID%>").focus();
                    return false;
                }                                      
            }

            function AllowNumbersOnly(input, kbEvent) {
                var keyCode, keyChar;
                keyCode = kbEvent.keyCode;
                if (window.event)
                    keyCode = kbEvent.keyCode; 	// IE
                else
                    keyCode = kbEvent.which; 	//firefox		         
                if (keyCode == null) return true;
                // get character
                keyChar = String.fromCharCode(keyCode);
                var charSet = "0123456789";
                // check valid chars
                if (charSet.indexOf(keyChar) != -1) return true;
                // control keys
                if (keyCode == null || keyCode == 0 || keyCode == 8 || keyCode == 9 || keyCode == 13 || keyCode == 27) return true;
                return false;
            }

            function valid() {

                var selOne = document.getElementById("<%=ddlSection.ClientID%>");
                if (selOne.selectedIndex == 0) {
                    alert("Select the Section Name");
                    document.getElementById("<%=ddlSection.ClientID%>").focus();
                    return false;
                }

                var fieldOne = document.getElementById("<%=ddlFieldName.ClientID%>");
                if (fieldOne.selectedIndex == 0) {
                    alert("Select the Field Name");
                    document.getElementById("<%=ddlFieldName.ClientID%>").focus();
                    return false;
                }

                if (document.getElementById("<%=txtText.ClientID%>").value == "") {
                    alert("Text cannot be blank");
                    document.getElementById("<%=txtText.ClientID%>").focus();
                    return false;
                }

                if (document.getElementById("<%=txtLength.ClientID%>").value == "") {
                    alert("Length cannot be blank");
                    document.getElementById("<%=txtLength.ClientID%>").focus();
                    return false;
                }

                var num = document.getElementById('<%=txtLength.ClientID%>');
                var  No = parseInt(num.value);
                if (!isNaN(No)) {
                    if ((No >= 0) && (No <= 200)) {
                        return true;
                    }
                    else {
                        alert("Value cannot be greater than 200");
                        document.getElementById("<%=txtLength.ClientID%>").value = "";
                        document.getElementById("<%=txtLength.ClientID%>").focus();
                        return false;
                    }
                }   


            }
    </script>
<link href="CommonStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div style="width: 800px;">                
    <div id="contentwrapper">
        <div id="dvAddAction" style="display: inline">
            <div>&nbsp;<br /><strong>Map New Dictionary:</strong><br />&nbsp;</div>
            <table border="1" style="border-collapse: collapse;">
                <tr>
                    <th style="width: 150px; text-align: left">Section</th>
                    <td>
                        <asp:DropDownList ID="ddlSection" runat="server" Width="250px" AutoPostBack="True" OnSelectedIndexChanged="ddlSection_SelectedIndexChanged" DataValueField="AbbreviationSection">
                        </asp:DropDownList>
                    </td>
                    <td class="style1"></td>
                </tr>  
                <tr>
                    <th style="width: 150px; text-align: left">Field Name</th>
                    <td>
                        <asp:DropDownList ID="ddlFieldName" runat="server" Width="250px" OnSelectedIndexChanged="ddlFieldName_SelectedIndexChanged" AutoPostBack="false" DataValueField="AbbreviationFieldName">
                        </asp:DropDownList>
                    </td>
                    <td class="style1">
                     <input type="text" id="txtMapInfo" name="txtMapInfo" runat="server" value="" style="width: 130px; " /> 
                     <input type="button" value="Add New" onclick="insertanitem(this)" />
                        <%--<asp:Button ID="Button1" Text="Add New" runat="server" OnClick="btnadd_Click" 
                            Width="70px" height="30px" />--%>
                    </td>
                </tr>                 
                
                <tr>
                <td></td>
                    <td colspan="1" style="text-align: center"> 

                        <asp:Button ID="btnSave" Text="SAVE MAPPING" runat="server" 
                            OnClick="btnSave_Click" Width="140px" height="40px" Visible="False" /><br />                       
                        <asp:Label ID="lblErrorMessage" runat="server" ForeColor="Red"></asp:Label></td>
                    <td class="style1">  </td>
                </tr>
            </table>
        </div>
        </div>

        <div id="rightcolumn">
            <%--<div class="innertube">--%>
            <div>&nbsp;<br /><strong>Check to Validate:</strong><br />&nbsp;</div>
            <table border="1" style="border-collapse: collapse;">
                <tr>
                    <th style="width: 150px; text-align: left">Text </th>
                    <td>
                        <asp:TextBox ID="txtText" runat="server" MaxLength="200"></asp:TextBox>                        
                    </td>                    
                </tr>  
                <tr>
                    <th style="width: 150px; text-align: left">Length</th>
                    <td>
                        <asp:TextBox ID="txtLength" runat="server" onkeypress="return AllowNumbersOnly(this,event)"></asp:TextBox>                                                
                    </td>                    
                </tr>                 

                <tr>
                    <th style="width: 150px; text-align: left">Desired Output</th>
                    <td>
                        <asp:Label ID="lblOutput" runat="server"></asp:Label>
                    </td>                    
                </tr>                 
                                
                <tr>
                <td></td>
                    <td colspan="1" style="text-align: center"> 
                        <asp:Button ID="btnValid" runat="server" Text="To Validate" OnClientClick=" return valid()" OnClick="btnValid_Click" />
                        <br />                       
                        
                        <asp:Label ID="lblMsg" runat="server" ForeColor="Red"></asp:Label></td>                    
                </tr>
            </table>
            
           <%-- </div>--%>
        </div>

        <div id="dvInstrumentList" style="display: inline">
        <div>&nbsp;<br /><strong>Mapped Dictionary List:</strong><br />&nbsp;</div>
        <asp:Table ID="tblAbbreviation" runat="server" style="border-collapse: collapse;" Border="1" BorderColor="Black" Width="900px">
            <asp:TableHeaderRow BackColor="ActiveCaption" ForeColor="white">
                <asp:TableHeaderCell Width="250px">Abbreviation From</asp:TableHeaderCell>
                <asp:TableHeaderCell Width="225px">Abbreviation To</asp:TableHeaderCell>
                <asp:TableHeaderCell Width="225px">Abbreviation Level</asp:TableHeaderCell>
                <asp:TableHeaderCell Width="100px">Edit</asp:TableHeaderCell>
            </asp:TableHeaderRow>
        </asp:Table>
        </div>
    </div>
    </form>
</body>
</html>
