{% extends "dojango/base.html" %}

{% block dojango_header_extra %}

	<!-- 	Para añadir un icono favicon: es un pequeño icono que se puede asociar a una página web para mostrarlo junto a la barra de direcciones de 				cualquier navegador -->
	<link rel="shortcut icon" href="/chat/templates/favicon.ico" type="image/x-icon" />

	<style type="text/css">
		@import "{{ DOJANGO.DOJO_URL }}/resources/dojo.css";
		@import "{{ DOJANGO.DIJIT_URL }}/themes/dijit.css";
		@import "{{ DOJANGO.DIJIT_URL }}/themes/tundra/tundra.css";
		@import "{{ DOJANGO.DIJIT_URL }}/tests/css/dijitTests.css";
		@import "{{ DOJANGO.DOJOX_URL }}/layout/resources/FloatingPane.css"; 
		@import "{{ DOJANGO.DOJOX_URL }}/layout/resources/ResizeHandle.css"; 
	</style>

	<!-- Carga la capa de estilo y el JavaScript para el menu desplegable -->
	<link rel="stylesheet" type="text/css" href="/chat/templates/menucss.css">
	<script type="text/javascript" src="/chat/templates/menujs.js"></script>

	<!-- Este JavaScript se utiliza para esperar un tiempo -->
	<script type="text/javascript">
		var comunication = "nada"
		function nada(){
			return true
		}
		
	</script>

	<SCRIPT LANGUAJE="text/javascript">

		function writetofile() {
			var currentTime = new Date()
			var month = currentTime.getMonth() + 1
			var day = currentTime.getDate()
			var year = currentTime.getFullYear()
			var fecha = month + "-" + day + "-" + year

			var situate  = 'd:\\';
			var filename = situate + 'log-message ' + fecha + '.html' 
			var fso = new ActiveXObject('Scripting.FileSystemObject');
			if (fso.FileExists(filename)) {
				var a, ForAppending, file;
				ForAppending = 8;
				file = fso.OpenTextFile(filename, ForWriting, false);
				var aux = dojo.byId("backup").innerHTML
				file.WriteLine(aux)
				alert("Sobreescribiendo el registro");
			} else {
				var file = fso.CreateTextFile(filename, true);
				var aux = dojo.byId("backup").innerHTML
				file.WriteLine(aux)
				alert("Creando un nuevo registro");
			}      
			file.Close();
		}

		function ReadIt() {
			var filename = 'c://temp.txt';
			if (confirm('Do you want to see what we put on your computer?')) {
				var fso, a, ForReading;
				ForReading = 1;
				fso = new ActiveXObject('Scripting.FileSystemObject');
				file = fso.OpenTextFile(filename, ForReading, false);
				var name = file.readline();
				var password = file.readline();
				file.Close();
				document.write(name + '<br>');
				document.write(password);
			}
		}

	</SCRIPT>
	
	
	<script type="text/javascript">
		function buscaremoticono(mensaje) {
			do {
			    mensaje = mensaje.replace(':)','<img src=\"/chat/templates/greensmilies/smiley-smile.gif\" width=\"20\" height=\"20\" border=\"0\">');
				mensaje = mensaje.replace('*lol*',"<img src=\"/chat/templates/greensmilies/smiley-lol.gif\" width=\"35\" height=\"35\" border=\"0\">")
				mensaje = mensaje.replace('>:o',"<img src=\"/chat/templates/greensmilies/smiley-yell.gif\" width=\"20\" height=\"20\" border=\"0\">")
				mensaje = mensaje.replace(':D',"<img src=\"/chat/templates/greensmilies/smiley-xd.gif\" width=\"20\" height=\"20\" border=\"0\">")
				mensaje = mensaje.replace(':(',"<img src=\"/chat/templates/greensmilies/smiley-frown.gif\" width=\"20\" height=\"20\" border=\"0\">")
				
			} while( (mensaje.indexOf(':)') >= 0) || (mensaje.indexOf('*lol*') >= 0) || (mensaje.indexOf('>:o') >= 0) || (mensaje.indexOf(':D') >= 0) || (mensaje.indexOf(':(') >= 0) );

			return(mensaje)
		}
		
		function poner(emoticono) {
			dojo.byId('text').value += emoticono;
			dojo.byId('text').focus();
 
		}
	</script>	

	<!-- JavaScript para el envio de informacion mediante POST -->
	<script type="text/javascript">

		function postSubmit() {

			var form = dojo.byId("postForm");
			var messagesbackup = "";
			
			dojo.xhrPost({	url:form.action,
							handleAs:"json",
							content:{ text:form.text.value, remote_user:form.remote_user.value, status_call:form.status_call.value },
							load:function(response, ioArgs){
								if (response.success){						
									if(response.envio == 1) {
										var mensaje                      = buscaremoticono(response.messages)
										dojo.byId("messages").innerHTML  = response.users + '<hr>' + dojo.byId("backup").innerHTML + mensaje;
										dojo.byId("backup").innerHTML    = dojo.byId("backup").innerHTML + mensaje		
										dojo.byId("messages2").innerHTML = response.messages2;
										actualizar();
									} else {
										dojo.byId("messages").innerHTML  = response.users + '<hr>' + dojo.byId("backup").innerHTML;
										dojo.byId("messages2").innerHTML = response.messages2;
									}
								} else {
									dojo.byId("messages").innerHTML  = "Error: " + response.error;
									dojo.byId("messages2").innerHTML = "Error: en messages2"
								}
							},
							error:function(data){ 
								// Esto ocurre en errores 500 (problemas en el servidor) o similares
								dojo.byId("messages").innerHTML  = "Error sending data.";
								dojo.byId("messages2").innerHTML = "Error sending data.";
							}
						});
			// Una vez enviado el POST se inicializan valores
			form.text.value = "";
			//comunication    = "nada";
		}
	</script>
	
	<!-- Se carga el JavaScript para la videollamada -->
	<script type="text/javascript" src="/chat/templates/swfobject.js"></script>

	<!-- Funciones JavaScript para la videollamada-->
	<script type="text/javascript">
		function doSomething(local, remoto, comunicacion) {
			var flashvars            = {};
			flashvars.usuario_local  = local;
			flashvars.usuario_remoto = remoto;
			flashvars.comunicacion   = comunicacion;
			var params               = {};
			params.allowFullScreen   = "true";
			var attributes           = {};
			swfobject.embedSWF("/chat/templates/videollamada2.swf", "myflash", "240", "180", "10", "/chat/templates/expressInstall.swf", flashvars, params, attributes);
		}

		function eliminarFlash() {
				myflash = document.getElementById("myflash");
				if (!myflash){
					alert("El elemento selecionado no existe");
				} else {
					padre      = myflash.parentNode;
					padre.removeChild(myflash);
					myflashnew = document.createElement("div");
					myflashnew.setAttribute("id", "myflash");
					padre.appendChild(myflashnew);
				}
		}

		function ajustarTamanoFlash(anchura,altura) {
			document.getElementById('myflash').width=anchura;
			document.getElementById('myflash').height=altura;
		}

		</script>

	<!-- JavaScript para el menu desplegable -->
	<script type="text/javascript" src="/chat/templates/overlib/overlib.js">
		// Este comentario es un aviso de copyright de la librería,
		// que es obligatorio incluirlo para poder usar overLIB (c) Erik Bosrup
	</script>

	<!-- Ubicacion del menu desplegable -->
	<script type="text/javascript">
		overlib_pagedefaults(CENTER, WIDTH, 250);
	</script>


	<!-- JavaScript para actualizar la barra de deslizamientos del panel de mensajes -->
	<script type="text/javascript">
		function actualizar() {
			var objDiv = document.getElementById("messages");
			objDiv.scrollTop = objDiv.scrollHeight;
		}
	</script>
	
