-
Notifications
You must be signed in to change notification settings - Fork 1
/
hellobot.html
122 lines (103 loc) · 3.94 KB
/
hellobot.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<html>
<head>
<!-- Nome: Danilo da Silva Pereira
Matrícula: 201611250 -->
<!-- Requisição automática do HelloBot(desenvolvido pelo prof. Henrique) -->
<title>HelloBot</title>
<meta charset="UTF-8"/>
<!--Bootstrap -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Css -->
<link rel="stylesheet" type="text/css" href="style.css">
<script>
function sendText() {
var xhr = new XMLHttpRequest();
// API do HelloBot
xhr.open('GET', 'https://api.telegram.org/bot251544001:AAHfYLrNSMPzjzc38J6EHaeZ4B9_J3od6ss/getUpdates', true);
xhr.onload = function(e) {
var y = document.getElementById('teste');
y.innerHTML = "";
if (this.status == 200) {
var msg = this.responseText;
var jsonData = JSON.parse(msg);
var result = jsonData.result;
var rLen = result.length -1;
var certo = rLen + 1;
// Quando há somente 1 mensagem o programa não a imprime,então é lançado tal fluxo de controle
if (certo == 1) {
document.title = "("+certo+")" + " mensagem oculta";
}
else{
document.title = "("+certo+")" + " mensagens";
}
if (rLen > 0) {
for(i=rLen; i > -1; i--){
var text = result[i].message.text;
var nome = result[i].message.from.first_name;
var sobrenome = result[i].message.from.last_name;
var data = result[i].message.date;
y.innerHTML = y.innerHTML+ "<li> <i>Data: "+converterData(data)+ "</i> <br><b>" +nome+" " +sobrenome+ " </b> : "+text + "</li> <hr>"
} //fechamento for
}//fechamento if
};//fechamento if
}//fechamento function(e)
xhr.send();
}//fechamento fuction sendText()
// Função para conversão de Date Json(Usando Unix timestamp)
function converterData(UNIX_timestamp){
var a = new Date(UNIX_timestamp * 1000);
var months = ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'];
var year = a.getFullYear();
var month = months[a.getMonth()];
var date = a.getDate();
var hour = a.getHours();
var min = +a.getMinutes();
var sec = a.getSeconds();
var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;
return time;
}
//Carregar página automicamente e chamar function 'sendText'
setInterval(sendText,1000);
</script>
</head>
<body>
<!-- Menu de navegação -->
<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="10">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Integração JS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="hellobot.html">HelloBot</a></li>
<li><a href="dansilvabot.html">@Dansilva41Bot</a></li>
<li><a href="encontrar_api.html">Encontrar Api</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/DanSilva41/Api-Telegram" target="_blank"><span class="glyphicon glyphicon-folder-open"></span> Arquivo Fonte</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<center>
<h2>Mensagens<span class="glyphicon glyphicon-send"></span></h2>
</center>
<!-- Painel de mensagens -->
<div class="panel panel-default">
<div class="panel-heading">
<div id="teste">
</div>
</div>
</div>
</div>
</body>
</html>