Salidas Gráficas SIGPAC - Cultivo Declarado

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Test-WcMsg</title>
    <link rel="shortcut icon" href="#" />
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Test page for WcMsg component">
    <meta name="keywords" content="WcMsg, Test, SIGPAC, Component">

<style>

body{
            font-family: Helvetica;
            font-size: small;
            background-color: lightgrey;
            margin: 0;
            padding: 0;
        }

.centrar {
            display: flex;
			justify-content: center;
			font-size: 0.9rem;
            margin-top: 10px;
        }

.izquierda {
            top: 6%;
            left: 1px; 
            bottom: 1px; 
            width: 30%; 
            position: absolute;
            background: #3CB371;
            padding: 10px 0px 0px 10px;
            vertical-align: middle;
            overflow: auto;
        }

.derecha {
            border: 1px solid #aaa; 
            bottom: 1px; 
            top: 6%; 
            left: 31%; 
            right: 1px; 
            position: absolute; 
            background: white;
        }

input {
			text-align: center;
			background-color: #E0E0E0;
			color: #282828;
			text-decoration: none;
			border: none;
			padding: 10px 10px;
			min-width: 25%;
			margin-bottom: 10px;
			font-weight: bold;
            border-radius: 8px;
            width: 84%;
            display: inline-block;
            margin-left:7px;
		}

.button {
			background-color: grey;
			border: none;
			color: white;
			padding: 10px;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 12px;
			margin: 5px 5px;
			cursor: pointer;
			width: 85%;
            border-radius: 8px;
            border: solid rgb(202, 202, 202) 2px;
		}

.listado-parametros{
            list-style:none;
            padding-left:0;
            font-size:14px;
            margin-left:10px;
            margin-bottom:40px;
        }

.listado-parametros li{
            padding:5px;
        }

</style> 
<script type="text/javascript" defer="defer" src="https://sigpac-hubcloud.es/salidasgraficassigpac/wc-msg.js"></script>

</head>

<body>
    <div class="centrar">
        Componente Salidas Gráficas SIGPAC
    <div id="my-app" class="izquierda"> 
  
    <ul class="listado-parametros" ;">
    <p><strong style="font-size:16px; class="centrar">Parámetros de entrada:</strong></p>
        <li><label><strong style="font-size:14px;">Provincia:</strong></label> <code>37</code></li>
        <li><label><strong style="font-size:14px;">Municipio:</strong></label> <code>108</code></li>
        <li><label><strong style="font-size:14px;">Expediente:</strong></label> <code>37010166</code></li>
        <li><label><strong style="font-size:14px;">LD Recinto:</strong></label> <code>1</code></li>
    </ul>
  
    <input id="refDec" size=30 value="37:108:37010166:1" />
    <button title="Abre PDF Salida gráfica en nueva ventana" class="button" onclick="generaPDFDecTab()">ABRE PDF</button>
    <button title="Incrusta PDF Salida gráfica en componente" class="button" onclick="generaPDFDecFrame()">INCRUSTA PDF</button>
    <button title="Descarga archivo PDF Salida gráfica" class="button" onclick="generaPDFDecFile()">DESCARGA PDF</button>
    <button title="Manejando el Evento 'wc-msg-generaPdf'" class="button" onclick="lanzaEventoPDFDec()">EVENTO</button>

</div>

//Generar PDF de Cultivo Declarado correspondiente en un frame de la aplicación anfitriona.
    function generaPDFDecFrame() {
        if (window && $msg) {
            var refDecl = document.getElementById("refDec").value;     
            window.$msg.generaPDFDecFrame(refDecl);
        }
    }

//Descargar la salida gráfica de Cultivo Declarado correspondiente como un archivo PDF.
    function generaPDFDecFile() {
        if (window && $msg) {
            var refDecl = document.getElementById("refDec").value;     
            window.$msg.generaPDFDecFile(refDecl);
        }
    }

//Generar PDF de Cultivo Declarado correspondiente en una nueva ventana del navegador mediante evento.
	function  lanzaEventoPDFDec() {
        var refDecl = document.getElementById("refDec").value; 
        const event = new CustomEvent("wc-msg-generaPdfDec", { detail:refDecl });
        dispatchEvent(event);
    }

</script>s
</html>