-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (165 loc) · 6.21 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OK</title>
<link rel="icon" href="./img/icons/ok_512.png">
<link rel="stylesheet" href="./css/reset.css" />
<link rel="stylesheet" href="./css/bootstrap-icons/font/bootstrap-icons.min.css" />
<link rel="stylesheet" href="./css/bootstrap.min.css" />
<link rel="stylesheet" href="./css/mk.css" />
<link rel="stylesheet" href="./css/site.css" />
<link rel="stylesheet" href="./css/divListagem.css" />
<!-- MOBILE -->
<meta name="theme-color" content="#5B00E3" />
<link rel="manifest" href="./manifest.json">
<!-- IOS Support -->
<link rel="apple-touch-icon" href="./img/icons/ok_96.png">
<meta name="apple-mobile-web-app-status-bar" content="#4400C3">
<meta name="description" content="Um simples codificador de dados.">
<script src="./js/popperv2.js" defer></script>
<script src="./js/mkt.js" defer></script>
<script src="./js/mksw.js" defer></script>
<script src="./js/site.js" defer></script>
</head>
<body>
<!-- MENU ENTRADA -->
<div class="body" ondrop="aoDescarregar(event)" ondragover="aoPassarCarga(event)">
<header class="areaTopo">
<div class="areaStatus">
<div class="ftb">
<div class="flr">
<!-- <button type="button" id="returnOnSync" class="btn btn-outline-info">
<i class="bi bi-symmetry-vertical"></i>Sincronizar
</button> -->
<button type="button" id="indexRefresh" class="btn btn-outline-primary oculto">
<i class="bi bi-arrow-clockwise"></i> Reload
</button>
<button type="button" id="indexReqUpdate" class="btn btn-outline-danger">
<i class="bi bi-box-arrow-in-down-left"></i> Request Update
</button>
</div>
<output id="swOutputInfo"></output>
</div>
</div>
<div class="areaLogo">
<img src="./img/icons/ok_72.png" alt="OK" title="OK" width="72" height="72">
<div id="pwaversao"></div>
</div>
</header>
<section>
<button type="button" class="btn btn-outline-success btnNovoInicial" onclick="aoClicarCriar();">Novo</button>
</section>
<section class="descarregavel">
<label for="file"><span>Abrir arquivo</span><br /><br /><em>Arraste ou clique aqui.</em></label>
<input type="file" name="arquivo" id="file" multiple="" class="mkSecreto" onchange="aoAlterarInput(event);" />
</section>
</div>
<!-- LISTAGEM -->
<div class="listas oculto">
<div class="areaTopo">
<div class="areaFiltro">
<div class="divInputCard">
Título<br /><input type="text" name="mTit" class="iConsultas" data-mkfformato="string" />
</div>
</div>
<div class="areaLogo">
<img src="./img/icons/ok_72.png" alt="OK" title="OK" width="72" height="72">
</div>
</div>
<div class="divCard">
<div class="divInputCard totais">Carregando...</div>
</div>
<div class="divListagemContainer" id="tabela1">
<div class="divListagem">
<table class="tableListagem">
<thead>
<tr>
<th class="col1 sort-mTit">Título</th>
<th class="col2 ">Editar</th>
<th class="col3 ">Excluir</th>
</tr>
</thead>
<tbody class="listBody"></tbody>
</table>
</div>
</div>
<!-- MODELO LISTAGEM -->
<template id="modelo" pk="mCod" ob="mTit" od="0">
<tr id="${mCod}">
<td class="ColCell col1 sort-mTit">${mTit}</td>
<td class="ColCell col2 btnCrud">
<button class="btn btn-outline-secondary bi bi-pencil" type="button" onclick="uiGetEDIT(this,0);"></button>
</td>
<td class="ColCell col3 btnCrud">
<button class="btn btn-outline-danger bi bi-trash" type="button" onclick="uiGetDEL(this,0);"></button>
</td>
</tr>
</template>
<div class="botoes">
<div class="p-2">
<button class="bBotao bCinza microPos5" type="button" onclick="uiGetADD(0)">
<svg xmlns="http://www.w3.org/2000/svg" fill="bCinza" class="bi bi-plus-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
<path
d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
</svg>
<span>Adicionar</span>
</button>
</div>
<div class="p-2">
<button class="bBotao bVerde microPos5" type="button" onclick="aoExportar()">
<svg xmlns="http://www.w3.org/2000/svg" fill="bVerde" viewBox="0 0 16 16">
<path
d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" />
<path
d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" />
</svg>
<span>Codificado</span>
</button>
</div>
<div class="p-2">
<button class="bBotao bVermelho microPos5" type="button" onclick="aoSair()">
<svg xmlns="http://www.w3.org/2000/svg" fill="bVermelho" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z" />
<path fill-rule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z" />
</svg>
<span>Sair</span>
</button>
</div>
</div>
</div>
<!-- OPERACAO CRUD -->
<div id="Acao" class="operacaoContainer oculto">
<header>
<h1 class="operacaoTitulo">Adicionar</h1>
</header>
<div class="fsb botoes">
<div class="">
<button class="bBotao bVerde microPos5 operacaoBotao" type="button" onclick="">
<i class="bi bi-plus-circle"></i>
<span class="operacaoAcao">Adicionar</span>
</button>
</div>
<div class="">
<button class="bBotao bCinza microPos5" type="button" onclick="aoClicarNivel2Cancelar()">
<i class="bi bi-x-lg"></i>
<span>Cancelar</span>
</button>
</div>
</div>
<form class="operacaoCampos"></form>
</div>
<!-- SCRIPTS -->
<!-- MODELO DE ADICIONAR E EDITAR -->
<template id="modeloOperacao" pk="mCod">
<div class="bordaBaixo">
<div class="">${l}</div>
<div class="w-100"> ${field} </div>
</div>
</template>
</body>
</html>