Simon ATUYER

Bonjour, 

Première question : Est ce qu'avec votre méthode, nous pouvons automatiquement mettre un utilisateur (agent light) en CC d'un ticket lorsqu'un coche du formulaire est coché (coche demandant l'aide de cet utilisateur) ? Tous les tickets/demandes reçus ne devant pas être traité par cet utilisateur. Seulement les demandes où le client coche une case du formulaire.

Deuxième question : Est-il possible de rendre les retours reçus de cet agent light en note interne en note publique ? Cet utilisateur ne réponds que par mail au ticket qu'il reçoit et ne se connecte pas a Zendesk directement. 

Merci pour votre aide

Bonjour, 

Première question : Avez votre méthode peut on ajouter un utilisateur (agent light) automatique en CC lorsque nous cochons une case du formulaire ? 

Deuxième question: peut on afficher les réponses d'un agent light en publique et non en note interne ? (je précise que cet agent light ne se connecte pas sur Zendesk directement mais répond par mail au ticket reçu). 

Merci pour votre aide

Hi Sam,

I tried the code, but it doesn't work. Either I manage to hide the form in the drop-down list, but when I access the form via my shortcut placed in the header and I fill it out, at the time of sending, I get the error described upper. Either way, I just can't make it disappear. My goal is for it to be invisible in the drop-down list but accessible in my shortcut

Can you help me?

Bonjour Ifra Saqlain , 

J'ai suivi vos indications mais je n'arrive pas a ajouter aux champs “Sujet” et Description" la notion suivante : Demande de création de compte de (champ Nom) (Champ prénom) :

Mon script JS : 

  // Vérifie si l'URL contient le numéro spécifique du formulaire
 if (window.location.href.indexOf("18445823651613") > -1) { 
     // Cacher les éléments du formulaire
    document.querySelector('.request_subject').style.display = "none";
     document.querySelector('.request_description').style.display = "none"; 
     document.querySelector('.request_cc_emails').style.display = "none";   
     
     // Sélection de l'élément conteneur des pièces jointes
     var uploadContainer = document.querySelector('#upload-dropzone');
     // Cacher l'élément conteneur des pièces jointes
     uploadContainer.style.display = "none";
     
     // Sélection de l'élément contenant le libellé des pièces jointes
     var labelElement = document.querySelector('label[for="request-attachments"]');
     // Cacher l'élément contenant le libellé des pièces jointes
     labelElement.style.display = "none"; 
     
     // Ajouter les titres aux champs du formulaire
     // Titre pour les champs identité
     var nomUtilisateurTitle = document.createElement('h3');
     nomUtilisateurTitle.textContent = 'Identité :';
     nomUtilisateurTitle.id = 'titre_nom_utilisateur';
     document.querySelector('.request_custom_fields_18445875745437').parentNode.insertBefore(nomUtilisateurTitle, document.querySelector('.request_custom_fields_18445875745437'));

     // Ajouter un saut de ligne avant le titre Nom et prénom du manager
     var lineBreak = document.createElement('br');
     document.querySelector('.request_custom_fields_18460920253469').parentNode.insertBefore(lineBreak, document.querySelector('.request_custom_fields_18460920253469'));

     // Titre pour le champ Materiel Necessaire
     var nomMaterielNecessaireTitle = document.createElement('h3');
     nomMaterielNecessaireTitle.textContent = 'Materiels et applications nécéssaires :';
     nomMaterielNecessaireTitle.id = 'titre_nom_prenom_manager';
     document.querySelector('.request_custom_fields_18460920253469').parentNode.insertBefore(nomMaterielNecessaireTitle, document.querySelector('.request_custom_fields_18460920253469'));
     
     // Préremplissage des champs "sujet" et "description"
     var nom = document.querySelector('.request_custom_fields_18445875745437 input').value;
     var prenom = document.querySelector('.request_custom_fields_18445894528285 input').value;
     var sujet = "Création d'un compte siège - " + nom + " " + prenom;
     var description = "Création d'un compte siège - " + nom + " " + prenom;
     document.querySelector('.request_subject input').value = sujet;
     document.querySelector('.request_description textarea').value = description;
   
 };

Pouvez vous m'aider ? 

Edit : je suis finalement passer comme cela :

