Skip to content
Snippets Groups Projects
Commit 116f52bb authored by ramoncalabozo's avatar ramoncalabozo
Browse files

Mejorando la disposición de elementos

parent cbe1c06c
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Frontend/client/src/app/app.component.html
+ 51
− 2
View file @ 116f52bb
<!--
<div class="container mt-3">
<div class="row justify-content-around">
<div class="col-7">
<h1 class="app_title">Visualización de publicaciones</h1>
<h2 class="app_title">Visualización de publicaciones</h2>
</div>
</div>
</div>
......@@ -14,6 +15,7 @@
</div>
</div>
<br><br>
<br><br><br><br>
<br><br><br><br>
<br><br><br><br>
......@@ -57,3 +59,50 @@
</div>
</div>
</div>
-->
<div class="container mt-3">
<div class="row justify-content-around">
<div class="col-7">
<h2 class="app_title">Visualización de publicaciones</h2>
</div>
</div>
</div>
<style>
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 10px;
border: 1px solid #ccc;
}
</style>
<body>
<table>
<tr>
<td>
<iframe src="http://localhost/mapa/" width="475" height="500"></iframe>
</td>
<td>
<h3 class="comunidades">Elementos de filtrado</h3>
<span class="select_all_span">
<input id="allElements" type="checkbox" (change)="checkUncheckAll()" [(ngModel)]="seleccion "/>
<label for="allElements">Seleccionar todos</label>
</span>
<div class="filter_elements_container">
<div *ngFor="let e of elementsFilters; index as i">
<input id="checkbox{{i}}" type="checkbox" (change)="select()" [(ngModel)]="e.isSelected"/>
<label for="checkbox{{i}}">{{e.value}}</label>
</div>
</div>
</td>
<td>
<app-line-chart [filterElements]="elementsFilters"></app-line-chart>
</td>
</tr>
</table>
Frontend/mapa/index.html
+ 1
− 1
View file @ 116f52bb
......@@ -8,7 +8,7 @@
<body>
<img id="imgOri" src="https://raw.githubusercontent.com/ramoncalabozo/interfacesGraficas/main/spain-01.png" width="892" height="632" style="display:none", crossorigin="true">
<div id="contMeshMap" style="width:800px;height:600px;border:solid"></div>
<div id="contMeshMap" style="width:450px;height:450px;border:solid"></div>
<script type="text/javascript">
function initMap(){
......
......
Frontend/mapa/mitad.png 0 → 100644
+ 0
− 0
View file @ 116f52bb
Frontend/mapa/mitad.png

45.7 KiB

0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment