-
Notifications
You must be signed in to change notification settings - Fork 0
/
prueba-lista.php
151 lines (151 loc) · 6.9 KB
/
prueba-lista.php
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>
<html lang="es">
<?php include('_head.php') ?>
<body>
<div class="grid-main-container">
<header class="top-header flex center">
<div class="grow">
<h1>Prueba lista</h1>
<div class="breadcrumbs">
<span>Definir reglas</span>
<span>Añadir preguntas</span>
<span>Prueba generada</span>
<span class="current">Prueba lista</span>
</div>
</div>
<div class="logo">
<img src="img/IRPA-logo.png"/>
</div>
</header>
<?php include('sidebar.php') ?>
<section class="grid content">
<div class="page-title">
<h2>Prueba coeficiente 2</h2>
<div>
<span>III Medio - Historia y Geografía - Autor: Guillermo Palma</span>
</div>
<a>2 unidades</a>
</div>
<div class="page-content">
<div class="card">
<h2>PDF listos para imprimir</h2>
<div class="pdf-list">
<a class="pdf">
<img src="img/icon_pdf.svg"/>
<span>Forma A</span>
</a>
<a class="pdf disabled">
<img src="img/icon_pdf.svg"/>
<span>Forma B</span>
</a>
<a class="pdf disabled">
<img src="img/icon_pdf.svg"/>
<span>Forma C</span>
</a>
<a class="pdf disabled">
<img src="img/icon_pdf.svg"/>
<span>Forma D</span>
</a>
</div>
</div>
<div class="card">
<h2>Escala <a><i class="material-icons">edit</i>Editar</a></h2>
<ul>
<li>Tipo de escala: <span>Estándar</span></li>
<li>Tipo de escala: <span>Estándar</span></li>
<li>Tipo de escala: <span>Estándar</span></li>
</ul>
</div>
<div class="card">
<h2>Ingresar respuestas</h2>
<div class="respuestas">
<div class="grid g2">
<div class="flex evenly import v-center">
<a class="box">
<img src="img/icon_importar_respuestas.svg"/>
<p><b>Importar hoja de respuestas</b></p>
</a>
<a class="box">
<img src="img/icon_editar_respuestas.svg"/>
<p><b>Ingresar/Editar respuestas</b></p>
</a>
</div>
<div class="status">
<h4><span>Importación pendiente</span> <i class="material-icons">warning</i></h4>
<p>Importa las hojas de respuestas o ingrésalas manualmente para poder calcular notas</p>
<ul>
<li class="check"><span>13 hojas importadas correctamente</span></li>
<li class="warning"><span>4 hojas no legibles</span></li>
<li class="error">2 número de ruts no encontrados</li>
</ul>
</div>
</div>
<div class="flex flex-end v-center">
<div class="box-warning">
<i class="material-icons">warning</i>
<span>Existen cambios en las respuestas desde la última vez que se calcularon las notas</span>
</div>
<a class="btn">calcular notas</a>
</div>
</div>
<div class="resultados">
<p>Resultado del cálculo procesado el <b>17-05-2018 a las 14:30 hrs</b></p>
<div class="flex evenly">
<a class="box">
<i class="material-icons">assignment_returned</i>
<h4>Descargar notas</h4>
</a>
<a class="box disabled">
<i class="material-icons">assignment_turned_in</i>
<h4>Descargar respuestas</h4>
</a>
<a class="box disabled">
<i class="material-icons">assignment</i>
<h4>Descargar informes</h4>
</a>
</div>
</div>
</div>
</div>
<aside class="card page-sidenav">
<div class="guardar-prueba">
<a class="btn flat">Duplicar prueba</a>
</div>
<div>
<a class="btn flat">Vista previa</a>
</div>
<div class="info-preguntas">
<hgroup>
<h2>30</h2>
<h4>preguntas</h4>
</hgroup>
<div>
<div><span>Desarrollo (8)</span></div>
<div><span>Alternativas (8)</span></div>
<div><span>Verdadero/falso (8)</span></div>
<div><span>Respuesta corta (8)</span></div>
</div>
<div class="flex center total">
<h3>200</h3>
<p>Puntos en total</p>
</div>
</div>
<div class="diagrama">
<div class="grafico flex center"><!-- aquí debieran remplazar la imagen por el diagrama que ustedes generan -->
<img src="img/diagrama.png" alt="diagrama"/>
</div>
<div class="leyenda">
<div class="tag ama">Analizar</div>
<div class="tag roj">Aplicar</div>
<div class="tag pur">Entender</div>
<div class="tag azu">Recordar</div>
<div class="tag cel">Crear</div>
<div class="tag ver">Evaluar</div>
</div>
</div>
</aside>
</section>
</div>
<?php include('modals/modal_advertencia.php'); ?>
</body>
</html>