CINXE.COM

<!DOCTYPE HTML> <html lang="ing" class="colorRed"> <head> <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"> <link rel="shortcut icon" type="image/x-icon" href="/templates/default/img/favicon_mytechspace.ico"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>My_Tech_Space</title> <link rel="stylesheet" href="/templates/default/A.js,,_jquery-ui,,_jquery-ui.css,,qv==1716373649+css,,_jquery-ui-autocomplete-with-clear-button.css,,qv==1653394431,Mcc.vhiUfGGYFV.css.pagespeed.cf.QGc-rjysGC.css"/> <link rel="stylesheet" href="/templates/default/css/A.colorbox.css,qv=1653394431.pagespeed.cf.8aH_THDIRe.css"> <link rel="stylesheet" href="/templates/default/js/perfect-scrollbar/css/perfect-scrollbar.css?v=1653394431"> <link rel="stylesheet" href="/templates/default/js/dataTables/datatables.min.css"> <style>.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}</style> <link rel="stylesheet" href="/templates/default/js/tippy,_animations,_shift-away.css+tippy,_themes,_material.css+selectize,_selectize.css.pagespeed.cc.reUUDdfFQp.css"/> <link rel="stylesheet" href="/templates/default/css/style_campus.css?v=1733386539"> <link href="/templates/default/css/A.print.css,qv=1727692400.pagespeed.cf.nESW12Wjjy.css" media="print" rel="stylesheet" type="text/css"/>  <script src="/templates/default/js/jquery.js?v=1716373649"></script> <script src="/templates/default/js/jquery-ui/jquery-ui.min.js?v=1716373649"></script> <script src="/templates/default/js/jquery-ui-autocomplete-with-clear-button.js"></script> <script src="/templates/default/js/tippy/popper.min.js"></script> <script src="/templates/default/js/tippy/tippy.umd.min.js"></script> <script src="/templates/default/js/colorbox/jquery.colorbox-min.js"></script> <script src="/templates/default/js/fontawesome6/all.min.js?v=1740482824"></script> <script src="/templates/default/js/perfect-scrollbar/dist/perfect-scrollbar.js"></script> <script src="/templates/default/js/dataTables/datatables.min.js"></script> <script src="/templates/default/js/dataTables/plugins/moment.min.js?v=1716373649"></script> <script src="/templates/default/js/dataTables/plugins/datetime-spanish-sort.js?v=2"></script> <script src="/templates/default/js/dataTables/plugins/datetime-moment.js"></script> <script src="/templates/default/js/dataTables/plugins/date-euro.js"></script> <script src="/templates/default/js/tinymce/tinymce.min.js?v=1720777134"></script> <script src="/templates/default/js/jquery.knob.js"></script> <script src="/templates/default/js/jQuery-File-Upload/js/jquery.iframe-transport.js"></script> <script src="/templates/default/js/jQuery-File-Upload/js/jquery.fileupload.js"></script> <script src="/templates/default/js/selectize/selectize.js"></script> <script src="/templates/default/js/utils.js?v=1730128957"></script> <script> function saveUserConection(){ id_campus_actual=""; id_aula_actual=""; id_aula_entrega_actual=""; $.ajax({ dataType: "json", url: "/api/saveUserConection/", data: { id_campus: id_campus_actual, id_aula: id_aula_actual, id_aula_entrega:id_aula_entrega_actual }, method: "POST" }); var interval = setTimeout(saveUserConection, 60000); // pongo 3 ceros porque son milisegundos } $( function() { ///* JS COMUN TODAS LAS PAGINAS ***/ // tiempo conexi贸n $("body").on("click",".show_password", function(event) { $(this).parent().find("input").prop("type", "text"); $(this).hide(); $(this).parent().find(".hide_password").show(); }); $("body").on("click",".hide_password", function(event) { $(this).parent().find("input").prop("type", "password"); $(this).hide(); $(this).parent().find(".show_password").show(); }); // a帽ado el t铆tulo en el elemnto padre $(".ellipsisTitle").each(function() { $(this).parent().prop("title",$(this).text()); }); // cambiado tipsy por tippy https://atomiks.github.io/tippyjs/ tippy('.tooltip', { //content: 'Tooltip', animation: 'shift-away', // si se cambia cargar el css correspondiente //content: (reference) => reference.getAttribute('title'), content(reference) { // para que quite el title para que no salga el del tippy y el del navegador const title = reference.getAttribute('title') reference.removeAttribute('title') return title }, allowHTML: true, inertia: true, theme: 'material', // si se cambia cargar el css correspondiente delay: [null, 100], // show default hide 100ms maxWidth: '500px', // se puede limitar pero puedo hacer que no haya max width poniendo 'none' default es 350 //followCursor: true, trigger:'mouseenter ' // por defecto es mousenter y focus, pero si dejo focus si donde hay tooltip tambi茅n abro colorbox, al cerrar colorbox hace foco sobre el elemento clicado y vuelve a abrirse el tooltip }); // se usa para capa de destinatarios del directorio de citm tippy('.tooltipAmple', { //content: 'Tooltip', animation: 'shift-away', // si se cambia cargar el css correspondiente //content: (reference) => reference.getAttribute('title'), content(reference) { // para que quite el title para que no salga el del tippy y el del navegador const title = reference.getAttribute('title') reference.removeAttribute('title') return title }, allowHTML: true, inertia: true, theme: 'material', // si se cambia cargar el css correspondiente delay: [null, 100], // show default hide 100ms maxWidth: '870px', // se puede limitar pero puedo hacer que no haya max width poniendo 'none' default es 350 placement: 'bottom', // fuerzo siempre abajo //followCursor: true, trigger:'mouseenter ' // por defecto es mousenter y focus, pero si dejo focus si donde hay tooltip tambi茅n abro colorbox, al cerrar colorbox hace foco sobre el elemento clicado y vuelve a abrirse el tooltip }); // para que puedan clicar dentro del tooltip y al hacer hover no se cierre tippy('.tooltip_fix', { //content: 'Tooltip', interactive: true,// para que puedas interactuar animation: 'shift-away', // si se cambia cargar el css correspondiente //theme: 'material', // si se cambia cargar el css correspondiente theme:'tooltip_fix', //!! IMPORTANTE append to, esto se ha a帽adido porque si no lo pongo a帽ade el div del tooltip justo despues del elemento y si lo pongo en un sitio que tiene estilo heredado, entonces le afecta ese estilo y no carga bien el tooltip appendTo: () => document.body, // Inserta el tooltip en el body //content: (reference) => reference.getAttribute('title'), content(reference) { // para que quite el title para que no salga el del tippy y el del navegador const title = reference.getAttribute('title') reference.removeAttribute('title') return title }, allowHTML: true, inertia: true, delay: [null, 100], // show default hide 100ms maxWidth: '700px', // se puede limitar pero puedo hacer que no haya max width poniendo 'none' default es 350 // max witdh y maxheight lo pongo en el css de tooltip_fix y tambi茅n hago que haga scroll si es m谩s grande //followCursor: true, }); // inicializaci貌n scroll interno de slimscroll if($('#menu_vertical').length>0) { const scrollObject = new PerfectScrollbar('#menu_vertical', { // minScrollbarLength: 20, suppressScrollX : true, swipePropagation: false }); } // scroll interno notificaciones if($('.warnings .tooltip_page').length>0) { const scrollObject = new PerfectScrollbar('.warnings .tooltip_page .scroll', { // minScrollbarLength: 20, suppressScrollX : true, swipePropagation: false }); } // cambiar estados de iconos $("body").on( "click",".icon_change_state",function(event) { if($(this).hasClass("icon_disabled")) // estaba deshabilitado y lo voy a poner habilitado { $(this).removeClass("icon_disabled"); $(this).attr('title',$(this).attr('title_on')); $(this).find("input").val("1"); } else { console.log("no tiene disabled"); $(this).addClass("icon_disabled"); $(this).attr('title',$(this).attr('title_off')); $(this).find("input").val("0"); } // cambio title de tooltip $(this).tooltip( "option", "content", $(this).attr('title') ); }); // para que los botones dentro de links funcionan con IE $("a:not(.shadowbox) > input:button").not(".shadowbox").on('click', function() { location.href = $(this).closest("a").attr("href"); }); inicialitza_shadowbox(); // ponerlo despu茅s del $("a:not(.shadowbox) // cierro cualquier notificacion si clico y su padre no es tooltip_page $(window).click(function(event) { if ($(event.target).closest('.tooltip_page').length==0) // si clico fuera de un tooltip page $(".tooltip_page").hide(); }); // para cerrar el colorbox con bot贸n $(document).on('click','.tancarColorbox', function () { //parent.$.colorbox.close(); //no funciona $("#cboxClose").click(); // por si est谩 en el popup el bot贸n $("#cboxClose",parent.document).click(); // por si est谩 en el padre el bot贸n (lo normal) }); // utilizar containerclipboard y pillar id de atributo copyFrom , despues si es input pillar val y sino pillar html $(".containerclipboard").on( "click", function() { id_copiar=$(this).attr("copyFrom"); elem_copiar=$("#"+id_copiar); if(elem_copiar.prop('nodeName')=="INPUT") { elem_copiar.select(); } else { $("body").append("<input type='text hidden' id='tmp_clipboard'>"); $("#tmp_clipboard").val($(elem_copiar).html()); $("#tmp_clipboard").select(); } document.execCommand("copy"); if(elem_copiar.prop('nodeName')!="INPUT") $("#tmp_clipboard").remove(); alert("Copied to clipboard"); }); }); </script> <script>$(function(){$(".boto_envia").click(function(){var error_omplir_camps="You must fill in all mandatory fields";var error_email="The email address is incorrect";if(!validateRequiredFields(error_omplir_camps))return false;if(!validateEmailFields(error_email))return false;$("#formulari").submit();});});</script> </head> <body> <noscript></noscript> <div class="content content_popup "> <div style="max-width: 700px;"> <div class="sectionTitle">Login and password recovery</div> <p>To use this service you must have an email address with your personal details on the Campus Virtual.</p> <p>Fill in the following details to process your application</p> <form action="" method="post" id="formulari" name="formulari"> <div class="placeholder_persistent_container"> <input type="search" id="nom" name="nom" autocomplete="off" class="required" style="width:100%" value="" required> <label for="nom" class="placeholder_persistent">Name and surname *</label> </div> <div class="placeholder_persistent_container"> <input type="search" id="email" name="email" autocomplete="off" class="required email" style="width:100%" value="" required> <label for="email" class="placeholder_persistent">E-mail *</label> </div> <div class="placeholder_persistent_container"> <input type="search" id="login" name="login" autocomplete="off" class="" style="width:100%" value="" required> <label for="login" class="placeholder_persistent">Campus user name (if you remember it)</label> </div> * Mandatory fields <br><br> <div class="boto_envia button great right">Send</div> <div class="button great right tancarColorbox" onclick="window.close()">Close</div> <br> </form> </div> </div> <input type="hidden" id="csrfp_hidden_data_token" value="CSRFP_TOKEN_NEW"> <input type="hidden" id="csrfp_hidden_data_urls" value='[]'><script type="text/javascript" src="https://campus.talent.upc.edu/vendor/owasp/csrf-protector-php/js/csrfprotector.js,qv=1721027404.pagespeed.jm.Bm5lb_y4Wz.js"></script> </body> </html>