admin/37956-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lili Records v1.16

Browse Source
This commit is contained in:
Flatlogic Bot 2026-01-30 17:57:40 +00:00
parent 24c8e78a5d
commit f2dc7c7ecc
1 changed files with 0 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
core/templates/core/index.html
View File

@ -75,45 +75,6 @@
{% endfor %}
</div>
</div>
<!-- Transfermóvil Pago en Línea Section -->
<div class="mt-4 p-4 rounded-4 bg-dark bg-opacity-75 border border-primary border-opacity-25 text-center shadow">
<div class="d-flex align-items-center justify-content-center mb-2">
<span class="badge bg-info text-dark me-2">Transfermóvil</span>
<h5 class="mb-0 text-uppercase small ls-wide fw-bold text-primary">Pago en Línea</h5>
</div>
<p class="small text-secondary mb-3">Escanea con Transfermóvil para pagar tu canción con descuento.</p>
<div class="d-flex justify-content-center mb-3">
<div class="position-relative p-2 bg-white rounded-3 shadow-sm" style="width: 170px; height: 170px;">
<div id="payment-qr"></div>
<!-- Small overlay logo for branding -->
<div class="position-absolute top-50 left-50 translate-middle bg-white p-1 rounded-circle shadow-sm" style="width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;">
<img src="https://www.etecsa.cu/favicon.ico" alt="TM" class="img-fluid rounded-circle">
</div>
</div>
</div>
<div class="mt-2 mb-3">
<span class="badge bg-primary px-3 py-2 rounded-pill mb-1 d-block mx-auto" style="max-width: fit-content;">ID Comercio: 00000</span>
<small class="text-info d-block">¡Aprovecha el descuento de la plataforma!</small>
</div>
<button class="btn btn-outline-primary btn-sm w-100 rounded-pill mb-2" data-bs-toggle="collapse" data-bs-target="#payment-details">
Ver detalles de pago alternativo
</button>
<div class="collapse mt-3 text-start" id="payment-details">
<div class="p-3 rounded bg-black bg-opacity-50 small border border-secondary">
<p class="mb-1 text-primary"><strong>Transferencia Directa:</strong></p>
<p class="mb-1"><strong>Banco:</strong> Metropolitano / BPA</p>
<p class="mb-1"><strong>Cuenta:</strong> 9227 9598 7903 6585</p>
<p class="mb-2"><strong>Titular:</strong> Lili Records</p>
<hr class="border-secondary my-2">
<p class="mb-0 text-secondary italic text-center">Una vez realizado el pago (en línea o transferencia), envía el comprobante por WhatsApp.</p>
</div>
</div>
</div>
</div>
</div>
</div>
@ -165,15 +126,10 @@
font-weight: 500;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
#payment-qr canvas, #payment-qr img {
display: block;
margin: 0 auto;
}
</style>
{% endblock %}
{% block scripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const audio = document.getElementById('audio-player');
@ -188,20 +144,6 @@ document.addEventListener('DOMContentLoaded', function() {
const volumeControl = document.getElementById('volume-control');
const volumeIndicator = document.getElementById('volume-indicator');
// Generate Transfermóvil Pago en Línea QR Code
// Format: ETECSA|TRANSFERMOVIL|PAY|{MerchantID}|{Amount}|{Currency}|{Description}
const merchantId = "00000"; // Default placeholder
const paymentString = `ETECSA|TRANSFERMOVIL|PAY|${merchantId}||CUP|Pago Cancion Lili Records`;
new QRCode(document.getElementById("payment-qr"), {
text: paymentString,
width: 154,
height: 154,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
let isPlaying = false;
let currentMetadataUrl = '';
let metadataInterval = null;