Servidores centros secundaria

<link rel="stylesheet" type="text/css" href="js/jquery.tzineClock/jquery.tzineClock.css" />

<script type="text/javascript" src="js/jquery.tzineClock/jquery.tzineClock.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$('#fancyClock').tzineClock();

});

</script>

<div id="fancyClock"></div>

<script language="javascript">

$(function() {

$("#name").focus();

$("#saveButton").button({ icons: { primary: "ui-icon-disk"}});

$("#cancelButton")

.button({ icons: { primary: "ui-icon-close"}})

.click( function(){ $('#dialog-form').dialog('close'); });

});

function restartStyle(){

$("#form_data p span").css("color","black");

$('#message').html("");

}

function send(){

restartStyle();

$.post('dhcp', $("#form_data").serialize(), function(data) {

var result = $.parseJSON(data);

switch(result.response){

case "OK":{

$('#message').html("Operación realizada correctamente").css("color","green").effect("highlight", {"color":"yellow"}, 1000);

setTimeout("$('#dialog-form').dialog('close')",1000);

break;

}

case "fail":{

$('#message').html("Se produjo un error").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case "distinctPassword":{

$('#password2Tag').css("color","red");

$('#password2').effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("La repetición no coincide").effect("highlight", {"color":"yellow"}, 1000);

break;

}

default:{

$('#'+result.response+"Tag").css("color","red");

$('#'+result.response).effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("Hay campos vacíos o incorrectos").effect("slide");

break;

}

}

});

return false;

}

</script>

<form id="form_data" onSubmit="return send();">

<input type="hidden" id="action" name="action"/>

<input type="hidden" id="id" name="id"/>

<p><span id="subnetMaskTag">Subnet Mask</span><br><input type="text" id="name" name="name"/></p>

<p><span id="broadcastAddressTag">Broadcast Address</span><br><input type="text" id="nif" name="nif"/></p>

<p><span id="routersTag">Routers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="domainNameserversTag">Domain Name Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="domainNameTag">Domain Name</span><br><input type="text" id="name" name="name"/></p>

<p><span id="ntpServersTag">NTP Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="logServersTag">Log Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="netbiosNameServersTag">Netbios Name Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="netbiosNodeTypeTag">Netbios Node Type</span><br><input type="text" id="name" name="name"/></p>

<div id="message" style="text-align:center; font-weight:bold; color:red; padding:3px; "></div>

<div style="text-align:center;"><button id="saveButton" type="submit" style="width:100px;">Guardar</button>&nbsp;&nbsp;<button type="button" id="cancelButton" style="width:100px;">Cancelar</button></div>

</form>

<script language="javascript">

$(function() {

$("#name").focus();

$("#saveButton").button({ icons: { primary: "ui-icon-disk"}});

$("#cancelButton")

.button({ icons: { primary: "ui-icon-close"}})

.click( function(){ $('#dialog-form').dialog('close'); });

});

function restartStyle(){

$("#form_data p span").css("color","black");

$('#message').html("");

}

function send(){

restartStyle();

$.post('dhcp', $("#form_data").serialize(), function(data) {

var result = $.parseJSON(data);

switch(result.response){

case "OK":{

$('#message').html("Operación realizada correctamente").css("color","green").effect("highlight", {"color":"yellow"}, 1000);

setTimeout("$('#dialog-form').dialog('close')",1000);

break;

}

case "fail":{

$('#message').html("Se produjo un error").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case "distinctPassword":{

$('#password2Tag').css("color","red");

$('#password2').effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("La repetición no coincide").effect("highlight", {"color":"yellow"}, 1000);

break;

}

default:{

$('#'+result.response+"Tag").css("color","red");

$('#'+result.response).effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("Hay campos vacíos o incorrectos").effect("slide");

break;

}

}

});

return false;

}

</script>

<form id="form_data" onSubmit="return send();">

<input type="hidden" id="action" name="action"/>

<input type="hidden" id="id" name="id"/>

<p><span id="subnetMaskTag">Subnet Mask</span><br><input type="text" id="name" name="name"/></p>

<p><span id="broadcastAddressTag">Broadcast Address</span><br><input type="text" id="nif" name="nif"/></p>

<p><span id="routersTag">Routers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="domainNameserversTag">Domain Name Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="domainNameTag">Domain Name</span><br><input type="text" id="name" name="name"/></p>

<p><span id="ntpServersTag">NTP Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="logServersTag">Log Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="netbiosNameServersTag">Netbios Name Servers</span><br><input type="text" id="name" name="name"/></p>

<p><span id="netbiosNodeTypeTag">Netbios Node Type</span><br><input type="text" id="name" name="name"/></p>

<div id="message" style="text-align:center; font-weight:bold; color:red; padding:3px; "></div>

<div style="text-align:center;"><button id="saveButton" type="submit" style="width:100px;">Guardar</button>&nbsp;&nbsp;<button type="button" id="cancelButton" style="width:100px;">Cancelar</button></div>

</form>

<script language="javascript">

$(function() {

$("#name").focus();

$("#saveButton").button({ icons: { primary: "ui-icon-disk"}});

$("#cancelButton")

.button({ icons: { primary: "ui-icon-close"}})

.click( function(){ $('#dialog-form').dialog('close'); });

});

function restartStyle(){

$("#form_data p span").css("color","black");

$('#message').html("");

}

function send(){

restartStyle();

$.post('users', $("#form_data").serialize(), function(data) {

var result = $.parseJSON(data);

switch(result.response){

case "OK":{

$('#message').html("Operación realizada correctamente").css("color","green").effect("highlight", {"color":"yellow"}, 1000);

setTimeout("$('#dialog-form').dialog('close')",1000);

break;

}

case "fail":{

$('#message').html("Se produjo un error").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case "distinctPassword":{

$('#password2Tag').css("color","red");

$('#password2').effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("La repetición no coincide").effect("highlight", {"color":"yellow"}, 1000);

break;

}

default:{

$('#'+result.response+"Tag").css("color","red");

$('#'+result.response).effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("Hay campos vacíos o incorrectos").effect("slide");

break;

}

}

});

return false;

}

</script>

<form id="form_data" onSubmit="return send();">

<input type="hidden" id="action" name="action"/>

<input type="hidden" id="id" name="id"/>

<p><span id="nameTag">Nombre y Apellidos</span><br><input type="text" id="name" name="name"/></p>

<p><span id="nifTag">NIF</span><br><input type="text" id="nif" name="nif"/></p>

<p><span id="passwordTag">Contraseña</span><br><input type="text" id="password" name="password"/></p>

<p><span id="password2Tag">Repita Contraseña</span><br><input type="text" id="password2" name="password2"/></p>

<div id="message" style="text-align:center; font-weight:bold; color:red; padding:3px; "></div>

<div style="text-align:center;"><button id="saveButton" type="submit" style="width:100px;">Guardar</button>&nbsp;&nbsp;<button type="button" id="cancelButton" style="width:100px;">Cancelar</button></div>

</form>

<!-- Libreria JGrid -->

<link rel="stylesheet" type="text/css" media="screen" href="js/jquery/jdgrid/css/ui.jqgrid.css" />

<script src="js/jquery/jdgrid/grid.locale-sp.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/jquery.jqGrid.min.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.common.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.formedit.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.custom.js" type="text/javascript"></script>

<script language="javascript">

$(function() {

$("#dialog-confirm").dialog({ autoOpen: false });

$("#dialog-alert").dialog({ autoOpen: false });

});

function print_grid(){

$("#list").jqGrid({

url:'groups?action=list',

mtype: 'POST',

datatype: "json",

colNames:['Tipo Grupo','Nombre','ID Grupo'],

colModel:[

{name:'type',index:'type', width:60, align:"center", stype:'select', editoptions:{value:":Todo;Departamento:Departamentos;Aula:Aulas"}},

{name:'cn',index:'cn', width:80, align:"center"},

{name:'gidNumber',index:'gidNumber', width:60, align:"center"}

],

rowNum:25,

height:335,

width: 800,

rowList:[25,50,75],

pager: '#pager',

sortname: 'cn',

autowidth: false,

viewrecords: true,

sortorder: "desc",

caption:"Grupos"

});

$("#list").jqGrid('navGrid','#pager',{add:false,edit:false,del:false,search:false,refresh:false});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Insertar",

buttonicon :'ui-icon-plus',

onClickButton : function (){

handleRecord('add','Añadir Usuario');

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Modificar",

buttonicon :'ui-icon-pencil',

onClickButton : function (){

handleRecord('modify','Modificar Usuario');

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Borrar",

buttonicon :'ui-icon-trash',

onClickButton : function (){

deleteRecord();

}

});

$("#list").jqGrid('filterToolbar');

}

function rowSelected(){

var id = $("#list").jqGrid('getGridParam','selrow');

if( id == null ){

$( "#dialog-alert" ).dialog({

resizable: false,

height:150,

width:290,

modal: true,

buttons: { "Aceptar": function() { $( this ).dialog( "close" ); }}

}).dialog('open');

return false;

}

return id;

}

function handleRecord(action,title){

var id;

if(action=="modify"){

var id = rowSelected();

if(id==false)

return false;

}

$("#dialog-form").dialog({

resizable: false,

modal: true,

title: title,

open: function(event, ui) {

$("#dialog-form").html("");

$("#dialog-form").load("users/form.html", function() {

$("#form_data #action").val(action);

$("#form_data #id").val(id);

});

}

});

}

function deleteRecord(){

var id = rowSelected();

if(id==false)

return false;

$( "#dialog-confirm" ).dialog({

resizable: false,

height:160,

width:350,

modal: true,

buttons: {

"Borrar": function() {

$.post("users","idUser="+id+"&action=delete", function(data){

$( this ).dialog( "close" );

$("#list").trigger("reloadGrid");

});

},

"Cancelar": function() {

$( this ).dialog( "close" );

}

}

}).dialog('open');

}

</script>

<div id="tabla_clientes">

<table width="100%">

<tr>

<td style="width:2%"></td>

<td><table id="list" width="100%"></table></td>

<td style="width:2%"></td>

</tr>

</table>

<div id="pager" style=""></div>

<div id="filter" style="margin-left:30%;display:none">Search Invoices</div>

</div>

<div id="dialog-form"></div>

<div id="dialog-confirm" title="¿Borrar el registro seleccionado?" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Este elemento quedará permanentemente eliminado. ¿Está seguro?</p>

</div>

<div id="dialog-alert" title="Atención" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Para operar sobre un registro debe seleccionarlo previamente.</p>

</div>

<script language="javascript"> print_grid();</script>

<!-- Libreria JGrid -->

<link rel="stylesheet" type="text/css" media="screen" href="js/jquery/jdgrid/css/ui.jqgrid.css" />

<script src="js/jquery/jdgrid/grid.locale-sp.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/jquery.jqGrid.min.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.common.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.formedit.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.custom.js" type="text/javascript"></script>

<script language="javascript">

$(function() {

$("#dialog-confirm").dialog({ autoOpen: false });

$("#dialog-alert").dialog({ autoOpen: false });

});

function print_grid(){

$("#list").jqGrid({

url:'hosts?action=list&type=LTSP',

mtype: 'POST',

datatype: "json",

colNames:['Nombre','IP','mac'],

colModel:[

{name:'cn',index:'nombre', width:80, align:"center"},

{name:'ipHostNumber',index:'ipHostNumber', width:60, align:"center"},

{name:'macAddress',index:'macAddress', width:60, align:"center"}

],

rowNum:25,

height:335,

width: 800,

rowList:[25,50,75],

pager: '#pager',

sortname: 'cn',

autowidth: false,

viewrecords: true,

sortorder: "desc",

caption:"Maquinas"

});

$("#list").jqGrid('navGrid','#pager',{add:false,edit:false,del:false,search:false,refresh:false});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Insertar",

buttonicon :'ui-icon-plus',

onClickButton : function (){

handleRecord('add','Añadir Usuario');

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Modificar",

buttonicon :'ui-icon-pencil',

onClickButton : function (){

handleRecord('modify','Modificar Usuario');

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Borrar",

buttonicon :'ui-icon-trash',

onClickButton : function (){

deleteRecord();

}

});

$("#list").jqGrid('filterToolbar');

}

function rowSelected(){

var id = $("#list").jqGrid('getGridParam','selrow');

if( id == null ){

$( "#dialog-alert" ).dialog({

resizable: false,

height:150,

width:290,

modal: true,

buttons: { "Aceptar": function() { $( this ).dialog( "close" ); }}

}).dialog('open');

return false;

}

return id;

}

function handleRecord(action,title){

var id;

if(action=="modify"){

var id = rowSelected();

if(id==false)

return false;

}

$("#dialog-form").dialog({

resizable: false,

modal: true,

title: title,

open: function(event, ui) {

$("#dialog-form").html("");

$("#dialog-form").load("users/form.html", function() {

$("#form_data #action").val(action);

$("#form_data #id").val(id);

});

}

});

}

function deleteRecord(){

var id = rowSelected();

if(id==false)

return false;

$( "#dialog-confirm" ).dialog({

resizable: false,

height:160,

width:350,

modal: true,

buttons: {

"Borrar": function() {

$.post("users","idUser="+id+"&action=delete", function(data){

$( this ).dialog( "close" );

$("#list").trigger("reloadGrid");

});

},

"Cancelar": function() {

$( this ).dialog( "close" );

}

}

}).dialog('open');

}

</script>

<div id="tabla_clientes">

<table width="100%">

<tr>

<td style="width:2%"></td>

<td><table id="list" width="100%"></table></td>

<td style="width:2%"></td>

</tr>

</table>

<div id="pager" style=""></div>

<div id="filter" style="margin-left:30%;display:none">Search Invoices</div>

</div>

<div id="dialog-form"></div>

<div id="dialog-confirm" title="¿Borrar el registro seleccionado?" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Este elemento quedará permanentemente eliminado. ¿Está seguro?</p>

</div>

<div id="dialog-alert" title="Atención" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Para operar sobre un registro debe seleccionarlo previamente.</p>

</div>

<script language="javascript"> print_grid();</script>

<script language="javascript">

$(function() {

$("#name").focus();

$("#saveButton").button({ icons: { primary: "ui-icon-disk"}});

$("#cancelButton")

.button({ icons: { primary: "ui-icon-close"}})

.click( function(){ $('#dialog-form').dialog('close'); });

});

function restartStyle(){

$("#form_data p span").css("color","black");

$('#message').html("");

}

function send(){

restartStyle();

$.post('users', $("#form_data").serialize(), function(data) {

var result = $.parseJSON(data);

switch(result.response){

case "OK":{

$('#message').html("Operación realizada correctamente").css("color","green").effect("highlight", {"color":"yellow"}, 1000);

setTimeout("$('#dialog-form').dialog('close')",1000);

$("#list").trigger("reloadGrid");

break;

}

case "fail":{

$('#message').html("Se produjo un error").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case "distinctPassword":{

$('#password2Tag').css("color","red");

$('#password2').effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("La repetición no coincide").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case "userAlreadyExists":{

$('#userTag').css("color","red");

$('#user').effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("Ya existe ese nombre de usuario").effect("slide");

break;

}

default:{

$('#'+result.response+"Tag").css("color","red");

$('#'+result.response).effect("highlight", {"color":"yellow"}, 1000).focus();

$('#message').html("Hay campos vacíos o incorrectos").effect("slide");

break;

}

}

});

return false;

}

function searchUsername(){

if($("#form_data #action").val()=="add")

$.post('users','action=searchUsername&name='+$("#form_data #name").val()+'&surname='+$("#form_data #surname").val(), function(data) {

var result = $.parseJSON(data);

$("#form_data #user").val(result.response);

});

}

</script>

<form id="form_data" onSubmit="return send();">

<input type="hidden" id="action" name="action"/>

<p><span id="typeTag">Tipo Usuario</span><br>

<select type="text" id="type" name="type">

<option value="none">Seleccione...</option>

<option value="teacher">Profesor</option>

<option value="student">Alumno</option>

</select>

</p>

<p><span id="nameTag">Nombre y Apellidos</span><br><input type="text" id="name" name="name" onChange="searchUsername();"/></p>

<p><span id="surnameTag">Primer Apellido</span><br><input type="text" id="surname" name="surname"/></p>

<p><span id="nifTag">NIF</span><br><input type="text" id="nif" name="nif"/></p>

<p><span id="userTag">Usuario</span><br><input type="text" id="user" name="user"/></p>

<p><span id="passwordTag">Contraseña</span><br><input type="text" id="password" name="password"/></p>

<p><span id="password2Tag">Repita Contraseña</span><br><input type="text" id="password2" name="password2"/></p>

<div id="message" style="text-align:center; font-weight:bold; color:red; padding:3px; "></div>

<div style="text-align:center;"><button id="saveButton" type="submit" style="width:100px;">Guardar</button>&nbsp;&nbsp;<button type="button" id="cancelButton" style="width:100px;">Cancelar</button></div>

<p style="padding-top:10px; text-align:center; font-size:10px;" id="messageForm"></p>

</form>

<!-- Libreria JGrid -->

<link rel="stylesheet" type="text/css" media="screen" href="js/jquery/jdgrid/css/ui.jqgrid.css" />

<script src="js/jquery/jdgrid/grid.locale-sp.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/jquery.jqGrid.min.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.common.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.formedit.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.custom.js" type="text/javascript"></script>

<script language="javascript">

$(function() {

$("#dialog-confirm").dialog({ autoOpen: false });

$("#dialog-alert").dialog({ autoOpen: false });

});

function print_grid(){

$("#list").jqGrid({

url:'users?action=list',

mtype:'POST',

datatype: "json",

colNames:['Tipo Usuario','Nombre','Usuario','ID usuario','ID Grupo','Identificación'],

colModel:[

{name:'type',index:'type', width:60, align:"center", stype:'select', editoptions:{value:":Todo;Profesor:Profesores;Alumno:Alumnos"}},

{name:'cn',index:'cn', width:140, align:"left"},

{name:'uid',index:'uid', width:90, align:"center"},

{name:'uidNumber',index:'uidNumber', width:70, align:"center"},

{name:'gidNumber',index:'gidNumber', width:70, align:"center"},

{name:'employeeNumber',index:'employeeNumber', width:80, align:"center"}

],

rowNum:25,

height:335,

width: 800,

rowList:[25,50,75],

pager: '#pager',

sortname: 'cn',

autowidth: false,

viewrecords: true,

sortorder: "desc",

caption:"Usuarios"

});

$("#list").jqGrid('navGrid','#pager',{add:false,edit:false,del:false,search:false,refresh:false});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Insertar",

buttonicon :'ui-icon-plus',

onClickButton : function (){

addRecord();

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Modificar",

buttonicon :'ui-icon-pencil',

onClickButton : function (){

modifyRecord();

}

});

$("#list").jqGrid('navButtonAdd','#pager',{

caption: "Borrar",

buttonicon :'ui-icon-trash',

onClickButton : function (){

deleteRecord();

}

});

$("#list").jqGrid('filterToolbar');

}

function rowSelected(){

var uid = $("#list").jqGrid('getGridParam','selrow');

if( uid == null ){

$( "#dialog-alert" ).dialog({

resizable: false,

height:150,

width:290,

modal: true,

buttons: { "Aceptar": function() { $( this ).dialog( "close" ); }}

}).dialog('open');

return false;

}

return uid;

}

function addRecord(){

$("#dialog-form").html("");

$("#dialog-form").load("users/form.html", function() {

$("#form_data #action").val("add");

$("#form_data #messageForm").html("Todos los campos son obligatorios");

});

x = ($(window).width()-250)/2;

y = ($(window).height()-400)/2;

$("#dialog-form").dialog({

resizable: false,

position: top,

modal: true,

title: "Añadir Usuario"

}).dialog('option', 'position', [x, y]);

}

function modifyRecord(){

var uid;

var uid = rowSelected();

if(uid==false)

return false;

$("#dialog-form").html("");

$("#dialog-form").load("users/form.html", function() {

$("#form_data #action").val("modify");

$("#form_data #user").attr("readonly","true");

$("#form_data #user").css("background-color","#DDD");

$("#form_data #messageForm").html("Si deja la contraseña en blanco no se modificará<br>El resto de campos son obligatorios");

$.post('users', 'action=getUserData&user='+uid, function(data) {

var result = $.parseJSON(data);

$("#form_data #type").val(result.response['type']).attr("disabled","true");

$("#form_data #name").val(result.response['name']);

$("#form_data #nif").val(result.response['nif']);

$("#form_data #user").val(result.response['user']);

$("#form_data #surname").val(result.response['surname']);

});

});

x = ($(window).width()-250)/2;

y = ($(window).height()-400)/2;

$("#dialog-form").dialog({

resizable: false,

modal: true,

title: "Modificar Usuario"

}).dialog('option', 'position', [x, y]);

}

function deleteRecord(){

var uid = rowSelected();

if(uid==false)

return false;

$( "#dialog-confirm" ).dialog({

resizable: false,

height:160,

width:350,

modal: true,

buttons: {

"Borrar": function() {

$.post("users","user="+uid+"&action=delete", function(data){

$("#dialog-confirm").dialog( "close" );

$("#list").trigger("reloadGrid");

});

},

"Cancelar": function() {

$(this).dialog( "close" );

}

}

}).dialog('open');

}

</script>

<div id="tabla_clientes">

<table width="100%">

<tr>

<td style="width:2%"></td>

<td><table id="list" width="100%"></table></td>

<td style="width:2%"></td>

</tr>

</table>

<div id="pager" style=""></div>

<div id="filter" style="margin-left:30%;display:none">Search Invoices</div>

</div>

<div id="dialog-form"></div>

<div id="dialog-confirm" title="¿Borrar el registro seleccionado?" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Este elemento quedará permanentemente eliminado. ¿Está seguro?</p>

</div>

<div id="dialog-alert" title="Atención" style="display:none;">

<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Para operar sobre un registro debe seleccionarlo previamente.</p>

</div>

<script language="javascript"> print_grid();</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="Manu Mora Gordillo" />

<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />

<title>ControlIES - Centros Educativos de Extremadura</title>

<link href="css/helper.css" media="screen" rel="stylesheet" type="text/css" />

<link href="css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />

<link href="css/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="js/jquery/css/ui-lightness/jquery-ui-1.8.9.custom.css"/>

<script language="javascript" src="js/jquery/jquery-1.5.min.js"></script>

<script language="javascript" src="js/jquery/jquery-ui-1.8.9.custom.min.js"></script>

<script language="javascript" src="js/jquery/jquery.dropdown.js"></script>

<!-- Libreria JGrid -->

<link rel="stylesheet" type="text/css" media="screen" href="js/jquery/jdgrid/css/ui.jqgrid.css" />

<script src="js/jquery/jdgrid/grid.locale-sp.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/jquery.jqGrid.min.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.common.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.formedit.js" type="text/javascript"></script>

<script src="js/jquery/jdgrid/src/grid.custom.js" type="text/javascript"></script>

<!-- / END -->

<script language="javascript">

$(document).ready(function(){

$("#module").load("cover/index.html");

});

function loadModule(module){

$("#module").load(module+"/index.html");

}

function logout(){

$.post('logout', function(data) {

location.href="index.html";

});

}

</script>

</head>

<body>

<h1>&nbsp;&nbsp;Control<span class="fontTitle">IES</span>&nbsp;&nbsp;<span class="subTitle">Centros Educativos de Extremadura</span</h1>

<!-- Beginning of compulsory code below -->

<ul id="nav" class="dropdown dropdown-horizontal">

<li><a href="javascript:loadModule('cover')">Inicio</a></li>

<li><a href="#" class="dir">Administración</a>

<ul>

<li><a href="javascript:loadModule('users')">Usuarios</a></li>

<li><a href="javascript:loadModule('groups','')">Grupos</a></li>

<li><a href="#">Departamentos</a></li>

<li class="empty">Máquinas</li>

<li><a href="javascript:loadModule('hosts','LTSP')">Servidores LTSP</a></li>

<li><a href="javascript:loadModule('hosts','workStation')">WorkStations</a></li>

<li><a href="javascript:loadModule('hosts','thinClient')">Clientes Ligeros</a></li>

<li><a href="javascript:loadModule('hosts','portatilPro')">Portátiles Profesores</a></li>

<li><a href="javascript:loadForm('show','Parametros DHCP')">Parámetros DHCP</a></li>

</ul>

</li>

<li><a href="#" class="dir">Sincronización</a>

<ul>

<li><a href="#">Importación Rayuela</a></li>

</ul>

</li>

<li><a href="#" class="dir">Informes</a>

<ul>

<li class="empty">Usuarios</li>

<li><a href="#">Profesores</a></li>

<li><a href="#">Alumnos</a></li>

<li class="empty">Máquinas</li>

<li><a href="#">Servidores</a></li>

<li><a href="#">LTSP</a></li>

<li><a href="#">Portátiles</a></li>

</ul>

</li>

<li><a href="javascript:logout();">Salir</a></li>

</ul>

<!-- / END -->

<br><br><br>

<div id="module" class="centerGrid"></div>

</body>

</html>

@charset "UTF-8";

/**

* Adobe CSS Drop-Down Menu Theme

*

* @file default.css

* @name Adobe

* @version 0.1

* @type transitional

* @browsers Windows: IE6+, Opera7+, Firefox1+

* Mac OS: Safari2+, Firefox2+

*

* @link http://www.lwis.net/

* @copyright 2008 Live Web Institute. All Rights Reserved.

*

* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}

* Expected directory tag - li

*

*/

/*------------------------------------------------------------------------------------------------------/

* @section Base Drop-Down Styling

* @structure ul (unordered list)

* ul li (list item)

* ul li a (links)

* *(.class|:hover)

* @level sep ul

*/

/* ----- ALL LEVELS (incl. first) */

ul.dropdown {

font: bold 12px Arial, Helvetica, sans-serif;

}

ul.dropdown li {

padding: 7px 12px;

background-color: #000;

color: #fff;

}

ul.dropdown li.hover,

ul.dropdown li:hover {

background-color: #222;

}

ul.dropdown a:link,

ul.dropdown a:visited { color: #fff; text-decoration: none; }

ul.dropdown a:hover { color: #fff; text-decoration: underline; }

ul.dropdown a:active { color: #fff; }

/* ----- END LEVEL */

/* ----- NON-FIRST LEVEL */

ul.dropdown ul {

margin-left: -6px;

width: 170px;

padding-bottom: 9px;

background: url(images/dropdown_pane.png) 0 100% no-repeat;

color: #000;

font-size: 11px;

font-weight: normal;

}

ul.dropdown ul li {

background-color: transparent;

color: #000;

}

ul.dropdown ul li.hover,

ul.dropdown ul li:hover {

background-color: transparent;

}

ul.dropdown ul li.empty {

padding: 3px 10px 3px !important;

font-weight: bold;

background-color:#DDD;

}

ul.dropdown ul a:link,

ul.dropdown ul a:visited { color: #000; }

ul.dropdown ul a:hover { color: #000; text-decoration: none; }

ul.dropdown ul a:active { color: #000; }

ul.dropdown ul ul {

display: none;

}

ul.dropdown ul ul li {}

/* ----- END LEVEL */

/*------------------------------------------------------------------------------------------------------/

* @section Support Class 'dir'

* @level sep ul, .class

*/

/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {

padding-right: 12px;

background-image: none;

background-position: 100% 50%;

background-repeat: no-repeat;

}

/* ----- END LEVEL */

/* Components override */

ul.dropdown-horizontal ul *.dir {

padding-right: 15px;

background-image: url(images/nav-arrow-right.png);

background-position: 100% 50%;

background-repeat: no-repeat;

}

ul.dropdown-vertical *.dir {

background-image: url(images/nav-arrow-right.png);

}

ul.dropdown-vertical-rtl *.dir {

padding-right: 15px;

background-image: url(images/nav-arrow-left.png);

background-position: 0 50%;

}

@charset "UTF-8";

/**

* Abobe Advanced CSS Drop-Down Menu Theme

*

* @file default.advanced.css

* @name Adobe

* @version 0.1

* @type transitional

* @browsers Windows: IE5+, Opera7+, Firefox1+

* Mac OS: Safari2+, Firefox2+

*

* @link http://www.lwis.net/

* @copyright 2008 Live Web Institute. All Rights Reserved.

*

*/

@import "default.css";

ul.dropdown li a { /* Moved from 'custom' section */

display: block;

padding: 7px 12px;

}

/* ------------- Override default */

ul.dropdown li {

padding: 0;

}

/* ------------- Reinitiate default: post-override activities */

ul.dropdown li.dir {

padding: 7px 20px 7px 12px;

}

ul.dropdown ul li.dir {

padding-right: 15px;

}

/* ------------- Custom */

ul.dropdown li {

}

/* Especially for IE6 or lower */

ul.dropdown ul a {

padding: 4px 5px 4px 12px;

/*width: 139px;*/

}

ul.dropdown ul a:hover {

padding: 3px 5px 3px 11px;

border: solid 1px #ddd;

background-color: #eee;

font-weight: bold;

}

ul.dropdown ul a.dir {

/*width: 129px;*/

}

@charset "UTF-8";

/**

* Horizontal CSS Drop-Down Menu Module

*

* @file dropdown.css

* @package Dropdown

* @version 0.7.1

* @type Transitional

* @stacks 597-599

* @browsers Windows: IE6+, Opera7+, Firefox1+

* Mac OS: Safari2+, Firefox2+

*

* @link http://www.lwis.net/

* @copyright 2006-2008 Live Web Institute. All Rights Reserved.

*

*/

ul.dropdown,

ul.dropdown li,

ul.dropdown ul {

list-style: none;

margin: 0;

padding: 0;

}

ul.dropdown {

position: relative;

z-index: 597;

float: left;

}

ul.dropdown li {

float: left;

line-height: 1.3em;

vertical-align: middle;

zoom: 1;

}

ul.dropdown li.hover,

ul.dropdown li:hover {

position: relative;

z-index: 599;

cursor: default;

}

ul.dropdown ul {

visibility: hidden;

position: absolute;

top: 100%;

left: 0;

z-index: 598;

width: 100%;

}

ul.dropdown ul li {

float: none;

}

ul.dropdown ul ul {

top: 1px;

left: 99%;

}

ul.dropdown li:hover > ul {

visibility: visible;

}

* { margin: 0; padding: 0; }

body { padding: 10px; background: #4c4c4c url(images/grad1.png) 0 0 repeat-x; color: #d9d9d9; font: 12px/normal Tahoma, Arial, Helvetica, sans-serif; }

h1 { margin-bottom: .5em; border-bottom: solid 1px #d9d9d9; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 220%; text-indent: 5px; letter-spacing: -1px; }

h1 .fontTitle { color:green; }

h1 .subTitle { font-size:14px; }

cite { float: right; }

ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }

div.section { clear: both; padding-top: 50px; }

.table1 { float: right; margin-bottom: 2em; border: solid 1px #eee; }

.table1 caption { color: #fff; text-align: center; padding-bottom: 5px; }

.table1 th, .table1 td { padding: 7px; }

.table1 th, .table1 thead td { background-color: lightyellow; color: #000; }

.table1 tbody td { background-color: #fff; color: #000; }

.table1 tbody th { text-align: right; }

* html ul.dropdown ul { background-image: url(images/dropdown_pane_8bit.png); }

.centerAuth{ position:absolute; left:50%; margin-left:-150px; }

.centerGrid{ position:absolute; left:50%; margin-left:-400px; }

form p{ margin-bottom:10px; font-weight:bold;}

form input{ border:1px solid #DDD; }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="Manu Mora Gordillo" />

<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />

<title>ControlIES - Centros Educativos de Extremadura</title>

<link href="css/helper.css" media="screen" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="js/jquery/css/ui-lightness/jquery-ui-1.8.9.custom.css"/>

<script language="javascript" src="js/jquery/jquery-1.5.min.js"></script>

<script language="javascript" src="js/jquery/jquery-ui-1.8.9.custom.min.js"></script>

<script language="javascript">

$(function() {

$( "#tabs" ).tabs();

$( "#authButton" ).button({ icons: { primary: "ui-icon-locked"}});

});

function restartStyle(){

$("#form_authentication span").css("color","black");

$('#message').html("");

}

function authentication(){

restartStyle();

$.post('authentication', $("#form_authentication").serialize(), function(data) {

var result = $.parseJSON(data);

switch(result.connection){

case false:{

$('#message').html("Hubo un error en la autenticación").effect("highlight", {"color":"yellow"}, 1000);

break;

}

case true:{

location.href="main.html";

break;

}

default:{

$('#'+result.connection+"Tag").css("color","red");

$('#'+result.connection).effect("highlight", {"color":"yellow"}, 1000).focus();

}

}

});

return false;

}

</script>

</head>

<body>

<h1>&nbsp;&nbsp;Control<span class="fontTitle">IES</span>&nbsp;&nbsp;<span class="subTitle">Centros Educativos de Extremadura</span</h1>

<div id="tabs" class="centerAuth" style="width:350px; margin-top:100px;">

<ul>

<li><a href="#tabs-1">Autenticaci&oacute;n</a></li>

</ul>

<div id="tabs-1">

<img src="img/unlock.png" style="float:right;"/>

<form id="form_authentication" onSubmit="return authentication();">

<p><span id="hostTag">LDAP</span><br><input type="text" id="host" name="host" value="172.23.36.5"></p>

<p><span id="userTag">Nombre</span><br><input type="text" id="user" name="user" value="admin"></p>

<p><span id="passwordTag">Contrase&ntilde;a</span><br><input type="password" id="password" name="password"></p><br>

<div id="message" style="text-align:center; font-weight:bold; color:red; "></div>

<p style="text-align:center;"><button id="authButton" style="width:150px;">Autenticar</button>

</form>

</div>

</div>

</body>

</html>

.clock{

/* The .clock div. Created dynamically by jQuery */

height:200px;

width:200px;

position:relative;

overflow:hidden;

float:left;

left:16%;

margin-top:50px;

}

.clock .rotate{

/* There are two .rotate divs - one for each half of the background */

position:absolute;

width:200px;

height:200px;

top:0;

left:0;

}

.rotate.right{

display:none;

z-index:11;

}

.clock .bg, .clock .front{

width:100px;

height:200px;

position:absolute;

top:0;

}

.clock .display{

/* Holds the number of seconds, minutes or hours respectfully */

position:absolute;

width:200px;

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

z-index:20;

color:#F5F5F5;

font-size:60px;

text-align:center;

top:65px;

left:0;

/* CSS3 text shadow: */

text-shadow:4px 4px 5px #333333;

}

/* The left part of the background: */

.clock .bg.left{ left:0; }

/* Individual styles for each color: */

.orange .bg.left{ background:url(img/bg_orange.png) no-repeat left top; }

.green .bg.left{ background:url(img/bg_green.png) no-repeat left top; }

.blue .bg.left{ background:url(img/bg_blue.png) no-repeat left top; }

/* The right part of the background: */

.clock .bg.right{ left:100px; }

.orange .bg.right{ background:url(img/bg_orange.png) no-repeat right top; }

.green .bg.right{ background:url(img/bg_green.png) no-repeat right top; }

.blue .bg.right{ background:url(img/bg_blue.png) no-repeat right top; }

.clock .front.left{

left:0;

z-index:10;

}