/
infoPublicada.html
75 lines (62 loc) · 2.5 KB
/
infoPublicada.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
</head>
<body>
<div>
<label for="url">🌐️ URL de la presentación publicada:</label><br>
<textarea style="min-height: 40px; width: 680px; resize: none" id="url" rows="2" cols="95" disabled><?!= url ?></textarea>
</div>
<input type="checkbox" id="acortar" name="acortar" value="acortar" onclick = "acortar()"><label for="acortar">Acortar URL (con TinyURL)</label>
<div>
<button id="abrir" onclick = "probar()">Probar</button>
<button id="copiar" onclick = "copiar()">Copiar</button>
<span id="msg"></span>
</div>
<br>
<button id="cerrar" onclick = "cerrar()">OK</button>
</body>
<script>
function cerrar() {
google.script.host.close();
}
function probar() {
var txtUrl = document.querySelector('#url').value;
window.open(txtUrl);
}
function copiar() {
var txtUrl = document.querySelector('#url');
txtUrl.disabled = false;
txtUrl.select();
document.execCommand('copy');
txtUrl.disabled = true;
document.querySelector('#msg').innerHTML = '✔️ URL copiado';
}
function acortar() {
document.querySelector('#acortar').disabled = true; // desactivar mientras se procesa
if (document.querySelector('#acortar').checked == true) {
google.script.run
.withSuccessHandler(function(urlCorto) {
document.querySelector('#url').value = urlCorto;
document.querySelector('#msg').innerHTML = '';
document.querySelector('#acortar').disabled = false; // reactivar tras procesar
})
.withFailureHandler(function() {
document.querySelector('#msg').innerHTML = '❌ Error al acortar con TinyURL';
document.querySelector('#acortar').checked = false;
document.querySelector('#acortar').disabled = false; // reactivar tras procesar
})
.acortarUrl();
}
else {
document.querySelector('#url').value = '<?!= url ?>';
document.querySelector('#msg').innerHTML = '';
document.querySelector('#acortar').disabled = false; // reactivar tras procesar
}
// No se debe reactivar checkbox aquí dado que google.script.run es asíncrono,
// puede que acortar() retorne, reactivando la casilla, antes de que finalice
}
</script>
</html>