Repository navigation
Expand file tree
/
Copy pathconfiguracoes.html
More file actions
147 lines (120 loc) · 6.74 KB
/
Copy pathconfiguracoes.html
File metadata and controls
147 lines (120 loc) · 6.74 KB
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
<html lang="pt">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta charset="UTF-8" />
<title>Linguagem Delégua por Design Líquido - Configurações</title>
<link rel="stylesheet" href="./estilos.css" />
<link rel="stylesheet" href="./codigos.css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet" />
<script src="menu.js"></script>
</head>
<body class="configuracoes-pagina">
<div id="menuOpcoes" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="fecharMenu()">×</a>
<a href="index.html">Editor</a>
<a href="exemplos.html">Exemplos</a>
<a href="configuracoes.html">Configurações</a>
</div>
<nav>
<div class="navbar-esquerda">
<div onclick="abrirMenu()">
<div class="icone-burger"></div>
<div class="icone-burger"></div>
<div class="icone-burger"></div>
</div>
</div>
<div class="navbar-central">
<p>Configurações</p>
</div>
<div></div>
</nav>
<main class="configuracoes-container">
<section class="configuracoes-cartao">
<h1>Preferências do Editor</h1>
<p class="configuracoes-descricao">
As opções abaixo são salvas no navegador e usadas automaticamente no Editor.
</p>
<div class="configuracoes-formulario">
<label for="temaEditorConfig">Tema do Editor</label>
<select id="temaEditorConfig">
<option value="vs">Padrão</option>
<option value="vs-dark">Visual Studio Escuro</option>
<option value="hc-black">Escuro</option>
<option value="hc-light">Claro</option>
</select>
<label for="linguagemTraducaoConfig">Linguagem de Tradução</label>
<select id="linguagemTraducaoConfig">
<option value="javascript">JavaScript</option>
<option value="python">Python</option>
</select>
<label for="tempoAnaliseConfig">Tempo de análise automática (ms)</label>
<input id="tempoAnaliseConfig" type="number" min="150" max="10000" step="50" />
<label for="limiteIteracoesConfig">Limite de iterações de laço</label>
<input id="limiteIteracoesConfig" type="number" min="1000" max="100000000" step="1000" />
<h2 class="configuracoes-subtitulo">Formatação</h2>
<label for="tamanhoIndentacaoConfig">Tamanho da indentação</label>
<input id="tamanhoIndentacaoConfig" type="number" min="2" max="8" step="1" />
<label for="delimitadorTextoConfig">Delimitador de texto</label>
<select id="delimitadorTextoConfig">
<option value="preservar">Preservar</option>
<option value="aspas-simples">Aspas simples</option>
<option value="aspas-duplas">Aspas duplas</option>
</select>
<label for="maximoCaracteresLinhaConfig">Máximo de caracteres por linha</label>
<input id="maximoCaracteresLinhaConfig" type="number" min="40" max="240" step="5" />
<h2 class="configuracoes-subtitulo">Regras do Estilizador</h2>
<label class="configuracoes-checkbox" for="habilitarEstilizadorConfig">
<input id="habilitarEstilizadorConfig" type="checkbox" />
<span>Estilizador</span>
</label>
<label class="configuracoes-checkbox" for="regraFortalecerTiposConfig">
<input id="regraFortalecerTiposConfig" type="checkbox" />
<span>Regra: Fortalecer tipos</span>
</label>
<label class="configuracoes-checkbox" for="regraExplicitarTiposParametrosConfig">
<input id="regraExplicitarTiposParametrosConfig" type="checkbox" />
<span>Regra: Explicitar tipos de parâmetros</span>
</label>
<label class="configuracoes-checkbox" for="regraConvencaoNomenclaturaConfig">
<input id="regraConvencaoNomenclaturaConfig" type="checkbox" />
<span>Regra: Convenção de nomenclatura</span>
</label>
<label for="convencaoVariavelConfig">Convenção de variável</label>
<select id="convencaoVariavelConfig">
<option value="caixaCamelo">caixaCamelo</option>
<option value="caixa_cobra">caixa_cobra</option>
<option value="CaixaPascal">CaixaPascal</option>
</select>
<label for="convencaoConstanteConfig">Convenção de constante</label>
<select id="convencaoConstanteConfig">
<option value="CAIXA_ALTA">CAIXA_ALTA</option>
<option value="caixaCamelo">caixaCamelo</option>
</select>
<label for="convencaoFuncaoConfig">Convenção de função</label>
<select id="convencaoFuncaoConfig">
<option value="caixaCamelo">caixaCamelo</option>
<option value="caixa_cobra">caixa_cobra</option>
<option value="CaixaPascal">CaixaPascal</option>
</select>
<label class="configuracoes-checkbox" for="regraParadigmaConsistenteConfig">
<input id="regraParadigmaConsistenteConfig" type="checkbox" />
<span>Regra: Paradigma consistente</span>
</label>
<label for="paradigmaConsistenteConfig">Paradigma</label>
<select id="paradigmaConsistenteConfig">
<option value="ambos">ambos</option>
<option value="imperativo">imperativo</option>
<option value="infinitivo">infinitivo</option>
</select>
</div>
<div class="configuracoes-acoes">
<a href="index.html" class="modal-leia-btn modal-leia-btn-cancelar configuracoes-link-acao">Voltar ao Editor</a>
<button id="botaoRestaurarConfiguracoes" type="button" class="modal-leia-btn modal-leia-btn-cancelar">Restaurar padrão</button>
<button id="botaoSalvarConfiguracoes" type="button" class="modal-leia-btn modal-leia-btn-ok">Salvar</button>
</div>
<p id="mensagemConfiguracoes" class="configuracoes-mensagem" aria-live="polite"></p>
</section>
</main>
<script src="./configuracoes.js"></script>
</body>
</html>