-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (116 loc) · 7.54 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MUSICARE | FREEZE_IA</title>
<!-- <link rel="stylesheet" href="./../css/dashboards.css"> -->
<!-- <link rel="stylesheet" href="./../css/estilo.css" /> -->
<link rel="stylesheet" href="styledash.css">
<script src="../js/sessao.js"></script>
<script src="./../js/alerta.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<!-- scripts do Chart.js - 2022-1 -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!--FONT AWESOME-->
<script src="https://kit.fontawesome.com/9f7414eb10.js" crossorigin="anonymous"></script>
<html>
<body >
<div class="nav_bar">
<div class="logo"></div>
<ul class="menu">
<h1>FREEZEMEDS</h1>
<li>
<svg viewBox="0 0 24 24" fill="none">
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M13 12C13 11.4477 13.4477 11 14 11H19C19.5523 11 20 11.4477 20 12V19C20 19.5523 19.5523 20 19 20H14C13.4477 20 13 19.5523 13 19V12Z"
stroke="#ffffff" stroke-width="2" stroke-linecap="round"></path>
<path
d="M4 5C4 4.44772 4.44772 4 5 4H9C9.55228 4 10 4.44772 10 5V12C10 12.5523 9.55228 13 9 13H5C4.44772 13 4 12.5523 4 12V5Z"
stroke="#ffffff" stroke-width="2" stroke-linecap="round"></path>
<path
d="M4 17C4 16.4477 4.44772 16 5 16H9C9.55228 16 10 16.4477 10 17V19C10 19.5523 9.55228 20 9 20H5C4.44772 20 4 19.5523 4 19V17Z"
stroke="#ffffff" stroke-width="2" stroke-linecap="round"></path>
<path
d="M13 5C13 4.44772 13.4477 4 14 4H19C19.5523 4 20 4.44772 20 5V7C20 7.55228 19.5523 8 19 8H14C13.4477 8 13 7.55228 13 7V5Z"
stroke="#ffffff" stroke-width="2" stroke-linecap="round"></path>
</g>
</svg>
<a href="">I.A</a>
</li>
<li>
<a href="arquivos.html">
<svg viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
fill="#000000">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path
d="M234.666667 938.666667H192c-12.8 0-21.333333-8.533333-21.333333-21.333334v-42.666666h85.333333v42.666666c0 12.8-8.533333 21.333333-21.333333 21.333334zM832 938.666667h-42.666667c-12.8 0-21.333333-8.533333-21.333333-21.333334v-42.666666h85.333333v42.666666c0 12.8-8.533333 21.333333-21.333333 21.333334z"
fill="#ffffff"></path>
<path
d="M576 149.333333h-128c-36.266667 0-64 27.733333-64 64v64h42.666667v-64c0-12.8 8.533333-21.333333 21.333333-21.333333h128c12.8 0 21.333333 8.533333 21.333333 21.333333v64h42.666667v-64c0-36.266667-27.733333-64-64-64z"
fill="#ffffff"></path>
<path
d="M853.333333 917.333333H170.666667c-46.933333 0-85.333333-38.4-85.333334-85.333333V320c0-46.933333 38.4-85.333333 85.333334-85.333333h682.666666c46.933333 0 85.333333 38.4 85.333334 85.333333v512c0 46.933333-38.4 85.333333-85.333334 85.333333z"
fill="#ffffff"></path>
</g>
</svg>
Arquivos</a>
</li>
<li>
<a href="http://localhost:2424/dashboard/muralADM.html">
<svg viewBox="0 0 30 30" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><style type="text/css"> .st0{fill:#FD6A7E;} .st1{fill:#17B978;} .st2{fill:#8797EE;} .st3{fill:#41A6F9;} .st4{fill:#37E0FF;} .st5{fill:#2FD9B9;} .st6{fill:#F498BD;} .st7{fill:#FFDF1D;} .st8{fill:#C6C9CC;} </style><path class="st8" d="M6,9.3L3.9,5.8l1.4-1.4l3.5,2.1v1.4l3.6,3.6c0,0.1,0,0.2,0,0.3L11.1,13L7.4,9.3H6z M21,17.8c-0.3,0-0.5,0-0.8,0 c0,0,0,0,0,0c-0.7,0-1.3-0.1-1.9-0.2l-2.1,2.4l4.7,5.3c1.1,1.2,3,1.3,4.1,0.1c1.2-1.2,1.1-3-0.1-4.1L21,17.8z M24.4,14 c1.6-1.6,2.1-4,1.5-6.1c-0.1-0.4-0.6-0.5-0.8-0.2l-3.5,3.5l-2.8-2.8l3.5-3.5c0.3-0.3,0.2-0.7-0.2-0.8C20,3.4,17.6,3.9,16,5.6 c-1.8,1.8-2.2,4.6-1.2,6.8l-10,8.9c-1.2,1.1-1.3,3-0.1,4.1l0,0c1.2,1.2,3,1.1,4.1-0.1l8.9-10C19.9,16.3,22.6,15.9,24.4,14z"></path></g></svg>
Manutenção</a>
</li>
</ul>
</div>
<div style=" margin-left: 350px; text-align: center; font-size: large;">
<p s> <br><br><br><br>
A <i><b>FREEZE IA</b></i>, é uma inteligência artificial que permite que você faça perguntas e possa <br>
solucionar problemas de forma inteligente e eficaz<br>
Aqui está uma série de perguntas que podem ser feitas!<br><br>
<center>
<p>Arduino lm35 com problemas de captura<br>
Problemas de conexão de rede (o usuario não recebe informações)<br>
Banco de dados não consegue fazer a captação de dados<br>
Usuarios relatam problemas de latência o que poderia ser?<br><br></p>
</center>
</p>
<textarea id="pergunta" type="text" placeholder="Digite a pergunta..."></textarea>
<br><br>
<button onclick="gerarResposta()">Gerar Resposta</button><br><br>
<h3>Resposta da IA:</h3>
<br><br>
<div id="resposta"></div>
<div id="erro" style="display: none; font-size: larger; color: rgb(199, 0, 0); font-weight: 500;">INSIRA UMA PERGUNTA NO CAMPO!</div>
</div>
<script>
async function gerarResposta() {
const pergunta = document.getElementById('pergunta').value;
if (pergunta == '') {
erro.style.display = 'block'
} else {
erro.style.display = 'none'
const response = await fetch('/perguntar', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ pergunta })
});
const data = await response.json();
resposta.style.display = 'block';
document.getElementById('resposta').innerText = data.resultado;
}
}
function sair() {
window.location = 'http://localhost:8080'
}
</script>
</body>
</html>