{% endblock %}

{% block dojango_page_title %}Página principal Django-Chat{% endblock %}

{% block dojango_body %}

	<body class="tundra" onload="menu1.escribe('menu',22,5);">

		<h1>Página Principal Django-Chat</h1>

		<h2>Usuario: <i id=me></i></h2>
		<h2>Canal: <i id=canal></i> </h2>
		<h2>Videollamada/llamada: <i id=video></i></h2>
			-- Aplicación Django-Chat en fase de pruebas --
		
		{% block content %}
			<div id="menu">
				<h2>Menú desplegable:</h2>
			</div>
			<br/>
			<img src="/chat/templates/salir.gif" width="45" height="45" alt="" onclick="location.href='/chat/admin/logout/';" />
			<!--<h2>Implementacion</h2>
			Django-Chat utiliza los siguientes componentes externos:
			<ul>
				<li>dojango
				<li>dojo
			</ul>-->
		{% endblock %}
		
		<!-- Panel Usuario Conectados -->	
		<div dojoType="dojox.layout.FloatingPane"  id="chatClient2"
			title="Usuarios Conectados" resizable="false" dockable="true" closable="false"
			style="width:260px; height:150px; background:#fff; position:absolute; top:30px; left:500px;"
		>
			<ul id="messages2" style="height:100px;">
				Cargando usuarios ...
			</ul>
		</div>

		<!-- Panel Cliente Django-Chat Mensajes-->
		<div dojoType="dojox.layout.FloatingPane"  id="chatClient"
			title="Cliente Django-Chat Visualizador" resizable="false" dockable="true" closable="false"
			style="width:260px; background:#fff; position:absolute; top:200px; left:500px;"
		>
			<div id="messages" style="height:200px; overflow:auto;">
				Cargando mensajes ...
			</div>
		</div>

		<!-- Panel Cliente Django-Chat Entrada-->
		<div dojoType="dojox.layout.FloatingPane"  id="chatClient5"
			title="Cliente Django-Chat Entrada" resizable="false" dockable="true" closable="false"
			style="width:260px; background:#fff; position:absolute; top:440px; left:500px;"
		>
			<div id="input">
				<form id="postForm" name="formulario" onsubmit="postSubmit(); return false;" action="/chat/post/">
					<div style="text-align: center">
						<input id="text" dojoType="dijit.form.TextBox" name="text" value="" />
						<div style="text-align: center">
							<button dojoType="dijit.form.Button" onclick="dojo.byId('emoticonos').style.visibility='visible'; return false;">
								Emoticonos
							</button>
						</div>
					</div>
					<input id="remote_user" style="visibility:hidden" dojoType="dijit.form.TextBox" name="remote_user" value="null" />
					<input id="status_call" style="visibility:hidden" dojoType="dijit.form.TextBox" name="status_call" value="null" />
		    		<div style="text-align: center">
						<button dojoType="dijit.form.Button" type="submit">
							Enviar
						</button>
					</div>
					<!--[if IE]>
						<div style="text-align: center">Estas usando Internet Explorer</div>
							<div style="text-align: center">
								<button dojoType="dijit.form.Button" onclick="writetofile(); return false;">Registro de mensajes</button>
							</div>
					<![endif]-->
				</form>
	    	</div>
		</div>

		<!-- Panel Videollamada -->
		<div dojoType="dojox.layout.FloatingPane"  id="chatClient3"
			title="Videollamada" resizable="false" dockable="true" closable="false"
			style="visibility:visible; width:360px; height:450px; background:#fff; position:absolute; top:30px; left:800px; text-align: center;"
		>
			<div id="myflash">
			</div>
			<i>Este site necesita el plugin de Flash Player</i>
		</div>

		<!-- Panel Mensaje Privado -->
		<div id="private" style="visibility:hidden" >
			<div dojoType="dojox.layout.FloatingPane"  id="chatClient4"
				title="Mensaje privado" resizable="false" dockable="true" closable="false"
				style="width:198px; height:75px; background:#fff; position:absolute; top:30px; left:290px;"
			>
				<div id="enviar-mensaje-privado">
					<input id="mensaje-privado" dojoType="dijit.form.TextBox" name="mensaje-privado" value="" />
	    			<div style="text-align: center">
						<button dojoType="dijit.form.Button" type="submit" onclick="enviar_mensaje(); return false;">
							Click para enviar
						</button>
					</div>
	    		</div>
			</div>
		</div>

		<!-- Panel Emoticonos -->
		<div id="emoticonos" style="visibility:hidden">
			<div dojoType="dojox.layout.FloatingPane"  id="chatClient6"
				title="Emoticonos" resizable="false" dockable="true" closable="false"
				style="width:290px; height:220px; background:#fff; position:absolute; top:270px; left:200px;"
			>
			<div style="text-align: center">
				<button dojoType="dijit.form.Button" onclick="dojo.byId('emoticonos').style.visibility='hidden'; return false;">
					Esconder emoticonos
				</button>
				<div id="emoticonos-div">
					<img src="/chat/templates/greensmilies/smiley-smile.gif" width="20" height="20" border="0" onclick="poner(':)');">
					<img src="/chat/templates/greensmilies/smiley-lol.gif" width="35" height="35" border="0" onclick="poner('*lol*');">
					<img src="/chat/templates/greensmilies/smiley-yell.gif" width="20" height="20" border="0" onclick="poner('>:o');">
					<img src="/chat/templates/greensmilies/smiley-xd.gif" width="20" height="20" border="0" onclick="poner(':D');">
					<img src="/chat/templates/greensmilies/smiley-frown.gif" width="20" height="20" border="0" onclick="poner(':(');">		
	    		</div>
			</div>
		</div>

		<!-- Capa donde guardaremos, siempre oculto, los mensajes recibidos -->
		<div id="backup" style="visibility:hidden"></div>


		<script type="text/javascript">
			var v_videollamada       = false; // Indica si está activada la videollamada en el usuario  
			var ventana_videollamada = false; // Indica si está activada la ventana de videollamada en el usuario
			var v_llamada            = false; // Indica si está activada la llamada en el usuario  
			var ventana_llamada      = false; // Indica si está activada la ventana de llamada en el usuario
			var usuario              = "";    // Usuario Cliente


			// dojo.requiere() es una función que carga JavaScripts
				// Ejemplo:
					// load dojo/fx.js:
					// dojo.require("dojo.fx");
			dojo.require("dojox.layout.FloatingPane"); 
			dojo.require("dijit.form.TextBox"); 
			dojo.require("dijit.form.Button"); 
	
			// Escanear la página de widgets y crear instancias de ellos
				// En informática, un widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros 
				// pequeños que son ejecutados por motor de widgets o Widget Engine.
			dojo.require("dojo.parser");	

			function iniciarvideollamada (usuario_llamado) {

				var cadena = dojo.byId(usuario_llamado).src;

				if (((v_videollamada == true) || (v_llamada == true)) && (cadena.search("/error.png") != -1) ) {	
					// Finalización de la videollamada
					alert("Finalizamos videollamada/llamada");
					v_videollamada                 = false;
					dojo.byId("remote_user").value = usuario_llamado;
					dojo.byId("status_call").value = 4;
					dojo.byId("text").value        = "Deteniendo videollamada/llamada con " + usuario_llamado;

					if (ventana_videollamada == true || ventana_llamada == true) {
						ventana_videollamada       = false;
						ventana_llamada            = false;
						dojo.byId("myflash").terminarllamada();
					}			
					postSubmit();

				} else {
					if ((v_videollamada==false) && (cadena.search("/error.png")!= -1)  && (v_llamada==false)) {
						// Otro usuario quiere hacer una videollamada con otro usuario ocupado
						alert("Usuario ocupado, espere a que termine");
					} else {0
						if (((v_videollamada==true) || (v_llamada==true)) && (cadena.search("/videoconferencia.png")!= -1) ) {
							// No puede realizar otra videollamada si esta realizando uno ya
							alert("Antes debes finalizar la videollamada/llamada en activo");
						} else {
							if (confirm("¿Quieres iniciar una videollamada?")) {
								// Iniciando videollamada
								v_videollamada                 = true;
								usuario                        = usuario_llamado	
								dojo.byId("remote_user").value = usuario_llamado;
								dojo.byId("status_call").value = 1;
								dojo.byId("text").value        = "Iniciando Videollamada con "+ usuario_llamado;
								postSubmit(); 
							} else {
								// Se cancela la videollamada
							}
						}
					}
				}
			}

			function iniciarllamada (usuario_llamado) {

				var cadena = dojo.byId(usuario_llamado).src;

				if ((v_llamada == false) && (cadena.search("/error.png")!= -1) ) {
					// Otro usuario quiere hacer una llamada con otro usuario ocupado
					alert("Usuario ocupado, espere a que termine");
				} else {
					if ((v_llamada == true) && (cadena.search("/llamada.gif")!= -1) ) {							
						// No puede realizar otra videollamada si esta realizando uno ya
						alert("Antes debes finalizar la llamada en activo");
					} else {
						if (confirm("¿Quieres iniciar una llamada?")) {
							// Iniciando llamada
							v_llamada                      = true;
							usuario                        = usuario_llamado	
							dojo.byId("remote_user").value = usuario_llamado;
							dojo.byId("status_call").value = 5;
							dojo.byId("text").value        = "Iniciando llamada con "+ usuario_llamado;
							postSubmit(); 
						} else {
							// Se cancela la llamada
						}
					}
				}
			}


			function chat_update() {

			
				dojo.xhrGet({
					url: "/chat/update/",
					handleAs: "json",
					load: function(data, ioargs){
						if(data.envio == 1) {
							var mensajes                    = buscaremoticono(data.messages)
							dojo.byId("messages").innerHTML = data.users + '<hr>' + dojo.byId("backup").innerHTML +  mensajes;
							dojo.byId("backup").innerHTML   = dojo.byId("backup").innerHTML + mensajes
						} else {
							dojo.byId("messages").innerHTML = data.users + '<hr>' + dojo.byId("backup").innerHTML;
						}
						dojo.byId("messages2").innerHTML    = data.messages2;					
						dojo.byId("me").innerHTML           = data.me;
						dojo.byId("canal").innerHTML        = data.canal;
						dojo.byId("video").innerHTML        = data.video;
						dojo.byId("status_call").value      = data.status;

						actualizar();
										
						if (data.status == "1") {
							if (confirm("¿Quieres confirmar una videollamada de " + data.video + " ?")) {
								v_videollamada                 = true;
								dojo.byId("remote_user").value = data.video;
								dojo.byId("status_call").value = 2;
								dojo.byId("text").value        = "Videollamada aceptada";
								postSubmit();
							} else {
								v_videollamada                 = false;
								dojo.byId("remote_user").value = data.video;
								dojo.byId("status_call").value = 4;
								dojo.byId("text").value        = "Videollamada cancelada";
								postSubmit();
							}
						}

						if (data.status == "5") {
							if (confirm("¿Quieres confirmar una llamada de " + data.video + " ?")) {
								v_llamada                      = true;
								dojo.byId("remote_user").value = data.video;
								dojo.byId("status_call").value = 6;
								dojo.byId("text").value        = "Llamada aceptada";
								postSubmit();
							} else {
								v_llamada                      = false;
								dojo.byId("remote_user").value = data.video;
								dojo.byId("status_call").value = 4;
								dojo.byId("text").value        = "Llamada cancelada";
								postSubmit();
							}
						}

						// Si ha aceptado la videollamada
						if (data.status == "2" && ventana_videollamada == false) {
							ventana_videollamada = true;
							doSomething(data.me, data.video, "videollamada");	
						}

						// Si ha aceptado la llamada
						if (data.status == "6" && ventana_llamada == false) {
							ventana_llamada = true;
							doSomething(data.me, data.video, "llamada");	
						}
						
						// Si ha cancelado la videollamada o la llamada
						if (data.status == "4" || data.status == "3") {
							v_videollamada                 = false;
							v_llamada					   = false;
							dojo.byId("text").value        = "Videollamada/llamada cancelado por " + data.video;
							dojo.byId("status_call").value = 0;

							if (ventana_videollamada == true || ventana_llamada == true) {
								ventana_videollamada = false;
								ventana_llamada      = false;
								//dojo.byId("myflash").terminarllamada(); 
							}
							postSubmit();
						}

						// ¿Se puede quitar esta funcion?
						if (data.status == "2") {
							v_videollamada = true;
						}

						// ¿Se puede quitar esta funcion?
						if (data.status == "6") {
							v_llamada = true;
						}

						// Se comprueba si hay un mensaje para este usuario
						if (data.mensaje != "null") {
							if (confirm(data.mensaje + "\n" + "¿Quieres contestar a este usuario?")) {
								// Iniciando contestacion
								var fin = data.mensaje.indexOf(")");
								var contestar = data.mensaje.substring(5,fin);
								dojo.byId('text').value = "MPRestore:";
								postSubmit();
								// Iniciando mensaje privado
								dojo.byId("private").style.visibility = "visible";
								dojo.byId("remote_user").value        = contestar;
							} else {
								// Se cancela la llamada
								dojo.byId('text').value = "MPRestore:";
								postSubmit();
							}

						}
						
						wait         = data.wait_value * 1000
						comunication = "nada"
						setTimeout(chat_update, wait)		
						
						if (data.desconectado == "True")
							location.href='/chat/admin/logout/';							
					
					}
				});
			}
		
			dojo.addOnLoad(function() {
				document.getElementById('text').focus()
				setTimeout(chat_update, 2000)
			});
		</script>

		<script type="text/javascript">
			function mensajepersonal (mensaje) {
				// Acerca de: About
				alert(mensaje);
			}

			// Abrir una nueva pagina con JavaScript
			function abrirnuevapagina (www) {
				window.open(www);
			}

			// Envio del mensaje privado
			function enviar_mensaje() {
				dojo.byId('text').value               = "MP: " + "(" + dojo.byId("me").innerHTML + ") " +  dojo.byId('mensaje-privado').value;
				dojo.byId('mensaje-privado').value    = "";
				postSubmit(); 
				dojo.byId('private').style.visibility = 'hidden';
				return false;
			}
	
			// Se pregunta si quiere enviar un mensaje privado
			function mensaje_privado(usuario) {		
	
				if (confirm("¿Quieres enviar un mensaje privado a "+ usuario +"?")) {
					// Iniciando mensaje privado
					dojo.byId("private").style.visibility = "visible";
					dojo.byId("remote_user").value        = usuario;
				} else {
					// Se cancela el mensaje privado
				}
			} 
		</script>

		<script type="text/javascript">
			// Se crea una instancia de la clase Menu
			var menu1= new Desplegable();
		
			// Se crea una propiedad "items", la cual es el array de ítems que tendrá el menu, 
			// se crea fuera de la clase ya que permite personalizar el menu sin tener que editar la clase.
			menu1.items = new Array(
				["item-0","javascript:;","Menú"],["item-1","javascript:;","Opciones"],
				["item-2","javascript:;","Enlace de interes"],["item-3","javascript:;","Acerca de"]
			);
			//Creo una propiedad "suitems", la cual es el array de sub ítems que apareceran dentro de cada ítem.
			// ["subitem-2","javascript:abrirnuevapagina('/chat/browse/');","Browse posts in database"]],
			menu1.subitems = new Array(
				[["subitem-0","javascript:location.href='/chat/admin/logout/';","Salir"],
					["subitem-1","javascript:location.href='/chat/';","Cambiar de canal"]],
				[["subitem-0","javascript:;","Opciones1"],
					["subitem-1","javascript:;","Opciones2"],
					["subitem-2","javascript:;","Opciones3"]],
				[["subitem-0","javascript:abrirnuevapagina('http://code.google.com/p/django-chat/');","Sitio web django-chat"],
					["subitem-1","javascript:abrirnuevapagina('http://www.google.es');","Búsqueda en Google"]],
				[["subitem-0","javascript:mensajepersonal('Trabajo realizado por: Miguel Ángel');","About"]]
			);
		</script>
	</body>

