SIG/ZDG/MensajeManual.aspx

<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="MensajeManual.aspx.vb" Inherits="ZDG_MensajeManual" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
    Envio de Mensajes
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">

    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <div class="row">
                <div class="col-md-4 pull-right">
                    <h3 style="text-align: right">Mensajes Enviados:
                <asp:Label Text="0" ID="LbMensajesEnviados" runat="server" />
                    </h3>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

    <br />

    <div class="row">

        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                <div class="col-md-4">
                    <div class="portlet smmallpadding light bordered">
                        <div class="portlet-title">
                            <div class="tools">
                                <a href="javascript;" data-idchekbox="<%= chkexpand3.ClientID%>" class=" <%= IIf(chkexpand3.Checked = True, "collapse", "expand")%>"></a>
                                <asp:CheckBox ID="chkexpand3" Checked="true" CssClass="hidden" runat="server" />
                            </div>
                            <div class="caption uppercase" style="position: relative;">
                                <i class="fa fa-info-circle"></i>Destinatarios
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table style="width: 100%">
                                <tr>
                                    <td>Municipio:</td>
                                    <td>
                                        <asp:DropDownList ID="DdlMunicipio" AutoPostBack="true" OnSelectedIndexChanged="DdlMunicipio_SelectedIndexChanged" runat="server" Width="100%" CssClass="form-control input-sm select2me" AppendDataBoundItems="true" DataTextField="Municipio" DataValueField="CveMunicipio">
                                            <asp:ListItem Selected="True" Text="Todos" Value="-1"></asp:ListItem>
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Para:</td>
                                    <td>
                                        <asp:CheckBox ID="ChkCoordinadores" AutoPostBack="true" OnCheckedChanged="ChkCoordinadores_CheckedChanged" Text=" Coordinadores" runat="server" />
                                    </td>
                                    <td>
                                        <asp:Label ID="LbCoordinadores" Text="0" runat="server" />
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <asp:CheckBox ID="ChkLideres" AutoPostBack="true" OnCheckedChanged="ChkLideres_CheckedChanged" Text=" Lideres" runat="server" />
                                    </td>
                                    <td>
                                        <asp:Label ID="LbLideres" Text="0" runat="server" />
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <asp:CheckBox ID="ChkMovilizadores" AutoPostBack="true" OnCheckedChanged="ChkMovilizadores_CheckedChanged" Text=" Movilizadores" runat="server" />
                                    </td>
                                    <td>
                                        <asp:Label ID="LbMovilizadores" Text="0" runat="server" />
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td style="text-align: right;">Total:</td>
                                    <td>
                                        <asp:Label Text="0" ID="LbTotal" runat="server" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
            </ContentTemplate>
        </asp:UpdatePanel>


        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                <div class="col-md-6">
                    <div class="portlet smmallpadding light bordered">
                        <div class="portlet-title">
                            <div class="tools">
                                <a href="javascript;" data-idchekbox="<%= CheckBox1.ClientID%>" class=" <%= IIf(chkexpand3.Checked = True, "collapse", "expand")%>"></a>
                                <asp:CheckBox ID="CheckBox1" Checked="true" CssClass="hidden" runat="server" />
                            </div>
                            <div class="caption uppercase" style="position: relative;">
                                <i class="fa fa-info-circle"></i>Mensaje
                            </div>
                        </div>
                        <div class="portlet-body">
                            <asp:TextBox ID="TxtMensaje" TextMode="MultiLine" Width="100%" Rows="5" Wrap="false" MaxLength="160" onkeypress="return CheckLength();" onkeyup="GetRestantes();" runat="server" />

                            <div style="text-align: right; width: 100%">
                                <asp:Literal Text="Caracteres restantes: " runat="server" />
                                <asp:TextBox ClientIDMode="Static" ID="LbRestantes" CssClass="TextBoxAsLabel" Text="150" runat="server" />
                            </div>

                        </div>
                    </div>

                </div>
            </ContentTemplate>
        </asp:UpdatePanel>


    </div>

    <hr />

    <div class="row">
        <div class="col-md-12" style="text-align: center;">
            <asp:UpdatePanel runat="server">
                <ContentTemplate>
                    <asp:Button ID="BtnEnviar" OnClick="BtnEnviar_Click" Text="Enviar" CssClass="btn btn-primary" runat="server" />
                    <asp:Button ID="BtnCancelar" OnClick="BtnCancelar_Click" Text="Cancelar" CssClass="btn btn-danger" runat="server" />
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </div>


</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
    <script>


        $(document).on("pageload", function () {
            var textbox = document.getElementById("<%=TxtMensaje.ClientID%>");
            textbox.onpaste = function (e) {
                var max = textbox.getAttribute("maxlength") - textbox.value.trim().length;
                e.clipboardData.getData('text/plain').slice(0, max);
            };
        });


        function CheckLength() {
            var textbox = document.getElementById("<%=TxtMensaje.ClientID%>");
            if (textbox.value.trim().length >= 150) {
                return false;
            }
            else {
                return true;
            }
        }

        function GetRestantes() {
            var textbox = document.getElementById("<%=TxtMensaje.ClientID%>");
            $get("LbRestantes").value = 150 - textbox.value.trim().length;
            textbox.value = textbox.value.substring(0, 150);
        }

    </script>
</asp:Content>