CINXE.COM
My_Tech_Space
<!DOCTYPE HTML> <html lang="cat" 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/js/jquery-ui/jquery-ui.css?v=1716373649"> <style>.ui-autocomplete-input-has-clear{padding-right:20px}.ui-autocomplete-input-has-clear::-ms-clear{display:none}.ui-autocomplete-clear{display:inline-block;width:16px;height:16px;text-align:center;cursor:pointer;font-size:16px;color:#007dd1;margin-left:-3px;position:absolute!important;top:-2px!important;right:17px!important;left:unset!important}@media only screen and (max-width:720px){.ui-autocomplete-clear{top:23px!important}}</style> <link rel="stylesheet" href="/templates/default/css/colorbox.css?v=1653394431"> <style>.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear , opacity .2s linear;-webkit-transition:background-color .2s linear , opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear , opacity .2s linear;-webkit-transition:background-color .2s linear , opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps__rail-x:hover,.ps__rail-y:hover,.ps__rail-x:focus,.ps__rail-y:focus{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear , height .2s ease-in-out;-webkit-transition:background-color .2s linear , height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear , width .2s ease-in-out;-webkit-transition:background-color .2s linear , width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } }@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}</style> <link rel="stylesheet" href="/templates/default/js/dataTables,_datatables.min.css+tippy,_tippy.css+tippy,_animations,_shift-away.css+tippy,_themes,_material.css.pagespeed.cc.OQeragZFxu.css"/> <link rel="stylesheet" href="/templates/default/js/selectize/A.selectize.css.pagespeed.cf.I5pgPnu0PF.css"> <link rel="stylesheet" href="/templates/default/css/style_campus.css?v=1727692400"> <link href="/templates/default/css/A.print.css,qv=1727692400.pagespeed.cf.nESW12Wjjy.css" media="print" rel="stylesheet" type="text/css"/> <!--[if IE 9]> <link rel="stylesheet" href="/templates/default/css/ie.css"> <![endif]--> <script src="/templates/default/js/jquery.js,qv=1716373649.pagespeed.jm.T-7rMj-j57.js"></script> <script src="/templates/default/js/jquery-ui/jquery-ui.min.js,qv=1716373649.pagespeed.jm.zMyUNDxQNS.js"></script> <script>//<![CDATA[ ;(function($){$.widget("ui.autocomplete",$.ui.autocomplete,{options:{clearButton:true,clearButtonHtml:'×',clearButtonPosition:{my:"right center",at:"right center"}},_create:function(){var self=this;self._super();if(self.options.clearButton){self._createClearButton();}},_createClearButton:function(){var self=this;self.clearElement=$("<span>").attr("tabindex","-1").addClass("ui-autocomplete-clear").html(self.options.clearButtonHtml).appendTo(self.element.parent());if(self.options.clearButtonPosition!==false&&typeof self.options.clearButtonPosition==='object'){if(typeof self.options.clearButtonPosition.of==='undefined'){self.options.clearButtonPosition.of=self.element;}self.clearElement.position(self.options.clearButtonPosition);}self._on(self.clearElement,{click:function(){self.element.val('').focus();self.element.trigger("change");self._hideClearButton();}});self.element.addClass('ui-autocomplete-input-has-clear');self._on(self.element,{input:function(){if(self.element.val()!==""){self._showClearButton();}else{self._hideClearButton();}}});self._on(self.menu.element,{menuselect:function(){self._showClearButton();}});if(self.element.val()!==""){self._showClearButton();}else{self._hideClearButton();}},_showClearButton:function(){this.clearElement.css({'display':'inline-block'});},_hideClearButton:function(){this.clearElement.css({'display':'none'});}});})(window.jQuery); //]]></script> <script src="/templates/default/js/tippy/popper.min.js.pagespeed.jm.Hm1c-pO1YS.js"></script> <script src="/templates/default/js/tippy/tippy.umd.min.js.pagespeed.jm.1Hsa-dqL9P.js"></script> <script>//<![CDATA[ (function(factory){if(typeof define==="function"&&define.amd){define(["../widgets/datepicker"],factory);}else{factory(jQuery.datepicker);}}(function(datepicker){datepicker.regional.ca={closeText:"Tanca",prevText:"Anterior",nextText:"Seg眉ent",currentText:"Avui",monthNames:["gener","febrer","mar莽","abril","maig","juny","juliol","agost","setembre","octubre","novembre","desembre"],monthNamesShort:["gen","feb","mar莽","abr","maig","juny","jul","ag","set","oct","nov","des"],dayNames:["diumenge","dilluns","dimarts","dimecres","dijous","divendres","dissabte"],dayNamesShort:["dg","dl","dt","dc","dj","dv","ds"],dayNamesMin:["dg","dl","dt","dc","dj","dv","ds"],weekHeader:"Set",dateFormat:"dd/mm/yy",firstDay:1,isRTL:false,showMonthAfterYear:false,yearSuffix:""};datepicker.setDefaults(datepicker.regional.ca);return datepicker.regional.ca;})); //]]></script> <script src="/templates/default/js/colorbox/jquery.colorbox-min.js.pagespeed.jm.VzOT5EhJJP.js"></script> <script src="/templates/default/js/fontawesome6/all.min.js,qv=1693920320.pagespeed.jm.AKSykdq9EA.js"></script> <script src="/templates/default/js/perfect-scrollbar/dist/perfect-scrollbar.js.pagespeed.jm.VCYzN7z7T-.js"></script> <script src="/templates/default/js/dataTables/datatables.min.js.pagespeed.jm.JR3G5py5sz.js"></script> <script src="/templates/default/js/dataTables,_plugins,_moment.min.js,qv==1716373649+dataTables,_plugins,_datetime-spanish-sort.js,qv==2+dataTables,_plugins,_datetime-moment.js+dataTables,_plugins,_date-euro.js+jquery.knob.js.pagespeed.jc.JXxN_VlWvq.js"></script><script>eval(mod_pagespeed_qSdiNGv1XJ);</script> <script>eval(mod_pagespeed_3F6i6e7adE);</script> <script>eval(mod_pagespeed_Yd$wS9PZKN);</script> <script>eval(mod_pagespeed_avZ5srj7Li);</script> <script src="/templates/default/js/tinymce/tinymce.min.js?v=1720777134"></script> <script>eval(mod_pagespeed_t2tEKePVIh);</script> <script src="/templates/default/js/jQuery-File-Upload/js/jquery.iframe-transport.js.pagespeed.jm.Rl94r4l3ij.js"></script> <script src="/templates/default/js/jQuery-File-Upload/js/jquery.fileupload.js.pagespeed.jm.11MVJntCVC.js"></script> <script src="/templates/default/js/selectize/selectize.js.pagespeed.jm.a5VQ1nLpvN.js"></script> <script src="/templates/default/js/utils.js,qv=1730128957.pagespeed.jm.pL8itiyzJk.js"></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("Copiat al portapapers"); }); }); </script> <script>$(function(){$(".boto_envia").click(function(){var error_omplir_camps="Has d\'omplir tots els camps obligatoris";var error_email="L\'adre莽a de correu electr貌nic no 茅s correcta";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">Has oblidat les dades d'acc茅s?</div> <p>Per a utilitzar aquest servei 茅s imprescindible que tinguis una adre莽a de correu informada a les teves dades personals al Campus Virtual.</p> <p>Omple les seg眉ents dades per tramitar la sol路licitud</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">Nom i cognoms *</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">Nom d'usuari del Campus (si el recordes)</label> </div> * Camps obligatoris <br><br> <div class="boto_envia button great right">Enviar</div> <div class="button great right tancarColorbox" onclick="window.close()">Tancar</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>