OTRS 3.2.2: Showing/Hiding DynamicFields for Specific Queues

Moderator: crythias

Locked
leo5nidas
Znuny newbie
Posts: 40
Joined: 16 Apr 2012, 02:00
Znuny Version: 3.2.2
Real Name: Fernando Naranjo
Company: Universidad de Zaragoza

OTRS 3.2.2: Showing/Hiding DynamicFields for Specific Queues

Post by leo5nidas »

Dear all,

We have upgraded to OTRS 3.2.2 and we have a problem:

Before the upgrade, in OTRS 3.1.11 we edited the CustomerTicketMessage.dtl in order to show/hide Dynamic Fields for specific queues. The code we added in the last "dtl:js_on_document_complete" section is, as shown in the post
viewtopic.php?f=60&t=8032
the following:

Code: Select all

<!-- dtl:js_on_document_complete -->
<script type="text/javascript">
    Core.Customer.InitFocus();
	
	document.getElementById("DynamicField_ADDPlataforma").className = document.getElementById("DynamicField_ADDPlataforma").className.replace( /(?:^|\s)Validate_Required (?!\S)/g , '' );
	document.getElementById("DynamicField_ADDNombreCurso").className = document.getElementById("DynamicField_ADDNombreCurso").className.replace( /(?:^|\s)Validate_Required (?!\S)/g , '' );
	document.getElementById("DynamicField_ADDCampus").className = document.getElementById("DynamicField_ADDCampus").className.replace( /(?:^|\s)Validate_Required (?!\S)/g , '' );
	document.getElementById("DynamicField_ADDCentroDepartamento").className = document.getElementById("DynamicField_ADDCentroDepartamento").className.replace( /(?:^|\s)Validate_Required (?!\S)/g , '' );
	document.getElementById("DynamicField_ADDColectivo").className = document.getElementById("DynamicField_ADDColectivo").className.replace( /(?:^|\s)Validate_Required (?!\S)/g , '' );
	
	switch ($('#Dest').val() ) { //this is where the queue is relevant (Dest = Queue) 
	case  "5\|\|Anillo Digital Docente::  1.-Gestión de usuarios y cursos ADD":
    case  "6\|\|Anillo Digital Docente::  2.-Apoyo docente al ADD":	// need to slash escape the pipes
      
	  document.getElementById('DynamicField_ADDPlataforma').className += " Validate_Required ";
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'block';
	  document.getElementById('DynamicField_ADDNombreCurso').className += " Validate_Required ";
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'block';
	  document.getElementById('DynamicField_ADDCampus').className += " Validate_Required ";
	  document.getElementById('DynamicField_ADDCampus').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'block';
	  document.getElementById('DynamicField_ADDCentroDepartamento').className += " Validate_Required ";
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'block';
	  document.getElementById('DynamicField_ADDColectivo').className += " Validate_Required ";
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'block';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'block';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'block';
	  
	  document.getElementById('InfoCola').innerHTML = "<a href=\"http://add.unizar.es\" target=\"_blank\">[ Información completa y procedimientos del ADD ]</a>";
	  
	  document.getElementById('DynamicField_SICUZCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'none';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'none';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'none';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'none';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'none';
	  
    break;
	case  "9\|\|Atención al Puesto de Trabajo::  1.-Solicitud de intervención": // need to slash escape the pipes
	  
      document.getElementById('DynamicField_SICUZCampus').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'block';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'block';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'block';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'block';
	  
	  // document.compose.RichText.value = "Enlace con información relativa a este servicio.<br/>Enlace con información a especificar en el ticket."; 
      document.getElementById('InfoCola').innerHTML = "<a href=\"http://webuz.unizar.es/servicios/sicuz2/atencionpuestotrabajo/\" target=\"_blank\">[ Información completa del servicio ]</a>";
	  
	  document.getElementById('DynamicField_ADDPlataforma').className="";
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'none';
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'none';
	  document.getElementById('DynamicField_ADDCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'none';
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'none';
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'none';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'none';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'none';
	  
	break;
	case  "11\|\|Atención al Puesto de Trabajo::  2.-Compra de equipamiento homologado": // need to slash escape the pipes
      document.getElementById('DynamicField_SICUZCampus').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'block';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'block';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'block';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'none';
	  
	  // document.compose.RichText.value = "Enlace con información relativa a este servicio.<br/>Enlace con información a especificar en el ticket."; 
      document.getElementById('InfoCola').innerHTML = "<a href=\"http://webuz.unizar.es/servicios/sicuz2/atencionpuestotrabajo/homologado.html\" target=\"_blank\">[ Formulario necesario e información a cumplimentar para el equipo homologado ]</a>";
	  
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'none';
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'none';
	  document.getElementById('DynamicField_ADDCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'none';
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'none';
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'none';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'none';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'none';
	  
	break;
	case "20\|\|Atención a Aulas Informáticas y Salas de Usuario::  1.-Cambio software o notificar problema": // need to slash escape the pipes
      document.getElementById('DynamicField_SICUZCampus').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'block';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'block';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'block';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'block';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'block';
	  
	  // document.compose.RichText.value = "Enlace con información relativa a este servicio.<br/>Enlace con información a especificar en el ticket."; 
      document.getElementById('InfoCola').innerHTML = "";
	  
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'none';
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'none';
	  document.getElementById('DynamicField_ADDCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'none';
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'none';
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'none';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'none';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'none';
	  
	break;
	case "22\|\|Gestión Universitaria::  1.-Gestión de calidad de las titulaciones":
	  document.getElementById('DynamicField_SICUZCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'none';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'none';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'none';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'none';
	  
	  // document.compose.RichText.value = "Enlace con información relativa a este servicio.<br/>Enlace con información a especificar en el ticket."; 
      document.getElementById('InfoCola').innerHTML = "";
	  
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'none';
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'none';
	  document.getElementById('DynamicField_ADDCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'none';
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'none';
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'none';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'block';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'block';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'block';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'block';
	  
	break;
	default:
	  document.getElementById('DynamicField_SICUZCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZCampus').style.display = 'none';
	  document.getElementById('DynamicField_SICUZEdificioText').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZEdificioText').style.display = 'none';
	  document.getElementById('DynamicField_SICUZUbicacion').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZUbicacion').style.display = 'none';
	  document.getElementById('DynamicField_SICUZNInventarioFactura').style.display = 'none';
      document.getElementById('LabelDynamicField_SICUZNInventarioFactura').style.display = 'none';
	  
	  // document.compose.RichText.value = "Enlace con información relativa a este servicio.<br/>Enlace con información a especificar en el ticket."; 
      document.getElementById('InfoCola').innerHTML = "";
	  
	  document.getElementById('DynamicField_ADDPlataforma').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDPlataforma').style.display = 'none';
	  document.getElementById('DynamicField_ADDNombreCurso').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDNombreCurso').style.display = 'none';
	  document.getElementById('DynamicField_ADDCampus').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCampus').style.display = 'none';
	  document.getElementById('DynamicField_ADDCentroDepartamento').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDCentroDepartamento').style.display = 'none';
	  document.getElementById('DynamicField_ADDColectivo').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDColectivo').style.display = 'none';
	  document.getElementById('DynamicField_ADDProfesorAsignado').style.display = 'none';
      document.getElementById('LabelDynamicField_ADDProfesorAsignado').style.display = 'none';
	  
	  document.getElementById('DynamicField_CalidTitulacDocumentos').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacDocumentos').style.display = 'none';
	  document.getElementById('DynamicField_CalidTitulacEstudios').style.display = 'none';
      document.getElementById('LabelDynamicField_CalidTitulacEstudios').style.display = 'none';
	
    }
	
</script>
		
<!-- dtl:js_on_document_complete -->
This code was working perfectly in OTRS 3.1.11. However, in version 3.2.2 this code is not working anymore.

Please, could you tell me how to make it work in version 3.2.2? It seems that something has changed in the way OTRS deals with javascript in the new version and we don't know what.

Thank you in advance. Regards
OTRS 3.2.2 (production/testing) on Debian 5.04 Lenny with MySQL database
Top
kanishk
Znuny newbie
Posts: 9
Joined: 18 Mar 2013, 14:16
Znuny Version: 3.2.3
Company: WeiDan

Re: OTRS 3.2.2: Showing/Hiding DynamicFields for Specific Qu

Post by kanishk »

Hi

I am facing the similar issue while adding the code in V3.2.3. have you find any solution?

kanishk
Top
Locked

Return to “Help”