-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcalculadora.html
261 lines (249 loc) · 12.8 KB
/
calculadora.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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<!DOCTYPE html>
<html dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#" class="js" lang="es">
<head>
<link rel="profile" href="http://www.w3.org/1999/xhtml/vocab">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-control" content="public,max-age=259200">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/font-awesome.css">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/css.css" media="all">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/css_002.css" media="all">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css" media="all">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/poncho.min.css" media="all">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/icono-arg.css" media="all">
<link type="text/css" rel="stylesheet" href="static/bootstrap/css/custom.css" media="all">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merienda+One">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- INICIO CONFIGURAR METAS -->
<!-- Nav and address bar color -->
<meta name="theme-color" content="#774292">
<meta name="msapplication-navbutton-color" content="#774292">
<meta name="apple-mobile-web-app-status-bar-style" content="#774292">
<meta name="description" content="Te brindamos los mejores consejos, un excelente servicio y te orientamos para realizar trámites de indemnización.">
<meta name="keywords" content="calculadora laboral, indemnizacion, indemnización, argentina, trabajo, sueldo, plata, echar, ayuda, despido, abogado, juicio, calculadora, desempleo, demanda, ley, estudio juridico, estudio jurídico">
<meta property="og:type" content="website">
<meta property="og:site_name" content="IurisConsultas.com.ar/">
<meta property="og:url" content="http://iurisconsultas.com.ar/">
<meta property="og:title" content="Inicio">
<meta property="og:description" content="Te brindamos los mejores consejos, un excelente servicio y te orientamos para realizar trámites de indemnización.">
<meta property="og:updated_time" content="2017-07-03T14:54:20-03:00">
<meta property="og:image" content="https://k60.kn3.net/61E43257B.jpg">
<link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
<link rel="manifest" href="static/favicon/manifest.json">
<link rel="mask-icon" href="static/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="Calculadora Laboral">
<meta name="application-name" content="Calculadora Laboral">
<meta name="theme-color" content="#ffffff">
<!-- FIN CONFIGURACION METAS -->
<meta property="fb:app_id" content="750685655134438" />
<title>Calculadora | IurisConsultas.com.ar</title>
</head>
<body role="document" class="html not-front not-logged-in no-sidebars page-node page-node- page-node-6927 node-type-area og-context og-context-node og-context-node-6927 i18n-es">
<!-- Facebook Comments Plugin -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '750685655134438',
xfbml : true,
version : 'v2.11'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/es_LA/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<header>
<nav class="navbar navbar-top navbar-default" role="navigation">
<div class="container">
<div>
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<img src="static/images/iuris_logo1-1.svg" alt="IurisConsultas - Calculadora Laboral" width="400px" height="50px">
<h1 class="sr-only">IurisConsultas.com.ar</h1>
</a>
</div>
</div>
</div>
</nav>
</header>
<main role="main">
<a id="main-content"></a>
<div class="container">
</div>
<div class="region region-content">
<div id="block-system-main" class="block block-system clearfix">
<div class="panel-pane pane-imagen-destacada">
<div class="pane-content">
<section class="jumbotron" style="background-image: url(https://k61.kn3.net/F4CDADD24.jpg);">
<div class="jumbotron_body">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-8 col-md-offset-2 text-center">
<h1 style="font-family: 'Merienda One';">¡Calculadora de Indemnización por Despidos!</h1>
<p>Calculá cuánta indemnización te corresponde y hacé valer tus derechos.</p>
</div>
</div>
</div>
</div>
<div class="overlay">
</div>
</section>
</div>
</div>
<br>
<section>
<div class="container">
<br>
<!-- Warning -->
<div class="bd-callout bd-callout-warning" style="margin-top: -3rem; border-left-color: #774292">
<h4>Atención</h4>
<p>Estos valores son estimativos y pueden variar. Ante cualquier duda, podés dejarnos tu inquietud abajo en los comentarios y te responderemos en la brevedad.</p>
</div>
<div id="indemnizacion" class="alert alert-success" role="alert" style="display: none;">
<h4 class="alert-heading">Indemnización por extinción de contrato laboral</h4>
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td>Salario Base:</td>
<td id="salario">$ {{salario}}</td>
</tr>
<tr>
<td>Antiguedad:</td>
<td id="antiguedad_anos">{{antiguedad_anos}} años</td>
</tr>
<tr>
<td>Antiguedad Art. 245:</td>
<td id="antiguedad_art_245">$ {{art_245}}</td>
</tr>
<tr>
<td>Sustitutiva de Preaviso:</td>
<td id="sustitutiva_de_preaviso">$ {{sust_preav}}</td>
</tr>
<tr>
<td>SAC Preaviso:</td>
<td id="sac_preaviso">$ {{sac_preav}}</td>
</tr>
<tr>
<td>Días trabajados del mes:</td>
<td id="dias_trabajados_del_mes">$ {{dias_trabaj}}</td>
</tr>
<tr>
<td>Integración mes de despido:</td>
<td id="integracion_mes_de_despido">$ {{integra}}</td>
</tr>
<tr>
<td>SAC integración mes de despido:</td>
<td id="sac_integracion_mes_de_despido">$ {{sac_integra}}</td>
</tr>
<tr>
<td>SAC proporcional:</td>
<td id="sac_proporcional">$ {{sac_prop}}</td>
</tr>
<tr>
<td>Vacaciones no gozadas:</td>
<td id="vacaciones_no_gozadas">$ {{vaca}}</td>
</tr>
<tr>
<td>SAC vacaciones no gozadas:</td>
<td id="sac_vacaciones_no_gozadas">$ {{sac_vaca}}</td>
</tr>
<tr>
<td><strong>TOTAL:</strong></td>
<td><strong id="total">$ {{total}}</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<form id="calcular">
<div class="form-group">
<label for="exampleFormControlSelect1">Causa del Despido </label>
<select class="custom-select mb-2 mr-sm-2 mb-sm-0" id="inlineFormCustomSelect" required name="causa_despido">
<option selected value="1">Despido sin Causa</option>
<option value="2">Renuncia</option>
<option value="3">Despido con Causa</option>
</select>
</div>
<div class="form-group">
<label>¿Hubo Preaviso?</label>
<label class="form-check-label" style="margin-left: 2%; margin-right: 1%;">
<input type="radio" class="form-check-input" name="preaviso" id="optionsRadios1" value="1">
Si.
</label>
<label class="form-check-label" style="margin-left: 1%; margin-right: 1%;">
<input type="radio" class="form-check-input" name="preaviso" id="optionsRadios2" value="0" checked>
No.
</label>
</div>
<div>
<label style="margin-right: 2%;">Fecha de Ingreso <input type="date" class="form-control" required name="ingreso" placeholder="aaaa-mm-dd ej: 2017/02/28" value="2017-01-01"></label>
<label>Fecha de Salida <input type="date" class="form-control" required name="salida" placeholder="aaaa-mm-dd ej: 2017/02/28" value="2017-12-14"></label>
<br>
<small id="emailHelp" class="form-text text-muted">Mozilla o Explorer: el formato de fecha es aaaa-mm-dd</small>
</div><br>
<div class="form-group">
<label for="exampleInputEmail1">Mejor Salario Bruto</label>
<input class="form-control" value="5000" id="example-number-input" type="number" style="max-width: 80%; width: 195px" required name="salario">
</div>
<button id="botonVioleta" type="submit" class="btn btn-primary">Calcular</button>
</form>
<div style="font-size: 80%; font-family:'Merienda One';"><hr>DEJANOS TU COMENTARIO<hr></div>
<div id="comentarios" class="fb-comments" data-href="http://iurisconsultas.com.ar" data-width="700" data-numposts="5"></div>
</div>
</div>
</div>
</section>
</div>
</div>
</main>
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-sm-6">
<section class="block block-block clearfix">
<img src="static/images/iuris_logo.svg" alt="IurisConsultas - Calculadora Laboral" width="274" height="50">
<p class="text-muted small">
Los contenidos de este sitio fueron creados por <a href="http://copitosystem.com" target="_blank">CopitoSystem</a></p><p class="text-muted small">
Todos los derechos reservados.</p>
</section>
</div>
<div class="col-md-3 col-sm-6">
</div>
<div class="col-md-3 col-sm-6">
<div class="region region-footer3">
<section id="block-menu-menu-footer-3" class="block block-menu clearfix">
<ul class="menu nav"><li class="first leaf"><a href="index.html">Inicio</a></li>
<li class="leaf"><a href="calculadora.html">Calculadora</a></li>
<li class="leaf"><a href="contacto.html">Ayuda</a></li>
<li class="leaf"><a href="contacto.html">Hacer una sugerencia</a></li>
<li class="leaf"><a href="acerca.html">Acerca de este sitio</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
</footer>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-106917884-1', 'auto');
ga('send', 'pageview');
</script>
<script src="static/js/calculadora.js"></script>
</body>
</html>