fichaOrganizacionContratante.html

<!DOCTYPE html>
<!--
Copyright 2018 Ayuntamiento de A Coruña, Ayuntamiento de Madrid, Ayuntamiento de Santiago de Compostela, Ayuntamiento de Zaragoza, Entidad Pública Empresarial Red.es

This visualization is part of the actions carried out within the "Ciudades Abiertas" project.

Licensed under the EUPL, Version 1.2 or – as soon they will be approved by the European Commission - subsequent versions of the EUPL (the "Licence");
You may not use this work except in compliance with the Licence.
You may obtain a copy of the Licence at:

https://joinup.ec.europa.eu/software/page/eupl

Unless required by applicable law or agreed to in writing, software distributed under the Licence is distributed on an "AS IS" basis,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the Licence for the specific language governing permissions and limitations under the Licence.
-->
<html lang="es" dir="ltr">

<head>
    <!-- Metadatos -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title data-i18n="ficha_organizacion_contratante">Ficha de la organización contratante</title>

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">

    <!-- JQUERY UI CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet" type="text/css">

    <!-- DATATABLES CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css" />
	<link rel="stylesheet" type="text/css"
        href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.bootstrap4.min.css" />
    <link rel="stylesheet" type="text/css"
        href="https://cdn.datatables.net/colreorder/1.5.5/css/colReorder.bootstrap4.min.css" />
    <link rel="stylesheet" type="text/css"
        href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap4.min.css">

    <!-- Hojas de estilos internos -->
    <link rel="stylesheet" href="../comunV2/dist/css/main.css">
    <link rel="stylesheet" href="../comunV2/dist/css/ciudadesAbiertas.css">
    <link rel="stylesheet" href="dist/css/contratos.css">
    <link rel="stylesheet" href="dist/css/custom.css">

    <!--Favicon-->
    <link rel="shortcut icon" type="image/x-icon" href="../comunV2/dist/images/favicon.ico">

</head>

<body>
    <div class="modal fade bd-loading-modal-lg" data-backdrop="static" data-keyboard="false" tabindex="-1"
        role="dialog">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content modal-loading">
                <div class="col-sm-12">
                    <span class="loader"></span>
                    <br> <br>
                    <span data-i18n="cargando" class="home-header_title">Cargando datos</span>
                    <br> <br>
                    <span data-i18n="espere">Espere, el proceso podría tardar unos segundos</span>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel_sin">
                    <div class="panel-heading" role="heading" aria-level="2">
                        <div class="row">
                            <div class="col-sm-10">
                                <h2 id="titulo"></h2>
                            </div>
                            <div class="col-sm-2">
                                <button type="button" class="btn btn-primary btn-sm" onclick="volverBusqueda()">
                                    <i class="fa fa-arrow-left"></i>
                                    <span data-i18n="volver">Volver</span>
                                </button>
                                <button type="button" class="btn btn-primary btn-sm"
                                    onclick="cambioCapaBuscadorIframe()">
                                    <i class="fa fa-times"></i>
                                    <span data-i18n="cerrar">Cerrar</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="category-line lin_1"></div>
									<div class="panel panel_indi">
                                        <div class="panel-heading">
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img class="img_ind" src="./dist/images/icon1.svg" title="img_ind1" alt="ind1">
                                                </div>
                                               <div class="col-sm-10 text-center">
                                                    <div class="fontgr"  data-i18n="num_contratos_gest_todos">Nº contratos</div>
													<div class="fontmgr f_1" id="numContratos"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="category-line lin_2"></div>
									<div class="panel panel_indi">
                                        <div class="panel-heading">
                                            <div class="row">
                                                <div class="col-sm-2">
                                                    <img class="img_ind" src="./dist/images/icon2.svg" title="img_ind2" alt="ind2">
                                                </div>
                                                <div class="col-sm-10 text-center">
                                                    <div class="fontgr" data-i18n="importe_contratos_gest_todos">Importe contratos</div>
													<div class="fontmgr f_2" id="impContratos"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="panel panel_sin">
                                        <div class="panel-heading" role="heading" aria-level="3">
                                            <em class="fa fa-bar-chart-o fa-fw"></em>
											<span data-i18n="num_contratos_gest_anyo">Nº contratos por año</span>
                                        </div>
                                        <div class="panel-body">
                                            <div id="chartdivTree1" class="chart250"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="panel panel_sin">
                                        <div class="panel-heading" role="heading" aria-level="3">
                                            <em class="fa fa-bar-chart-o fa-fw"></em>
											<span data-i18n="importe_contratos_gest_anyo">Importe contratos por año</span>
                                        </div>
                                        <div class="panel-body">
                                            <div id="chartdivTree2" class="chart250"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="table-responsive">
                    <table class="table table-hover" id="tablaOrgContr">
                        <thead>
                        </thead>
                        <tbody id="tablaContratosBody"></tbody>
                        <tfoot></tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"  ></script>

    <!-- jQuery UI-->
    <script src="https://code.jquery.com/jquery-1.12.4.js"  ></script>

    <!-- Bootstrap Core -->
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>

    <!-- DataTables -->
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js" ></script>
    <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"  ></script>
    <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js" ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"  ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.bootstrap4.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"  ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"  ></script>
    <script src="https://cdn.datatables.net/colreorder/1.5.5/js/dataTables.colReorder.min.js"
         ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.colVis.min.js"  ></script>
    <script src="https://cdn.datatables.net/plug-ins/1.10.25/sorting/date-eu.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap4.js"></script>

    <!-- Amcharts Visualizations-->
    <script src="https://cdn.amcharts.com/lib/4/core.js" ></script>
    <script src="https://cdn.amcharts.com/lib/4/charts.js" ></script>
    <script src="https://cdn.amcharts.com/lib/version/4.10.19/themes/frozen.js" ></script>
    <script src="https://cdn.amcharts.com/lib/version/4.10.19/themes/animated.js"></script>
    <script src="https://cdn.amcharts.com/lib/version/4.10.19/lang/es_ES.js" ></script>

    <!-- Normalización de datos -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"  ></script>
    <script src="vendor/datejs/date-es-ES.js"  ></script>

    <!-- Multiidoma -->
    <script src="vendor/CLDRPluralRuleParser/CLDRPluralRuleParser.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.messagestore.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.fallbacks.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.language.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.parser.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.emitter.min.js"  ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.i18n/1.0.7/jquery.i18n.emitter.bidi.min.js"  ></script>

    <!-- Scripts internos -->
    <script src="dist/js/constantes.js"  ></script>
    <script src="dist/js/general.js"  ></script>
    <script src="dist/js/fichaOrganizacionContratante.js"  ></script>

    <script>
        $(document).ready(function () {
            $('.modal').modal('show');
            initComun();
            inicializaFichaOrgContratante();
        });
    </script>
</body>

</html>