-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (137 loc) · 4.71 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
<!DOCTYPE html>
<head>
<title>Folha de Pagamento</title>
<!-- CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container"><!-- Início Conteiner -->
<div class="row"><!-- Início Row -->
<div class="col-md-3"><!-- Início Coluna 1 -->
</div><!-- Fim Coluna 1 -->
<div class="col-md-6"><!-- Início Coluna 2 -->
<div class="well well-lg">
<div class="page-header"><!-- Título -->
<h1>Folha de Pagamento</h1>
</div><!-- Fim Título -->
<form class="well well-lg form-horizontal" name="FirstForm"><!-- Formulário -->
<div class="form-group">
<label class="control-label col-sm-3">Valor:</label>
<div class="col-sm-9">
<input id="valor" type="number" class="form-control" placeholder="Valor Bruto (R$)" name="valor"/>
</div>
<div class="form-group">
<label class="control-label col-sm-3">Descontos:</label>
<div class="col-sm-9">
<div class="checkbox">
<label><input type="checkbox" id="idCheckInss"> INSS</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="idCheckVr"> Auxílio Alimentação
<div class="clic" style="display:none">
<input type="number" class="form-control" id="idValorVr" placeholder=" Valor (R$)"/>
</div>
</label>
</div>
<div class="checkbox">
<label><input type="checkbox" id="idCheckVt"> Auxílio Transporte</label>
</div>
<div class="checkbox">
<label><input type="checkbox" id="idCheckIr"> Imposto de Renda</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="idCheckSaude"> Plano de Saúde
<div class="clic" style="display:none">
<input type="number" class="form-control" id="idValorSaude" placeholder=" Valor (R$)"/>
</div>
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="text-center">
<button type="button" class="btn btn-primary center-block" id="calc">Calcular</button>
</div>
</div>
</form><!-- Fim Formulário -->
</div>
<div class="well well-lg"><!-- Tabela de descontos -->
<table class="table table-striped">
<caption>Tabela de Descontos</caption>
<thead><!-- Cabeçalho da lista -->
<th>Item</th>
<th>Alíquota (%)</th>
<th>Valor (R$)</th>
</thead>
<tr>
<td>INSS</td><!-- Item -->
<td id="idLinhaAliInss"></td>
<td id="idLinhaValorInss" value=""></td>
</tr>
<tr>
<td>Auxílio Alimentação</td><!-- Item -->
<td id="idLinhaAliVr"></td>
<td id="idLinhaValorVr" value=""></td>
</tr>
<tr>
<td>Auxílio Transporte</td><!-- Item -->
<td id="idLinhaAliVt"></td>
<td id="idLinhaValorVt" value=""></td>
</tr>
<tr>
<td>Imposto de Renda</td><!-- Item -->
<td id="idLinhaAliIr"></td>
<td id="idLinhaValorIr" value=""></td>
</tr>
<tr>
<td>Plano de Saúde</td><!-- Item -->
<td id="idLinhaAliSaude"></td>
<td id="idLinhaValorSaude" value=""></td>
</tr>
<tr><!-- Linha de Total de Descontos -->
<td colspan="2"><b>Total de Descontos</b></td>
<td id="idLinhaTotalDesconto" value=""><b></b></td>
</tr>
<tr><!-- Linha de Total a Receber -->
<td colspan="2"><b>Total a Receber</b></td>
<td id="idLinhaTotal" value=""><b></b></td>
</tr>
</table>
</div><!-- Fim Tabela de descontos -->
<div class="well well-lg"><!-- Tabela apoio -->
<table class="table table-striped">
<caption>Tabela de Apoio</caption>
<thead><!-- Cabeçalho da lista -->
<th>Item</th>
<th>Alíquota (%)</th>
<th>Valor (R$)</th>
</thead>
<tr>
<td>FGTS a recolher</td><!-- Item -->
<td id="idLinhaAliFgts"></td>
<td id="idLinhaValorFgts" value=""></td>
</tr>
<tr>
<td colspan="2">Base do IR</td><!-- Item -->
<td id="idLinhaValorBaseIr" value=""></td>
</tr>
</table>
</div><!-- Fim Tabela apoio -->
<div class="text-center">
<button id="print" type="button" class="btn btn-primary center-block">Imprimir</button>
</div>
<div>
<p>Versão: 1.0.1</p>
</div>
</div><!-- Fim Coluna 2 -->
<div class="col-md-3"><!-- Início Coluna 3 -->
</div><!-- Fim Coluna 3 -->
</div><!-- Fim Row -->
</div><!-- Fim Conteiner -->
<!-- JavaScript -->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>