{"id":602,"date":"2023-10-17T00:01:36","date_gmt":"2023-10-16T22:01:36","guid":{"rendered":"https:\/\/www.ouagroup.com\/?page_id=602"},"modified":"2025-12-03T11:21:08","modified_gmt":"2025-12-03T10:21:08","slug":"treballa","status":"publish","type":"page","link":"https:\/\/www.ouagroup.com\/es\/treballa\/","title":{"rendered":"Treballa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"602\" class=\"elementor elementor-602\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-825108d e-con-full e-flex e-con e-parent\" data-id=\"825108d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ea93907 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ea93907\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7607800 e-con-full e-flex e-con e-child\" data-id=\"7607800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f0fe96 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2f0fe96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Treballa<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f8d898 e-con-full e-flex e-con e-child\" data-id=\"9f8d898\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c751a elementor-widget elementor-widget-text-editor\" data-id=\"61c751a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El nostre equip est\u00e0 en constant creixement, i sempre estem a la recerca de nous talents, per aix\u00f2 donem la benvinguda a sol\u00b7licituds espont\u00e0nies.<\/p><p>\u00a0<\/p><p>Si creus que el teu perfil podria ajustar-se a com treballem des d&#8217;OUA, t&#8217;animem a completar el nostre formulari de sol\u00b7licitud en l\u00ednia. Revisarem totes les sol\u00b7licituds rebudes i\u00a0contactarem amb tu\u00a0en cas que sorgeixi una posici\u00f3 adequada.<\/p><p>\u00a0<\/p><p>Valorem el teu inter\u00e8s\u00a0a\u00a0unir-te al nostre equip i apreciem la teva iniciativa per formar part de la nostra xarxa de talents potencials.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99aa818 elementor-widget__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"99aa818\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Formulari Treballa\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"602\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"99aa818\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Treballa\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"602\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNom i Cognoms\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Nom i cognoms\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tCorreu electr\u00f2nic\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Correu electr\u00f2nic\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_7621968 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_7621968\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tDepartament\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-caret-down\"><\/i>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_7621968]\" id=\"form-field-field_7621968\" class=\"elementor-field-textual elementor-size-sm\">\n\t\t\t\t\t\t\t\t\t<option value=\"Departament\" selected=\"selected\">Departament<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Administraci\u00f3\">Administraci\u00f3<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Arquitectura\">Arquitectura<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Urbanisme\">Urbanisme<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Enginyeria\">Enginyeria<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tObservacions \t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Observacions\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-upload elementor-field-group elementor-column elementor-field-group-field_a24e219 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_a24e219\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tAdjuntar CV\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input type=\"file\" name=\"form_fields[field_a24e219]\" id=\"form-field-field_a24e219\" class=\"elementor-field elementor-size-sm  elementor-upload-field\" data-maxsize=\"2\" data-maxsize-message=\"\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb884c3 elementor-widget elementor-widget-html\" data-id=\"cb884c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  #hubspot-custom-form {\n    max-width: 600px;\n    font-family: sans-serif;\n    color: white;\n    transition: max-height 2.5s ease, opacity 2.5s ease, padding 2.5s ease;\n    overflow: hidden;\n    max-height: 2000px;\n    opacity: 1;\n    padding: 1rem;\n  }\n\n  label {\n    display: block;\n    margin-top: 1rem;\n    margin-bottom: 0.25rem;\n    color: white;\n  }\n\n  input,\n  select,\n  textarea {\n    width: 100%;\n    padding: 0.5rem;\n    background: black;\n    border: 1px solid white;\n    border-radius: 4px;\n    font-size: 1rem;\n    color: white;\n    box-sizing: border-box;\n    transition: background-color 0.3s ease, color 0.3s ease;\n    height: 2.5rem;\n    line-height: 2rem;\n  }\n\n  select,\n  textarea {\n    background-color: white;\n    color: black;\n  }\n\n  textarea {\n    height: 5rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n    resize: vertical;\n  }\n\n  select option {\n    background: black;\n    color: white;\n  }\n\n  input:valid,\n  select:valid,\n  textarea:valid,\n  input:not(:placeholder-shown),\n  select:not([value=\"\"]),\n  textarea:not(:placeholder-shown) {\n    background-color: white;\n    color: black;\n    border-color: white;\n  }\n\n  select:focus,\n  input:focus,\n  textarea:focus {\n    outline: none;\n    border-color: white;\n    background-color: white;\n    color: black;\n  }\n\n  .error-message {\n    color: #ff8888;\n    font-size: 0.85rem;\n    margin-top: 0.25rem;\n    display: none;\n  }\n\n  .show-error {\n    display: block;\n  }\n\n  button[type=\"submit\"] {\n  margin-top: 1.5rem;\n  background-color: #f0f0f0;\n  color: black;\n  padding: 0.75rem 1.5rem;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  cursor: pointer;\n  font-weight: bold;\n  font-size: 1rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}\n\nbutton[type=\"submit\"]:hover {\n  background-color: #e0e0e0;\n  color: black;\n  border-color: #999;\n}\n\nbutton[type=\"submit\"]:focus,\nbutton[type=\"submit\"]:active {\n  background-color: #f0f0f0;\n  color: black;\n  border-color: #ccc;\n  outline: none;\n  box-shadow: none;\n}\n\n\n  #form-response {\n    margin-top: 1rem;\n    font-size: 1.1rem;\n    color: white;\n    opacity: 0;\n    transition: opacity 1.5s ease;\n  }\n\n  .file-upload-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    margin-top: 1rem;\n  }\n\n  .custom-file-label {\n    background-color: white;\n    color: black;\n    padding: 0.5rem 1rem;\n    border-radius: 4px;\n    cursor: pointer;\n    font-weight: bold;\n    display: inline-block;\n    user-select: none;\n  }\n\n  #file-name {\n    font-size: 0.9rem;\n    color: #ccc;\n    min-width: 180px;\n  }\n\n  .loader {\n    border: 3px solid #999;\n    border-top: 3px solid transparent;\n    border-radius: 50%;\n    width: 18px;\n    height: 18px;\n    animation: spin 1s linear infinite;\n    display: none;\n  }\n\n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n<\/style>\n\n<form id=\"hubspot-custom-form\" novalidate>\n  <div style=\"display: flex; gap: 1rem;\">\n    <div style=\"flex: 1;\">\n      <label for=\"firstname\">Nom *<\/label>\n      <input type=\"text\" name=\"firstname\" id=\"firstname\" required placeholder=\" \" \/>\n      <div class=\"error-message\" id=\"error-firstname\">El camp Nom \u00e9s obligatori.<\/div>\n    <\/div>\n    <div style=\"flex: 1;\">\n      <label for=\"lastname\">Cognoms *<\/label>\n      <input type=\"text\" name=\"lastname\" id=\"lastname\" required placeholder=\" \" \/>\n      <div class=\"error-message\" id=\"error-lastname\">El camp Cognoms \u00e9s obligatori.<\/div>\n    <\/div>\n  <\/div>\n\n  <label for=\"email\">Correu electr\u00f2nic *<\/label>\n  <input type=\"email\" name=\"email\" id=\"email\" required placeholder=\" \" \/>\n\n  <label for=\"departament\">Departament<\/label>\n  <select name=\"departament\" id=\"departament\">\n    <option value=\"\">Departament<\/option>\n    <option value=\"Administraci\u00f3\">Administraci\u00f3<\/option>\n    <option value=\"Arquitectura\">Arquitectura<\/option>\n    <option value=\"Urbanisme\">Urbanisme<\/option>\n    <option value=\"Enginyeria\">Enginyeria<\/option>\n  <\/select>\n\n  <label for=\"message\">Observacions<\/label>\n  <textarea name=\"message\" id=\"message\" placeholder=\" \"><\/textarea>\n\n  <label for=\"cv-upload\">Curr\u00edculum Vitae *<\/label>\n  <div class=\"file-upload-wrapper\">\n    <label for=\"cv-upload\" class=\"custom-file-label\">Tria un fitxer<\/label>\n    <span id=\"file-name\">No hi ha cap fitxer seleccionat<\/span>\n    <input type=\"file\" name=\"cv\" id=\"cv-upload\" accept=\".pdf,.doc,.docx\" style=\"display: none;\" required \/>\n  <\/div>\n  <div class=\"error-message\" id=\"error-cv\">Cal seleccionar un fitxer per al Curr\u00edculum Vitae.<\/div>\n\n  <button type=\"submit\">\n    Enviar\n    <div id=\"form-loader\" class=\"loader\" aria-hidden=\"true\"><\/div>\n  <\/button>\n<\/form>\n\n<div id=\"form-response\" role=\"alert\" aria-live=\"polite\"><\/div>\n\n<script>\n  const form = document.getElementById(\"hubspot-custom-form\");\n  const fileInput = document.getElementById(\"cv-upload\");\n  const fileNameSpan = document.getElementById(\"file-name\");\n  const responseEl = document.getElementById(\"form-response\");\n  const loader = document.getElementById(\"form-loader\");\n  const errorFirstname = document.getElementById(\"error-firstname\");\n  const errorLastname = document.getElementById(\"error-lastname\");\n  const errorCV = document.getElementById(\"error-cv\");\n\n  fileInput.addEventListener(\"change\", () => {\n    const file = fileInput.files[0];\n    fileNameSpan.textContent = file ? file.name : \"No hi ha cap fitxer seleccionat\";\n\n    if (file) {\n      fileInput.setCustomValidity(\"\");\n      errorCV.classList.remove(\"show-error\");\n      fileNameSpan.style.color = \"white\";\n      document.querySelector(\".custom-file-label\").style.backgroundColor = \"white\";\n      document.querySelector(\".custom-file-label\").style.color = \"black\";\n    } else {\n      errorCV.classList.add(\"show-error\");\n    }\n  });\n\n  form.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n    responseEl.style.opacity = 0;\n    responseEl.textContent = \"\";\n\n    let valid = true;\n\n    if (!form.firstname.value.trim()) {\n      errorFirstname.classList.add(\"show-error\");\n      form.firstname.focus();\n      valid = false;\n    } else {\n      errorFirstname.classList.remove(\"show-error\");\n    }\n\n    if (!form.lastname.value.trim()) {\n      errorLastname.classList.add(\"show-error\");\n      if (valid) form.lastname.focus();\n      valid = false;\n    } else {\n      errorLastname.classList.remove(\"show-error\");\n    }\n\n    if (!fileInput.files.length) {\n      errorCV.classList.add(\"show-error\");\n      if (valid) fileInput.focus();\n      valid = false;\n    } else {\n      errorCV.classList.remove(\"show-error\");\n    }\n\n    if (!valid) return;\n\n    loader.style.display = \"inline-block\";\n\n    const file = fileInput.files[0];\n    const reader = new FileReader();\n    reader.readAsArrayBuffer(file);\n\n    reader.onload = (f) => {\n      const urlUpload = \"https:\/\/script.google.com\/macros\/s\/AKfycbwIV48yAaxOusk4Nd6JayF1d8_-i97suYg5RgoRX_CEPZvHYrl68qj5yhXXUmZnndZm\/exec\";\n\n      const qs = new URLSearchParams({\n        filename: file.name,\n        mimeType: file.type,\n      });\n\n      fetch(`${urlUpload}?${qs}`, {\n        method: \"POST\",\n        body: JSON.stringify([...new Int8Array(f.target.result)]),\n      })\n        .then((res) => res.json())\n        .then((data) => {\n          const fileUrl = data?.hubspot?.url;\n          const fileId = data?.hubspot?.id;\n          const email = form.email.value;\n\n          if (!fileUrl || !fileId || !email) throw new Error(\"Falten dades per continuar\");\n\n          const portalId = \"145809628\";\n          const formId = \"b28b4a85-f35e-4197-8900-0a44561e7bf8\";\n          const endpoint = `https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/${portalId}\/${formId}`;\n\n          const formData = {\n            fields: [\n              { name: \"firstname\", value: form.firstname.value },\n              { name: \"lastname\", value: form.lastname.value },\n              { name: \"email\", value: email },\n              { name: \"departament\", value: form.departament.value },\n              { name: \"message\", value: form.message.value },\n              { name: \"curriculum_vitae\", value: fileUrl }\n            ],\n            context: {\n              pageUri: window.location.href,\n              pageName: document.title,\n            },\n          };\n\n          return fetch(endpoint, {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application\/json\" },\n            body: JSON.stringify(formData),\n          })\n          .then((res) => {\n            if (!res.ok) throw new Error(\"Error en l'enviament del formulari\");\n            return res;\n          })\n          .then(() => {\n            const associationUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbwqPWQJeMTGbrVHYZwvDptNh-lOwV6bma0UNZYDEEcb_7JGAwWsAnWzwT-bRPX8EHtI\/exec\";\n            const params = new URLSearchParams({ email, fileId });\n            return fetch(`${associationUrl}?${params.toString()}`, { method: \"GET\" });\n          })\n          .then(() => {\n            loader.style.display = \"none\";\n            form.reset();\n            fileNameSpan.textContent = \"No hi ha cap fitxer seleccionat\";\n            document.querySelector(\".custom-file-label\").style.backgroundColor = \"white\";\n            document.querySelector(\".custom-file-label\").style.color = \"black\";\n            responseEl.textContent = \"El vostre enviament ha estat satisfactori.\";\n            responseEl.style.opacity = 1;\n          });\n        })\n        .catch((err) => {\n          console.error(err);\n          loader.style.display = \"none\";\n          responseEl.textContent = \"Hi ha hagut un error.\";\n          responseEl.style.opacity = 1;\n        });\n    };\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c2fd9b e-con-full e-flex e-con e-child\" data-id=\"7c2fd9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Treballa El nostre equip est? en constant creixement, i sempre estem a la recerca de nous talents, per aix? donem la benvinguda a sol?licituds espont?nies. ? Si creus que el teu perfil podria ajustar-se a com treballem des d&#8217;OUA, t&#8217;animem a completar el nostre formulari de sol?licitud en l?nia. Revisarem totes les sol?licituds rebudes i?contactarem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-602","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/pages\/602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":109,"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/pages\/602\/revisions"}],"predecessor-version":[{"id":5975,"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/pages\/602\/revisions\/5975"}],"wp:attachment":[{"href":"https:\/\/www.ouagroup.com\/es\/wp-json\/wp\/v2\/media?parent=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}