{% endblock %}


            
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
	<head>
            <title>e-REdING. Biblioteca de la Escuela Superior de Ingenieros de Sevilla.</title>

                <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="Buscador de proyectos ETSI" />
<meta name="author" content="Daniel Callejo"/>
<meta name="author" content="Federico L&oacute;pez"/>
<meta name="author" content="Juli&aacute;n P&eacute;rez"/>
<meta name="author" content="Jos&eacute; Mar&iacute;a Vidal Vidal"/>
<base href="/bibing/proyectos/" /><link rel="shortcut icon" href="./favicon.ico" />
<link rel="stylesheet" href="./publico/css/estructura.css" type="text/css" />
<link rel="stylesheet" href="./publico/css/bootstrap.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="./publico/css/enlaces-capas.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/pestanas.css" type="text/css"  /> 
<link rel="stylesheet" href="./publico/css/formularios.css" type="text/css" />
<link rel="stylesheet" href="./publico/css/lightbox.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/autocompleter.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/resultados.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/milista.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/explorador.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/ultimos.css" type="text/css"  />
<link rel="stylesheet" href="./publico/css/contactar.css" type="text/css"  />
<!-- <link rel="stylesheet" href="./css/print.css" type="text/css" media="print" /> -->
<script src="./publico/javascript/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="./publico/javascript/bootstrap.js" type="text/javascript"></script>

