-
Notifications
You must be signed in to change notification settings - Fork 0
/
calculation.html
106 lines (93 loc) · 5.24 KB
/
calculation.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
<title>Workalculation</title>
<link href="./assets/css/utils/normalize.css" rel="stylesheet" />
<link href="./assets/css/utils/reset.css" rel="stylesheet" />
<link href="./assets/css/footer.css" rel="stylesheet" />
<link href="./assets/css/utils/fonts.css" rel="stylesheet" />
<link href="./assets/css/utils/colors.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/calculation-form.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/form-title.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/form-labels.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/form-radius.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/form-inputDefaults.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculation-form/form-buttons.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/calculator-image.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/validate-fields.css" rel="stylesheet" />
<link href="./assets/css/calculation-page/alert-modal.css" rel="stylesheet" />
</head>
<body>
<main class="calculation">
<form action="" class="calculation__form">
<h2 class="calculation__title">Calculo Rescisório</h2>
<label class="labels" for="initial_date">Data Inicial</label>
<input type="date" id="initial_date" class="input__default" required>
<label class="labels" for="final_date">Data de Saída</label>
<input type="date" id="final_date" class="input__default" required >
<label class="labels" for="wage_last">Último Salário</label>
<input type="currency" id="wage_last" class="input__default" onkeyup="formatCurrency()" required placeholder="0">
<label class="labels" for="number_of_dependents">Número de Dependentes</label>
<input type="number" id="number_of_dependents" class="input__default" required placeholder="0">
<label class="labels" for="reason_for_termination">Motivo da Rescisão</label>
<select id="reason_for_termination" class="input__default " required>
<option>Selecione</option>
<option>Acordo</option>
<option>Pedido de Demissão</option>
<option>Por Justa Causa</option>
<option>Sem Justa Causa</option>
</select>
<fieldset class="radius">
<div class="legends">
<legend class="vacation">Possui Férias Vencidas?</legend>
</div>
<div>
<input type="radio" name="expired" value="Sim" id="expired_vacations">
<label for="expired_vacations">
Sim
</label>
</div>
<div class="no__vacations">
<input type="radio" name="expired" value="Não" checked id="no_expired_vacations">
<label for="no_expired_vacations">
Não
</label>
</div>
</fieldset>
<fieldset class="radius">
<div class="legends">
<legend class="prior">Cumpriu aviso Prévio?</legend>
</div>
<div>
<label for="prior_notice">
<input type="radio" name="notice" value="Sim" id="prior_notice" >
Sim
</label>
</div>
<div>
<label for="no_prior_notice">
<input type="radio" name="notice" value="Não" checked id="no_prior_notice">
Não
</label>
</div>
</fieldset>
<button type="button" id="calculate" class="calculate__button" onclick="" >Calcular</button>
</form>
<section class="calculator__image"></section>
<div type="text" class="alert__modal invisible">
<span class="alert__description">Preencha os campos corretamente</span>
</div>
</main>
<footer>
<p class="copyright"><span id="copy"> ©</span> Copyright Codartche Digital - 2021</p>
</footer>
<script type="text/javascript" src="/js/jquery.js"></script>
<script src="js/form.js"></script>
<script src="js/validations.js"></script>
<script src="js/calculate.js"></script>
<script src="js/helpers.js"></script>
</body>
</html>