blob: 003722001d4e3bae4ce0513ddfa52c8adc16b764 (
plain)
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
|
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tarea</title>
<!-- Styles -->
<link rel="stylesheet" href="css/themes/smoothness/jquery-ui-1.10.4.css" />
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/ejercitar-base.css" />
<link rel="stylesheet" href="css/jquery.multiselect.css" />
<!-- Scripts -->
<script type="text/javascript" src="js/smoothness/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/smoothness/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/validaciones.js"></script>
<script type="text/javascript" src="js/multiselect/jquery.multiselect.min.js"></script>
<script type="text/javascript" src="js/multiselect/jquery.multiselect.es.js"></script>
</head>
<body class="e-body">
<%@page import="java.util.List" import="model.Tema" %>
<%@page import="java.util.List" import="model.Concepto" %>
<div class="container e-viewport">
<div class="row e-panel-header">
<div class="e-logo"></div>
</div>
<div class="row e-panel-center">
<div class="e-panel-bd panel panel-primary">
<div class="panel-heading">Nueva Tarea</div>
<div class="panel-body">
<form class="form-horizontal" role="form" id="form1" name="ejercicio_form" method="post">
<input type="hidden" name="lista_conceptos" id="lista_conceptos" value="asdf">
<input type="hidden" name="asignatura" id="asignatura" value=<%= request.getParameter("asignatura") %>>
<div class="form-group">
<label for="descripcion" class="col-sm-2 control-label">Descripción:</label>
<div class="col-sm-10">
<input type="text" id="descripcion" class="form-control" name="descripcion"></input>
</div>
</div>
<div class="form-group">
<label for="concepto" class="col-sm-2 control-label">Concepto:</label>
<div class="col-sm-10">
<select id="conceptos" multiple="multiple" name="concepto"></select>
</div>
</div>
<div class="form-group">
<label for="cantejercicio" class="col-sm-2 control-label">Cantidad Ejercicios a Resolver:</label>
<div class="col-sm-10">
<input type="text" id="cantejercicio" class="form-control" name="cantejercicio"></input>
</div>
</div>
<button class="btn btn-default btn-primary" type="submit" name="Submit">
<span class="e-button-text">Guardar</span>
</button>
</form>
</div>
</div>
</div>
<div class="row e-panel-footer">
<span>Ejercitar: Un Modelo de aprendizaje asistido por computadora</span>
<span>Ceci Godoy - Samu Reyes. Ingeniería en Informática</span>
<span>Facultad Politécnica - Universidad Nacional de Asunción</span>
</div>
</div>
<script type="text/javascript">
function cargarConceptos(asignatura) {
//obtiene los objetos productCode, y obtiene el valor del objeto
var tema_id=$("#temas").val(); //ya se tiene el objeto select
$("#conceptos").load("CargarConceptosServlet", {asignatura:asignatura});
}
cargarConceptos($("#asignatura").val());
$(document).ready(function(){
$("#conceptos").multiselect({
header: "Seleccione una opcion...",
noneSelectedText: "Seleccionar Conceptos",
selectedText: "# Seleccionado(s)",
click: function(event, ui) {
var lista = $("#conceptos").multiselect("getChecked").map(function() {
return this.value;
}).get();
$("#lista_conceptos").val(lista);
},
open: function(event, ui) {
$("#conceptos").multiselect("refresh");
}
});
});
</script>
</body>
</html>
|