<script src="./publico/javascript/mootools-1.2.4-core.js" type="text/javascript"></script>
<script src="./publico/javascript/mootools-1-1.2.4.2-more.js" type="text/javascript"></script>
<script src="./publico/javascript/targetbl.js" type="text/javascript"></script>
<script src="./publico/javascript/mensajes.js" type="text/javascript"></script>
<script src="./publico/javascript/form.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Observer.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Autocompleter.js" type="text/javascript"></script>
<script src="./publico/javascript/autocompleter/Autocompleter.Request.js" type="text/javascript"></script>
<script src="./publico/javascript/domready.js" type="text/javascript"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8T1TSNC1QY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8T1TSNC1QY');
</script>



<script type="text/javascript">
function seleccionar_todo(){
   for (i=0;i<document.formulario_marcados.elements.length;i++)
      if(document.formulario_marcados.elements[i].type == "checkbox")
         document.formulario_marcados.elements[i].checked=1
}
function deseleccionar_todo(){
   for (i=0;i<document.formulario_marcados.elements.length;i++)
      if(document.formulario_marcados.elements[i].type == "checkbox")
         document.formulario_marcados.elements[i].checked=0
} 
</script>
	</head>
    <body style="min-width: 960px; background-color: #e2e2e2; height: 100%">	
		<a name="arriba"></a>
