-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (71 loc) · 3.67 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Informativo de Acionamento - STTE</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<!-- Imagem com a logo -->
<img src="https://gms.stte.com.br/gms_rno/images/logo.jpg" alt="STTE Logo" class="logo" onerror="this.style.display='none'">
<h1>Informativo de Acionamento - STTE</h1>
<!-- Formulário de entrada -->
<form id="stteForm">
<label>Analista NOC:</label>
<input type="text" id="analista" placeholder="DIGITE O ANALISTA">
<label>Supervisor:</label>
<input type="text" id="supervisor" placeholder="DIGITE O SUPERVISOR">
<label>CN:</label>
<select id="cn">
<option value="91">91 Belém</option>
<option value="92">92 Amazonas</option>
<option value="93">93 Roraima</option>
<option value="94">94 Santarém</option>
<option value="95">95 Boa Vista</option>
<option value="96">96 Macapá</option>
<option value="98">98 São Luís</option>
<option value="99">99 Imperatriz</option>
</select>
<label>Estação:</label>
<input type="text" id="estacao" placeholder="DIGITE A ESTAÇÃO">
<label>Alarme:</label>
<select id="alarme" onchange="calculateSLA()">
<option value="AFCA">AFCA - FALHA DE ENERGIA - SLA 4H</option>
<option value="ABAT">ABAT - BATERIA EM DESCARGA - SLA 4H</option>
<option value="AFRET">AFRET - FALHA DE RETIFICADOR - SLA 24H</option>
<option value="ADIF">ADIF - FALHA DE FUSÍVEL - SLA 4H</option>
<option value="AQDF">AQDF - FALHA DE QUADRO DE FORÇA - SLA 4H</option>
<option value="ABAL">ABAL - FALHA DE BALIZAMENTO - SLA 24H</option>
<option value="AOGMG">AOGMG - GMG EM OPERAÇÃO - SLA 4H</option>
<option value="ACGMG">ACGMG - BAIXO NIVEL DE COMBUSTIVEL - SLA 4H</option>
<option value="AFGMG">AFGMG - FALHA NO GMG - SLA 4H</option>
<option value="ATEMP">ATEMP - ALTA TEMPERATURA - SLA 4H</option>
<option value="ATRO">ATRO - TROCADOR DE CALOR - SLA 4H</option>
<option value="ARCON">ARCON - FALHA DE AR-CONDICIONADO - SLA 4H</option>
<option value="OUTRO">OUTRO</option>
</select>
<label>AMI:</label>
<input type="text" id="ami" placeholder="DIGITE O AMI">
<label>INC:</label>
<input type="text" id="inc" placeholder="DIGITE O INC">
<label>Hora do Acionamento:</label>
<input type="time" id="horaAcionamento" required>
<label>Previsão:</label>
<input type="time" id="previsaoTec" required>
<label>Técnico:</label>
<input type="text" id="tecnico" placeholder="DIGITE O TÉCNICO">
<div class="checkbox-group">
<input type="checkbox" id="destacar">
<label for="destacar">Destacar com * para WhatsApp (negrito)</label>
</div>
<button type="button" onclick="gerarAcionamento()">Gerar Acionamento</button>
<button type="button" onclick="copiarAcionamento()">Copiar Acionamento</button>
</form>
<div id="resultado"></div>
<button type="button" onclick="toggleTheme()">Alternar Modo Claro/Escuro</button>
</div>
<script src="script.js"></script>
</body>
</html>