maria.ruiz
/
TicketMerc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Actualizar Interfaz/BoletosArtista3.html

This commit is contained in:
maria.ruiz 2025-03-13 04:15:46 +00:00
parent 17c1c11423
commit 09fbeac5d2
1 changed files with 29 additions and 13 deletions

42
Interfaz/BoletosArtista3.html
View File

@ -8,38 +8,54 @@
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
</head> </head>
<body> <body>
<div class="contenedor">
<div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
&#8592;
</div>
<div class="contenido"> <div class="contenedor">
<div class="seleccion-asientos">
<div class="flecha-regresar" onclick="window.location.href='Artistas.html'">
&#8592;
</div>
<h2 id="titulo">Abril</h2> <h2 id="titulo">Abril</h2>
<div class="dias"></div> <div class="dias"></div>
<div class="escenario"></div>
<div class="grid" id="asientos"></div> <div class="grid" id="asientos"></div>
<button class="boton-vender" onclick="venderAsientos()">Vender</button> <button class="boton-vender" id="btnVender">Vender</button>
</div>
<!-- Sección derecha: Información de boletos -->
<div id="panel-boletos" class="panel-boletos">
<h3>Boletos</h3>
<div id="lista-boletos" class="lista-boletos"></div>
<hr>
<div class="total">
<strong>Total:</strong> <span id="total-precio">$0 MXN</span>
</div>
</div> </div>
</div> </div>
<div id="comprobanteModal" class="modal"> <div class="modal-overlay" id="modalOverlay">
<div class="modal-content"> <!-- Contenido del Modal -->
<span class="close">&times;</span> <div id="comprobanteModal">
<h2>Comprobante de Compra</h2> <h2>Comprobante de Compra</h2>
<p><strong>Artista:</strong> <span id="modalArtista"></span></p> <p><strong>Artista:</strong> <span id="modalArtista"></span></p>
<p><strong>Día:</strong> <span id="modalDia"></span></p> <p><strong>Día:</strong> <span id="modalDia"></span></p>
<p><strong>Asientos:</strong> <span id="modalAsientos"></span></p> <p><strong>Asientos:</strong> <span id="modalAsientos"></span></p>
<p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p> <p><strong>Precio Total:</strong> <span id="modalPrecioTotal"></span></p>
<p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p> <p><strong>Fecha y Hora:</strong> <span id="modalFechaHora"></span></p>
<div class="botones"> <div class="modal-buttons">
<button class="confirmar" onclick="confirmarVenta()">Confirmar</button> <button class="cancel" onclick="rechazarVenta()">Cancelar</button>
<button class="rechazar" onclick="rechazarVenta()">Rechazar</button> <button class="confirm" onclick="confirmarVenta()">Confirmar</button>
</div> </div>
</div> </div>
</div> </div>
<script src="scripts/BoletosArtista.js"></script> <script src="scripts/BoletosArtista.js"></script>
<script> <script>
// Inicializar la página con los datos de Taylor Swift
inicializarPagina('Taylor Swift', [18, 19, 20]); inicializarPagina('Taylor Swift', [18, 19, 20]);
</script> </script>