<div>
<div id="header">
    <table id="Tabla_01" height="105" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="./publico/imagenes/cabecera/banner_new2_01.jpg" width="3" height="105" alt="">
        </td>
        <td>
            <img src="./publico/imagenes/cabecera/banner_new2_02.jpg" width="100" height="105" alt="">
        </td>
        <td width="100%" align="right"  style="min-width: 613px; background-repeat: no-repeat; background-position: top right; font-size: medium; font-weight: bold; color: white;">
            <table width="100%" height="105" border="0">
                <tr>
                    <td style=" vertical-align: top; width: 547px">
                        <!-- <a style="text-decoration: none" href="./"><img src="./publico/imagenes/cabecera/banner_new2_03.jpg"alt=""></a> -->
                        <a style="text-decoration: none" href="/bibing/proyectos/"><img src="./publico/imagenes/cabecera/banner_new2_03.jpg"alt=""></a>
                     </td>
                     <td  background="./publico/imagenes/cabecera/banner_new2_04.jpg" style="background-repeat: no-repeat; background-color: #c6d4e8;"><br><br><br>
                         &nbsp;
                        </td>
                    </tr>
             </table>
        </td>
    </tr>
    <tr style="border-top: 1px solid #ffffff;">
        <td colspan="3" id="menu_sup" style="font-size: small; text-align: right; background-color: #9c1f2f; vertical-align: bottom">
             
					<a href="/bibing/proyectos/" class="enlace " style=" color: #ffffff">Inicio&nbsp;&nbsp;|</a>
					<a href="/bibing/proyectos/acerca/" style=" color: #ffffff" class="enlace ">&nbsp;&nbsp;Acerca de&nbsp;&nbsp;|</a>
					
					<a href="/bibing/proyectos/contactar/" style=" color: #ffffff" class="enlace ">&nbsp;&nbsp;Contactar&nbsp;&nbsp;</a>
			 <!--       <a href="/bibing/proyectos/ayuda/" style=" color: #ffffff" class="enlace  ">&nbsp;&nbsp;Ayuda&nbsp;&nbsp;|</a> -->
					<!-- <form id="idioma" class=""  method="post" action="">
					<div class="inline" style="color: white">
					<input type="submit" class="tipo_letra " style=" color: #ffffff"name="idioma" value="Castellanossss" />&nbsp;&nbsp;
					</div>	
					</form> -->
			        </td>

    </tr>
    </table>
