// ==UserScript==
// @name Diseño de tarjeta
// @version 0.5
// @description Nuevo diseño de tarjeta mejorado!
// @author Facu
// @match https://clientes.pagospyme.com/cancelaciones/altacredencialpf.php*
// @match http://127.0.0.1:5500/Credencial%20de%20pago.html
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js
// @require https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.min.js
// @require https://greasyfork.org/scripts/31940-waitforkeyelements/code/waitForKeyElements.js?version=209282
// @grant GM_addStyle
// @run-at document-start
// @namespace http://tampermonkey.net/
// @downloadURL https://update.greasyfork.icu/scripts/421436/Dise%C3%B1o%20de%20tarjeta.user.js
// @updateURL https://update.greasyfork.icu/scripts/421436/Dise%C3%B1o%20de%20tarjeta.meta.js
// ==/UserScript==
GM_addStyle(`
#destinatario, .texto {
font-size: 30px !important;
}
#destinatario {
width: fit-content!important;
margin: auto;
padding: 0!important;
font-family: 'Circular Std', sans-serif;
}
.texto {
margin-top: 0.4em!important;
margin-bottom: 0.4em!important;
font-family: 'Circular Std', sans-serif;
}
#tablacertificado {
background: white;
display: flex;
justify-content: center;
align-items: center;
width: 700px!important;
height: 434px!important;
box-shadow: #5c5c5c 0px 0px 0px 3px inset;
}
#logopf {
width: 620;
margin-left: -15!important;
margin-top: -40px;
}
center {
width: fit-content;
}
body {
width: fit-content;
height: fit-content;
}
.container-t {
display: flex;
align-items: center;
height: inherit;
box-sizing: border-box;
flex-direction: column;
justify-content: space-around;
}
#btn {
background: #009cde;
border: none;
border-radius: 5px;
padding: 15px;
color: white;
margin: 10;
box-sizing: border-box;
border: 3px solid #00000000;
transition: 0.1s ease;
}
#btn:active {
background: #006f9f;
border: 3px solid #00000038;
box-sizing: border-box;
transition: 0.1s ease;
}
#footer td img{
width: 50%;
}
#footer td {
display: flex;
flex-direction: column;
align-items: center;
}
#codigobarras > img {
image-rendering: pixelated;
width: 434px;
}
#nombre {
font-weight: 700;
}
#amoc_logo {
width: 500px
}
`);
$(document).ready(function () {
$('#destinatario').wrapInner('')
// Logo amoc
$('#header').wrapInner('
')
var para = $('#nombre').text();
var nombre = para.replace('Para: ', '').replaceAll('\n', '').replaceAll('\t', '');
var nombre_elem = para.replace('Para: ', '')
$('#nombre').text(nombre_elem);
$(".ocultoimpresion, #logocliente, #superior, #lateralizq1, #lateralizq2, #lateralder1, #lateralder2, , #textocliente, .separador, #logopf").remove()
$("#footer td img").attr("src", "data:image/png;base64,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");
var urlImg = $("#codigobarras > img").attr('src');
var urlImgNew = urlImg.replace('http', 'https');
$("#codigobarras > img").attr('id', 'imgCodigo').attr('crossOrigin', 'anonymous');
$("tbody").first().addClass("container-t")
$("center > table > tbody > tr > td > table > tbody").addClass("container-s")
$("head").append('');
$("body").after('')
// CREAR IMAGEN!
const toDataURL = url => fetch(url)
.then(response => response.blob())
.then(blob => new Promise((resolve, reject) => {
const reader = new FileReader()
reader.onloadend = () => resolve(reader.result)
reader.onerror = reject
reader.readAsDataURL(blob)
}))
toDataURL(urlImgNew)
.then(dataUrl => {
$("#imgCodigo").attr('src', dataUrl)
})
$("#btn").click(function () {
html2canvas(document.querySelector("#tablacertificado")).then(canvas => {
canvas.toBlob(function (blob) {
window.saveAs(blob, 'Tarjeta - ' + nombre + '.jpeg');
});
});
});
});
waitForKeyElements('style[id^="stylebot"]', function (e) {
$('style[id^="stylebot"]').remove()
});