-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (234 loc) · 10.6 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
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
<!DOCTYPE html>
<html lang="es" ng-app="Principal">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<title>Correlatividades para ingresantes UTN FRCon</title>
</head>
<body>
<!--Cabeza del documento-->
<header class="container-fluid">
<div class="row">
<div class="col-xs-6 col-sm-4 col-md-4 ">
<img src="images/logoutn.png" class="img-thumbnail img-responsive"/>
</div>
<div class="col-xs-6 col-sm-8 col-md-8 ">
<h1 class="text-right ">Programa Orientado al uso de Correlativas.</h1>
<h3 class="text-right text-muted"><small>Diseñado para los alumnos de la FRCON.</small></h3>
</div>
</div>
<h4 class="text-info text-left">
Asi como fue explicado en la clase, hay materias que nos ayudan a
cursar materias de años superiores, pero no siempre nos acordamos
o llegamos a entender del todo a <strong>que se refieren
con esto</strong>.<br>
Es por esto que decidimos crear una aplicacion web que los ayude
(en el momento que crean correcto o necesiten) a ver de una manera
interactiva todo lo que se hablo en clase. <br>
La manera en que funciona esto, es seleccionando tu carrera, luego
colocando las materias que queres/crees regularizar, y luego de
manera automatica vas a poder ver a la derecha (o abajo si lo ves desde un celular o tablet) las materias de segundo
año que vas a poder cursar.<br>
<strong>ATENCION:</strong>Lo mostrado en este programa <strong>NO</strong> incluye posibles superposiciones de horarios en materias,
como podria presentarse en el caso de recursar alguna.
</h4>
</header>
<!--Seccion principal del programa-->
<section class="container-fluid">
<!--contenedor principal para carreras-->
<!--Menu de carreras-->
<div class="btn-group-vertical btn-group-lg center-block col-md-12" ng-controller="primaryController">
<a class="btn btn-primary btn-civil">Ingenieria Civil</a>
<!--Clase columna para btn-civil-->
<div id="desp-civil">
<div class="row">
<div class="col-md-6 table-responsive">
<!--Tabla con las materias-->
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">Materia de Primero</td>
<td class="text-center">Estado</td>
</tr>
<tr ng-repeat="alCivil in civil">
<td>
{{alCivil.materia}}
</td>
<td>
<div class="btn-group btn-toggle">
<button class="btn btn-sm btn-default" ng-click="cursa_civil($index)">Regular/Aprobo</button>
<button class="btn btn-sm btn-primary active" ng-click="no_cursa_civil($index)">No Regular</button>
</div>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<!--Aca van los resultados propuestos arriba-->
<div class="table-responsive">
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">
Materias que se pueden cursar en 2do. año
</td>
</tr>
<tr ng-repeat="alCursa_civil in segundo_civil">
<td class="text-center">
{{alCursa_civil}}
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<a class="btn btn-warning btn-electrica">Ingenieria Electrica</a>
<div id="desp-electrica">
<!--Clase columna para btn-electrica-->
<div class="row">
<div class="col-md-6 table-responsive">
<!--Tabla con las materias-->
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">Materia de Primero</td>
<td class="text-center">Estado</td>
</tr>
<tr ng-repeat="alElectrica in electrica">
<td>
{{alElectrica.materia}}
</td>
<td>
<div class="btn-group btn-toggle">
<button class="btn btn-sm btn-default" ng-click="cursa_electrica($index)">Regular/Aprobo</button>
<button class="btn btn-sm btn-primary active" ng-click="no_cursa_electrica($index)">No Regular</button>
</div>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<!--Aca van los resultados propuestos arriba-->
<div class="table-responsive">
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">
Materias que se pueden cursar en 2do. año
</td>
</tr>
<tr ng-repeat="alCursa_electrica in segundo_electrica">
<td class="text-center">
{{alCursa_electrica}}
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<a class="btn btn-info btn-industrial">Ingenieria Industrial</a>
<!--Clase columna para btn-industrial-->
<div id="desp-industrial">
<div class="row">
<div class="col-md-6 table-responsive">
<!--Tabla con las materias-->
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">Materia de Primero</td>
<td class="text-center">Estado</td>
</tr>
<tr ng-repeat="alIndustrial in industrial">
<td>
{{alIndustrial.materia}}
</td>
<td>
<div class="btn-group btn-toggle">
<button class="btn btn-sm btn-default" ng-click="cursa_industrial($index)">Regular/Aprobo</button>
<button class="btn btn-sm btn-primary active" ng-click="no_cursa_industrial($index)">No Regular</button>
</div>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<!--Aca van los resultados propuestos arriba-->
<div class="table-responsive">
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">
Materias que se pueden cursar en 2do. año
</td>
</tr>
<tr ng-repeat="alCursa_industrial in segundo_industrial">
<td class="text-center">
{{alCursa_industrial}}
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<a class="btn btn-success btn-rural">Lic. en Administracion Rural</a>
<!--Clase de btn-rural-->
<div id="desp-rural">
<div class="row">
<div class="col-md-6 table-responsive">
<!--Tabla con las materias-->
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">Materia de Primero</td>
<td class="text-center">Estado</td>
</tr>
<tr ng-repeat="alRural in rural">
<td>
{{alRural.materia}}
</td>
<td>
<div class="btn-group btn-toggle">
<button class="btn btn-sm btn-default" ng-click="cursa_rural($index)">Regular/Aprobo</button>
<button class="btn btn-sm btn-primary active" ng-click="no_cursa_rural($index)">No Regular</button>
</div>
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<!--Aca van los resultados propuestos arriba-->
<div class="table-responsive">
<table class="table table-striped table-bordered">
<tr>
<td class="text-center">
Materias que se pueden cursar en 2do. año
</td>
</tr>
<tr ng-repeat="alCursa_rural in segundo_rural">
<td class="text-center">
{{alCursa_rural}}
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="container fluid">
<div class="text-right text-primary">
<h5>
<strong>
Programa creado por Centro de Estudiantes AETIC.<br>
Secretaria de Informatica y Planeamiento.<br>
</strong>
</h5>
</div>
</footer>
<!--Parte de carga del programa principal-->
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/correlativas.js"></script>
<script type="text/javascript" src="js/slider.js"></script
</body>
</html>