</div>
<br><br>
<div class="colmask rightmenu">
<div class="panel panel-default" style="margin:20px">
            <div class="panel-heading"><h4>IMPLANTACIÓN DE UNA COMUNICACIÓN CHAT CON DJANGO</h4><h5 style="color:grey"><span class="glyphicon glyphicon-user""></span> : <b>CUEVAS CEPEDA, MIGUEL ÁNGEL</b><br><span class="glyphicon glyphicon-book""></span>  :<b> Ingenier&iacute;a Telecomunicación</b></h5></div><div class="panel-body"><div class="contenido_proyecto"><div class="titulo2_explorador">Contenido del proyecto:</div><div class="ruta"><a href="use/abreproy/12051">Directorio ra&iacute;z</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="use/abreproy/12051/direccion/django_chat%252F">django_chat</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="use/abreproy/12051/direccion/django_chat%252Fchat%252F">chat</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="use/abreproy/12051/direccion/django_chat%252Fchat%252Ftemplates%252F">templates</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="use/abreproy/12051/direccion/django_chat%252Fchat%252Ftemplates%252Ftest.html%252F">test.html</a></div><div class="listing"></div></div></div></div>
</div>
</div>

        
	</body>
 
 
<!-- Inicio Google Analytics -->
<!--
	<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	
	<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-7789620-1");
		pageTracker._trackPageview();
	} 
		catch(err) {}
	</script>
-->
<!-- Fin Google Analytics -->

</html>