-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (123 loc) · 7.87 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="keywords" content="billetera, Santa, Fe, Argentina, provincia, calculadora, calculador, presupuesto, organizador, organizar, asistente, rendir, rendidor, planeador, planificador, gastos, planificar, cuentas, descuentos, bonos, porcentaje, 5000, cinco, mil, pesos, mensual, mensualidad, reintegro, retorno, bonificar, subsidio, consumos">
<meta name="description" content='App para ayudar a planificar consumos del programa "Billetera Santa Fe" en Argentina.'>
<meta name="robots" content="index, follow">
<meta name="language" content="Spanish">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculadora para Billetera Santa Fe</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> -->
<!-- ? Funcionara el checkeo de integridad en archivos locales?. -->
<script type="text/javascript" src="libs/jQuery/jquery-3.6.0.min.js"></script>
</head>
<body id="p-index">
<main>
<div id="v-planner">
<!-- ! WIP la separacion entre v-planner y form era por si habia algo más q no fuera el form pero no lo veo sucediendo, deberia conciderar borrar la div, darle el id a form de v-planner y cambiar el .styl y cuando coloque el catEditor ponerlo afuera -->
<!-- No siempre mejor crear una div q "dimensiona el projecto" y luego empesar a agregar cosas, armar principio -->
<!-- WIP set action? -->
<!-- class="" action="" -->
<!-- onsubmit="return false;" failsafe en caso de q algo causara un submit -->
<!-- <form id="v-planner--form" onsubmit="return false;" action="/php/v-planner.php" method="post"> -->
<form id="v-planner--form" onsubmit="" action="/php/v-planner.php" method="post">
<div class="header">
<input type="text" class="monthlyRefund" name="monthlyRefund" title="Tope Reintegro Mensual" value="5000">
<input type="number" class="funds" name="funds" min="0" max="9999999999" title="Fondos Iniciales" placeholder="Fondos Iniciales">
</div>
<div class="main">
<div class="box-instances">
<div id="p-instance-1" class="instance">
<fieldset name="p-instance-1">
<!-- Otras posibles palabras serian Instancia, Movimiento, Plazo, Desenbolzo, Previcion, Cuota -->
<div class="legend--align">
<legend>Movimiento - <span class="instance--num">01</span></legend>
<button class="delInstance" type="button"></button>
</div>
<div class="box-items">
<!-- Facilita el agregar nuevos items y puede q sea necesaria para programar el Drag & Drop -->
<div class="item live">
<!-- ? required Attribute -->
<!-- Si falla usar slider y JS -->
<button class="g-WIP item--part live btn yDrag" type="button"></button>
<!-- <img class="item--part live btn yDrag"> -->
<input type="number" class="g-WIP item--part live order" name="order" min="00" max="99" maxlength="2" value="00">
<select class="item--part live category" name="category" maxlength="20">
<!-- <option value="normal">12345678901234567890</option> -->
</select>
<!-- set maxlength spellcheck autofocus Attributes -->
<!-- pattern Attribute : In a text input element, the pattern attribute uses a regular expression to match against (or validate) the value of the <input>, when the form is submitted. -->
<input type="text" class="item--part live description" name="description" maxlength="30">
<!-- set max min inputmode attributes -->
<input type="number" class="item--part live rawPrice" name="rawPrice" min="0" max="9999999999">
<select class="item--part live discount" name="discount" maxlength="4"></select>
<!-- Set Attributes readonly="readonly" -->
<output class="item--part live finalPrice" name="finalPrice"></output>
<button class="item--part live btn delItem" type="button"></button>
</div>
</div>
<div class="item nextLine">
<!-- ! WIP ? Tendria q agregarle live a addItem -->
<button class="item--part btn addItem" type="button"></button>
<input type="number" class="g-WIP item--part order" value="00" disabled>
<select class="item--part category" disabled>
<option value="Categoria" selected>Categoría</option>
</select>
<input type="text" class="item--part description"value="Descripción" disabled>
<input type="text" class="item--part rawPrice" value="$" disabled>
<select class="item--part discount" disabled>
<option value="30" selected>30%</option>
</select>
<input type="text" class="item--part finalPrice" value="Precio Final" disabled>
<button class="item--part delItem" disabled></button>
</div>
</fieldset>
<div class="subResults">
<!-- <input type="text" class="monthlyRefund" name="monthlyRefund" title="Tope Reintegro Mensual" value="$5000" readonly> -->
<!-- maxlength="10" -->
<input type="text" class="subRefund" name="subRefund" title="Reintegro del Movimiento" value="" readonly>
<input type="text" class="saldoPlusPagos" name="saldoPlusPagos" title="Variación del Saldo PlusPagos" value="" readonly>
<input type="text" class="subSpent" name="subSpent" title="Variación de los Fondos Iniciales" value="" readonly>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="actions">
<button class="calc" type="button">Calcular</button>
<button class="addInstance" type="button"></button>
<button class="reset" type="button">Reiniciar</button>
</div>
<div class="storage">
<button class="save" type="button">Guardar</button>
<button class="load" type="button">Cargar</button>
<button class="clear" type="button">Borrar Mem</button>
<button class="gjghj" type="button" onclick="form.reportValidity()">Test</button>
</div>
<div class="totals">
<!-- maxlength="10" -->
<input type="text" class="PuntosPlusPagosLeft" name="PuntosPlusPagosLeft" title="Puntos Plus Pagos Restantes" value="" readonly>
<input type="text" class="purchasePower" name="purchasePower" title="Capacidad de Compra: ( Fondos + Puntos ) - Gastos" value="" readonly>
<input type="text" class="fundsLeft" name="fundsLeft" title="Total Gastado" value="" readonly>
</div>
</div>
</form>
</div>
<div id="v-catsEditor">
</div>
</main>
<!-- +Scripts -->
<script type="text/javascript" src="js/aliaces.js"></script>
<script type="text/javascript" src="data/messages.js"></script>
<!-- <script type="text/javascript" src="data/categories.js"></script> -->
<script defer type="text/javascript" src="js/classes/v-planner.js"></script>
<script type="text/javascript" src="js/model.js"></script>
<script type="text/javascript" src="js/view.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- <script type="text/javascript" src="js/cheatsheet.js"></script> -->
<!-- +Scripts -->
</body>
</html>