SIG/OI/RepNormatividad.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="RepNormatividad.aspx.cs" Inherits="OI_RepNormatividad" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
    <style>
        #treeviewarbolmiarbol, .catcuentascontarbol .catcuentasarbol {
            width: 100%;
        }

        .btnOculto {
            display: none;
        }

        ul.treeviewarbol li > div {
            display: inline-block;
            min-height:16px;
        }

        #listviewbuscar {
            width: 50%;
        }

        .aradd {
            margin-left: 15px;
            background-color: #1caf9a;
            filter: hue-rotate(300deg);
            color: #ffffff;
            font-weight: 300;
            padding: 2px 7px 3px 8px;
            text-align: center;
            height: 15px;
            border-radius: 18px !important;
            vertical-align: middle;
        }

            .aradd::before {
                font: normal normal normal 14px/1 FontAwesome;
                font-size: 9px !important;
                content: "\f040";
                display: none;
            }

            .aradd::after {
                font: normal normal normal 14px/1 FontAwesome;
                font-size: 9px !important;
                content: "\f063";
            }

        .aredit {
            margin-left: 15px;
            background-color: #E87E04;
            color: #ffffff;
            font-weight: 300;
            padding: 2px 7px 3px 8px;
            text-align: center;
            height: 15px;
            border-radius: 18px !important;
            vertical-align: middle;
            display: none;
        }

            .aredit::before {
                font: normal normal normal 14px/1 FontAwesome;
                font-size: 9px !important;
                content: "\f040";
            }
    </style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
    Reporte de Normatividad
</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 ID="updatos" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div class="catcuentascontarbol" style="width: 100%;">
                <%--                    <div class="catcuentasarbol" style="height:500%">--%>
                <div id="treeviewarbolmiarbol" style="text-align: right">
                    <ADS:Arbol runat="server" ID="ArbolCuentas" Style="text-align: left;" Onaddclick="aradd_Click"></ADS:Arbol>
                </div>
                <%--                    </div>--%>
            </div>
            <asp:Button ID="BtnDownload" OnClick="BtnDownload_Click" ClientIDMode="Static" Style="display: none;" runat="server" />

        </ContentTemplate>

        <Triggers>
            <asp:PostBackTrigger ControlID="BtnDownload" />
        </Triggers>
    </asp:UpdatePanel>


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

        function buscararbolito(inputid, ulid) {

            var texto = $("input#" + inputid).val();
            if ((texto == '') && ($('ul#' + ulid))) {
                $('ul#' + ulid + '').removeClass("listainvicible");
                expandir();
            }
            else {
                if ($('ul#' + ulid).hasClass('listainvicible') == false) {
                    $('ul#' + ulid).addClass("listainvicible");
                }
                if ($('ul#' + ulid + ' li.livisible')) {
                    $('ul#' + ulid + ' li.livisible').removeClass("livisible");
                }
                if ($('ul#' + ulid + ' input:checked')) {
                    $('ul#' + ulid + ' input:checked').prop('checked', false);
                }
                if ($('ul#' + ulid + ' li:contains("' + texto + '") > input[type=checkbox]')) {
                    $('ul#' + ulid + ' li:contains("' + texto + '") > input[type=checkbox]').prop('checked', true);
                }
                if ($('ul#' + ulid + ' li:contains("' + texto + '")')) {
                    $('ul#' + ulid + ' li:contains("' + texto + '")').addClass("livisible");
                }
                if ($('ul#' + ulid + ' label:contains("' + texto + '") ~ ul li')) {
                    $('ul#' + ulid + ' label:contains(""' + texto + '"") ~ ul li').addClass("livisible");
                }
            }
        }

        function expandir() {
            debugger;
            var lis = document.getElementById('C_ArbolCuentas_miarbol').getElementsByTagName("li");

            for (var indice in lis) {
                var chkId = 'chk' + lis[indice].id

                if ($get(chkId) != null) {
                    document.getElementById(chkId).checked = true;
                }
            }
        }

        function OcultarBoton(nodo) {
            debugger;
            var lis = document.getElementById('C_ArbolCuentas_miarbol').getElementsByTagName('li');

            for (var indice in lis) {
                var liId = '' + lis[indice].id

                if ($get(liId) != null && nodo == liId) {
                    document.getElementById('C_ArbolCuentas_miarbol').getElementsByClassName("aradd")[indice].style.display = 'none';
                }
            }
        }

        jQuery(document).ready(function () {
            Sys.Application.add_load(function (s, e) {
                buscararbolito('C_ArbolCuentas_Abuscar', 'C_ArbolCuentas_miarbol')
            });
        });
    </script>

</asp:Content>