{"ui":"<div class=\"forms-container\">\n  <div class=\"annonce-detail-form-title sjs-title sjs-text-align-center\">D\u00e9tail d'une annonce<\/div>\n  <form id=\"annonce-detail-form\" name=\"forms annonce-detail-form\" class=\"annonce-detail-form sjs-sizer-col sjs-sizer-gap-30 sjs-all-fieldset-green\">\n    <div class=\"sjs-sticky-ctrl\">\n      <input type=\"submit\" value=\"Postuler\" id=\"btnSubmit\">\n    <\/div>\n\n    <fieldset class=\"sjs-sizer-col sjs-sizer-gap-7\">\n      <legend>Annonce<\/legend>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Secteur d'activit\u00e9: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"secteur_activite\" id=\"secteur_activite\" class=\"secteur_activite sjs-text-align-center\"><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Qualifications: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"qualification\" id=\"qualification\" class=\"qualification sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Intitul\u00e9 du poste: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"libelle\" id=\"libelle\" class=\"libelle sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Profil recherch\u00e9: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"profil_recherche\" id=\"profil_recherche\" class=\"profil_recherche sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Date limite: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"date_limite\" id=\"date_limite\" class=\"date_limite sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Exp\u00e9rience professionnelle: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"exp\" id=\"exp\" class=\"exp sjs-text-align-center\" ><\/span> (ans)\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Age minimum: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"age_min\" id=\"age_min\" class=\"age_min sjs-text-align-center\" ><\/span>  (ans)\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Age maximum: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"age_max\" id=\"age_max\" class=\"age_max sjs-text-align-center\" ><\/span>  (ans)\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Nombre de place disponible: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"place_disponible\" id=\"place_disponible\" class=\"place_disponible sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-row sjs-sizer-wrap sjs-sizer-align-start\">\n        <label for=\"\"><b>Disponibilit\u00e9: <\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <span name=\"disponibilite\" id=\"disponibilite\" class=\"disponibilite sjs-text-align-center\" ><\/span>\n      <\/div>\n      <div class=\"sjs-sizer-col sjs-sizer-nowrap\">\n        <label for=\"\"><b>Description:<\/b><\/label><span class=\"sjs-width-15\"><\/span>\n        <br>\n        <p name=\"description\" id=\"description\" style=\"white-space: pre-line;padding:10px;\"><\/p>\n      <\/div>\n    <\/fieldset>\n\n    <div class=\"sjs-sticky-ctrl\">\n      <input type=\"submit\" value=\"Postuler\">\n      <input type=\"hidden\" name=\"ann-code\">\n    <\/div>\n  <\/form>\n<\/div>\n","process":"\nlet _annCode = 'null';\n(async ()=>{\n  let queryList;\n  let formData;\n  let annCode = null;\n  let row = null;\n  \/\/Si mode modification\n  if(typeof _annCode !== 'undefined') {\n    \/\/change le titre\n    document.querySelector('.annonce-detail-form-title').textContent = \"Detail de l'annonce\";\n    \/\/extrait les donn\u00e9es\n    annCode = JSON.parse(_annCode);\n    \/\/extraction des donn\u00e9es\n    queryList = JSON.stringify(new Array(\n      {link:\"\", column:\"code\", operation:\"=\", value:annCode},\n    ));\n    formData = new FormData();\n    formData.append(\"queryList\", queryList);\n    formData.append(\"rowsPerPage\", 10);\n    await sjs.Socket.connect({\n      method: 'POST',\n      url: 'https:\/\/www.eminence-afrique.net\/scane\/scane\/2\/ann\/_detail_list',\n      data: formData,\n    })\n    .then(rep => {\n      return rep.json();\n    })\n    .then(data => {\n      row = data[\"rows\"][0];\n      document.querySelector(\"input[name='ann-code']\").value = annCode;\n      document.querySelector(\"span[id='secteur_activite']\").textContent = row[\"secteur\"];\n      document.querySelector(\"span[id='qualification']\").textContent = row[\"qualification\"];\n      document.querySelector(\"span[id='profil_recherche']\").textContent = row[\"profil_recherche\"];\n      document.querySelector(\"span[id='libelle']\").textContent = row[\"libelle\"];\n      document.querySelector(\"span[id='date_limite']\").textContent = row[\"date_limite\"];\n      document.querySelector(\"span[id='exp']\").textContent = row[\"experience_professionnel\"];\n      document.querySelector(\"span[id='age_min']\").textContent = row[\"age_min\"];\n      document.querySelector(\"span[id='age_max']\").textContent = row[\"age_max\"];\n      document.querySelector(\"span[id='place_disponible']\").textContent = row[\"place_disponible\"];\n      document.querySelector(\"span[id='disponibilite']\").textContent = row[\"disponibilite\"];\n      document.querySelector(\"p[id='description']\").textContent = row[\"description\"];\n    })\n    .catch(e => {\n      alert(e);\n    })\n  }\n\n  \/\/VALIDATION DU FORAULAIRE\n  document.querySelector(\".annonce-detail-form\").addEventListener(\"submit\", function(e){\n    e.preventDefault();\n    formData = new FormData(this);\n    formData.append(\"ann-code\", annCode);\n    let url = 'https:\/\/www.eminence-afrique.net\/scane\/scane\/2\/ann\/_init_postulate';\n    sjs.Socket.connect({\n      method:'POST',\n      url: url,\n      data: formData,\n    })\n    .then(rep=>{\n      return rep.json();\n    })\n    .then(data=>{\n      \/\/si aucune erreur ou undefined\n      if(!data[\"error\"]){\n        let postulateDlgBox = makeModalWindow(\"Postuler \u00e0 une annonce\");\n        \/\/la vue\n        postulateDlgBox.setContent(data[\"ui\"]).refresh().show();\n        \/\/le process\n        new Function(\"detailDlgBox\", \"postulateDlgBox\", \"annCode\", data[\"process\"])(\n          detailDlgBox,\n          postulateDlgBox,\n          annCode,\n        );\n      }\n      else {\n        alert(data[\"log\"]);\n      }\n    });\n  });\n\n  \n})();\n"}