$(document).ready(function() {
   var ticketForm = location.search.split('ticket_form_id=')[1];
   if(ticketForm == 18445823651613) {
   // Ajouter des titres aux champs
   $('.form-field.request_custom_fields_18445875745437').prepend('

Identité :

Materiels et applications nécéssaires :

Et c'est Ok ! 

Par contre, est il possible de masquer un formulaire dans la liste déroulante tout en gardant un raccourcis dans l'en-tête ? 

Merci par avance pour vos retours !

Hello,

I am trying to make the attachment mandatory in my form, without success.

I followed this guide: https://support.zendesk.com/hc/fr/community/posts/4409515169946-Requiring-a-ticket-attachment-if-a-particular-dropdown-option-is-selected

But my code doesn't seem to work, it's this one added at the bottom of the script.js:

$(document).ready(function () {
    
  // Function to start observing node for mutations
var startObserveMutations = function (nodeSelector, options, callbackFunction) {
var node = document.querySelector(nodeSelector);
if (node) {
   var observer = new MutationObserver(callbackFunction);
   observer.observe(node, options);
  return observer;
  }
};

// Callback function to execute when mutations in form attachments or dropdown are observed: 
// clear or select Attachment checkbox according to dropdown
var mutationObservedForm = function (mutationsList) {
  mutationsList.forEach(function (mutation) {
    if (mutation.type == 'childList') {
      setFormAttachmentCheckbox();
    }
  })};
          
// Define some variables for requiring form attachments
var attachmentCheckboxField = 'request_custom_fields_15233785880850';
var attachmentCheckboxId = '#' + attachmentCheckboxField;
var attachmentErrorNotification = 'Test';
var formDropdownClass = '.request_custom_fields_15106539093266';
var formObserveMutationOptions = { childList: true, subtree: true };

// Clear or select checkbox according to dropdown and attachments:
// Set Attachment checkbox if no attachments required, or if attachments are required and at least one is uploaded, otherwise clear it
function setFormAttachmentCheckbox() {
  if (isFormAttachmentRequired()) {
    if ($('#request-attachments-pool .upload-item').length) {
      selectCheckbox(attachmentCheckboxId);
    }
    else {
      clearCheckbox(attachmentCheckboxId);
    }
  }
  else {
    selectCheckbox(attachmentCheckboxId);
  }
}

// Return true if dropdown option 'ABCD' is selected
function isFormAttachmentRequired() {
  return $(formDropdownClass + ' a.nesty-input').attr('aria-expanded') &&
         $(formDropdownClass + ' a.nesty-input').text() !=='';
}

// Select checkbox
function selectCheckbox(eltselector) {
  $(eltselector).prop('checked', true);
}

// Clear checkbox
function clearCheckbox(eltselector) {
  $(eltselector).prop('checked', false);
}

// If attachment checkbox field exists:
//   Select the checkbox if attachment is not required
//   Watch for changes to attachments and dropdown
if ($(attachmentCheckboxId).length) {
  if (!isFormAttachmentRequired(formAttachmentDropdownClass)) {
    selectCheckbox(attachmentCheckboxId);
  }
  startObserveMutations('#request-attachments-pool', formObserveMutationOptions, mutationObservedForm);
  startObserveMutations(formDropdownClass, formObserveMutationOptions, mutationObservedForm);
}

// Adjust attachment error notification
var attachmentErrorElt = $('.' + attachmentCheckboxField + ' .notification-error');
if (attachmentErrorElt.length) {
  attachmentErrorElt.text(attachmentErrorNotification);
}
      })

Bonjour,

J’essaie de rendre obligatoire la pièce jointe dans mon formulaire, sans y parvenir.

J'ai suivit ce guide : https://support.zendesk.com/hc/fr/community/posts/4409515169946-Requiring-a-ticket-attachment-if-a-particular-dropdown-option-is-selected

Mais mon code ne semble pas fonctionner, il s'agit de celui ci ajouter tout en bas du script.js :

$(document).ready(function () {
    
  // Function to start observing node for mutations
var startObserveMutations = function (nodeSelector, options, callbackFunction) {
var node = document.querySelector(nodeSelector);
if (node) {
   var observer = new MutationObserver(callbackFunction);
   observer.observe(node, options);
  return observer;
  }
};

// Callback function to execute when mutations in form attachments or dropdown are observed: 
// clear or select Attachment checkbox according to dropdown
var mutationObservedForm = function (mutationsList) {
  mutationsList.forEach(function (mutation) {
    if (mutation.type == 'childList') {
      setFormAttachmentCheckbox();
    }
  })};
          
// Define some variables for requiring form attachments
var attachmentCheckboxField = 'request_custom_fields_15233785880850';
var attachmentCheckboxId = '#' + attachmentCheckboxField;
var attachmentErrorNotification = 'Test';
var formDropdownClass = '.request_custom_fields_15106539093266';
var formObserveMutationOptions = { childList: true, subtree: true };

// Clear or select checkbox according to dropdown and attachments:
// Set Attachment checkbox if no attachments required, or if attachments are required and at least one is uploaded, otherwise clear it
function setFormAttachmentCheckbox() {
  if (isFormAttachmentRequired()) {
    if ($('#request-attachments-pool .upload-item').length) {
      selectCheckbox(attachmentCheckboxId);
    }
    else {
      clearCheckbox(attachmentCheckboxId);
    }
  }
  else {
    selectCheckbox(attachmentCheckboxId);
  }
}

// Return true if dropdown option 'ABCD' is selected
function isFormAttachmentRequired() {
  return $(formDropdownClass + ' a.nesty-input').attr('aria-expanded') &&
         $(formDropdownClass + ' a.nesty-input').text() !=='';
}

// Select checkbox
function selectCheckbox(eltselector) {
  $(eltselector).prop('checked', true);
}

// Clear checkbox
function clearCheckbox(eltselector) {
  $(eltselector).prop('checked', false);
}

// If attachment checkbox field exists:
//   Select the checkbox if attachment is not required
//   Watch for changes to attachments and dropdown
if ($(attachmentCheckboxId).length) {
  if (!isFormAttachmentRequired(formAttachmentDropdownClass)) {
    selectCheckbox(attachmentCheckboxId);
  }
  startObserveMutations('#request-attachments-pool', formObserveMutationOptions, mutationObservedForm);
  startObserveMutations(formDropdownClass, formObserveMutationOptions, mutationObservedForm);
}

// Adjust attachment error notification
var attachmentErrorElt = $('.' + attachmentCheckboxField + ' .notification-error');
if (attachmentErrorElt.length) {
  attachmentErrorElt.text(attachmentErrorNotification);
}
      })