{"id":9766,"date":"2024-05-24T11:52:37","date_gmt":"2024-05-24T09:52:37","guid":{"rendered":"https:\/\/valaisfilmcommission.ch\/?page_id=9766"},"modified":"2024-05-28T09:24:22","modified_gmt":"2024-05-28T07:24:22","slug":"petites-annonces","status":"publish","type":"page","link":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/","title":{"rendered":"Petites annonces"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9766\" class=\"elementor elementor-9766\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d077f18 e-ecs-flex e-flex e-con-boxed e-con e-parent\" data-id=\"d077f18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb95e0 elementor-widget elementor-widget-text-editor\" data-id=\"7bb95e0\" 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<div>D\u00e9couvrez notre espace \u00ab Petites annonces \u00bb d\u00e9di\u00e9 \u00e0 l\u2019industrie audiovisuelle. C&rsquo;est l\u2019endroit id\u00e9al pour trouver ou partager des opportunit\u00e9s en lien avec votre activit\u00e9.<\/div><div>Les annonces ont une dur\u00e9e d\u2019apparition limit\u00e9e et seront automatiquement supprim\u00e9es \u00e0 partir d\u2019un certain temps.<\/div><div>\u00a0<\/div><div>Vous pouvez <strong><a href=\"https:\/\/valaisfilmcommission.ch\/fr\/formulaire-petites-annonces\/\">publier votre annonce ici,<\/a><\/strong> elle sera trait\u00e9e dans les meilleures d\u00e9lais.<\/div>\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-629a6ac elementor-widget elementor-widget-shortcode\" data-id=\"629a6ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script src=\"https:\/\/valaisfilmcommission.ch\/wp-content\/plugins\/valais-film-petites-annonces\/template\/..\/js\/vue.min.js\"><\/script>\r\n<script src=\"https:\/\/valaisfilmcommission.ch\/wp-content\/plugins\/valais-film-petites-annonces\/template\/..\/js\/axios.min.js\"><\/script>\r\n<script src=\"https:\/\/valaisfilmcommission.ch\/wp-content\/plugins\/valais-film-petites-annonces\/template\/..\/js\/lodash.js\"><\/script>\r\n<style>\r\n  \/* HEADER *\/\r\n\r\n\r\n  \/* RESPONSIVE CSS *\/\r\n  #divWpVue {\r\n    margin-bottom: 100px;\r\n  }\r\n  \r\n  .h2-title {\r\n    margin: 0 !important;\r\n  }\r\n\r\n  h4 {\r\n    color: #525252;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .e-con.e-flex>.e-con-inner {\r\n    padding: 0;\r\n  }\r\n\r\n  .div-annonces-title {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .div-annonce-container {\r\n    background-color: white;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .div-annonces-en-ligne {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  .div_annonce-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    cursor: pointer;\r\n    padding: 12px 0;\r\n    column-gap: 30px;\r\n  }\r\n\r\n  .annonce-title {\r\n    font-weight: 700;\r\n    color: #525252;\r\n    margin: 0 !important;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .div_annonce-header-info {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    gap: 60px;\r\n    position: relative;\r\n    padding-right: 60px;\r\n  }\r\n\r\n\r\n  \/* Annonce content *\/\r\n\r\n  .div_annonce-details {\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    display: none;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    padding-bottom: 15px;\r\n    height: 0;\r\n    overflow: hidden;\r\n    transition: height 2s;\r\n    \/* opacity: 0 !important;\r\n    transition: opacity 4s ease-in-out !important; *\/\r\n  }\r\n\r\n  .div_annonce-details.open {\r\n    \/* opacity: 1 !important;\r\n    transition: opacity 4s ease-in-out !important; *\/\r\n    height: auto;\r\n    display: flex !important;\r\n  }\r\n\r\n  .details-container-info {\r\n    width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/* margin-top: -28px; *\/\r\n  }\r\n\r\n  .details-container-info h4 {\r\n    color: #525252;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin: 0;\r\n  }\r\n\r\n  .details-text {\r\n    color: #525252;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    height: auto;\r\n    width: 100%;\r\n    margin: 0 !important;\r\n    padding-top: 10px;\r\n    white-space: pre-wrap;\r\n  }\r\n\r\n  .publie-par {\r\n    color: #C4C4C4;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    \/* margin-bottom: -10px !important; *\/\r\n    margin: 0 !important;\r\n    line-height: 0.9;\r\n  }\r\n\r\n\r\n  \/* ICONS *\/\r\n\r\n  .icons {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n  }\r\n\r\n  \/* .icon {\r\n    position: absolute;\r\n    right: 0;\r\n    cursor: pointer;\r\n  } *\/\r\n\r\n  .icon-language,\r\n  .icon-date {\r\n    width: 90px;\r\n    font-weight: 700;\r\n    color: #525252;\r\n  }\r\n\r\n  .icon-mail,\r\n  .icon-phone {\r\n    color: #D22E26;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #chevron-down {\r\n    transition: 0.3s ease;\r\n    position: absolute;\r\n    right: 20px;\r\n    cursor: pointer;\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  #chevron-down.open {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  @media screen and (max-width: 767px) {\r\n    .div_annonce-header {\r\n      flex-wrap: wrap;\r\n    }\r\n    .div_annonce-header-info {\r\n      gap: 15px;\r\n      padding-right: 30px;\r\n    }\r\n    .annonce-title {\r\n      padding-right: 16px;\r\n    }\r\n  }\r\n\r\n  \/* style formulaire Infomaniak *\/\r\n  .infm-form {\r\n    background-color: white;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    max-width: 400px;\r\n    margin-top: 24px;\r\n  }\r\n  .infm-form h4 {\r\n    color: #525252;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n    margin-top: 8px;\r\n    text-wrap: balance;\r\n  }\r\n  .inf-input {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 8px;\r\n    margin-block: 8px;\r\n    width: 100%;\r\n  }\r\n  .inf-rgpd {\r\n    font-size: 11px;\r\n    line-height: 120%;\r\n  }\r\n  .infom-input {\r\n    background: #FAFAFA !important;\r\n    border: none !important;\r\n    border-style: none !important;\r\n    border-width: none !important;\r\n    border-color: none !important;\r\n    border-radius: none !important;\r\n    height: 34px !important;\r\n    flex: 1;\r\n  }\r\n  .infom-btn {\r\n    height: 34px !important;\r\n    padding-inline: 16px;\r\n    padding-block: 0px !important;\r\n    border-radius: 5px !important;\r\n }\r\n  .infom-btn[disabled] {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n  }\r\n  .inf-success-message {\r\n    color: #2e7d32;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    margin: 0 0 8px 0;\r\n  }\r\n  .inf-error {\r\n    color: #D22E26;\r\n    font-size: 12px;\r\n    margin-top: 4px;\r\n  }\r\n  .infom-honey {\r\n    position: absolute;\r\n    left: -9999px;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n  }\r\n\r\n<\/style>\r\n\r\n<div id='divWpVue'>  \r\n  <div class=\"div-annonces-title\">\r\n    <h2 class=\"h2-title\">Annonces en lignes<\/h2>\r\n    <div class=\"div-annonces-en-ligne\">\r\n      \r\n      <div class=\"div-annonce-container\" v-for=\"annonce in annonces\">\r\n        <!-- ANNONCE HEADER -->\r\n        <div class=\"div_annonce-header\" @click=\"toogleAnnonce(annonce)\">\r\n          <p class=\"annonce-title\">{{ getTitre(annonce) }}<\/p>\r\n          <div class=\"div_annonce-header-info\">\r\n            <div class=\"icon-date icons\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M6 12C4.325 12 2.90625 11.4187 1.74375 10.2563C0.58125 9.09375 0 7.675 0 6C0 4.3375 0.58125 2.92188 1.74375 1.75313C2.90625 0.584375 4.325 0 6 0C7.6625 0 9.07812 0.584375 10.2469 1.75313C11.4156 2.92188 12 4.3375 12 6C12 7.675 11.4156 9.09375 10.2469 10.2563C9.07812 11.4187 7.6625 12 6 12ZM6 10.5C7.25 10.5 8.3125 10.0625 9.1875 9.1875C10.0625 8.3125 10.5 7.25 10.5 6C10.5 4.75 10.0625 3.6875 9.1875 2.8125C8.3125 1.9375 7.25 1.5 6 1.5C4.75 1.5 3.6875 1.9375 2.8125 2.8125C1.9375 3.6875 1.5 4.75 1.5 6C1.5 7.25 1.9375 8.3125 2.8125 9.1875C3.6875 10.0625 4.75 10.5 6 10.5ZM7.70625 8.79375L8.775 7.725L6.75 5.7V3H5.25V6.31875L7.70625 8.79375Z\" fill=\"#525252\" \/>\r\n              <\/svg>\r\n              <span class=\"date\">{{ formatDate(annonce.date_fin_validite) }}<\/span>\r\n            <\/div>\r\n            <div class=\"icon-language icons\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M6 12C5.18 12 4.405 11.8425 3.675 11.5275C2.945 11.2125 2.3075 10.7825 1.7625 10.2375C1.2175 9.6925 0.7875 9.055 0.4725 8.325C0.1575 7.595 0 6.82 0 6C0 5.17 0.1575 4.3925 0.4725 3.6675C0.7875 2.9425 1.2175 2.3075 1.7625 1.7625C2.3075 1.2175 2.945 0.7875 3.675 0.4725C4.405 0.1575 5.18 0 6 0C6.83 0 7.6075 0.1575 8.3325 0.4725C9.0575 0.7875 9.6925 1.2175 10.2375 1.7625C10.7825 2.3075 11.2125 2.9425 11.5275 3.6675C11.8425 4.3925 12 5.17 12 6C12 6.82 11.8425 7.595 11.5275 8.325C11.2125 9.055 10.7825 9.6925 10.2375 10.2375C9.6925 10.7825 9.0575 11.2125 8.3325 11.5275C7.6075 11.8425 6.83 12 6 12ZM6 10.77C6.26 10.41 6.485 10.035 6.675 9.645C6.865 9.255 7.02 8.84 7.14 8.4H4.86C4.98 8.84 5.135 9.255 5.325 9.645C5.515 10.035 5.74 10.41 6 10.77ZM4.44 10.53C4.26 10.2 4.1025 9.8575 3.9675 9.5025C3.8325 9.1475 3.72 8.78 3.63 8.4H1.86C2.15 8.9 2.5125 9.335 2.9475 9.705C3.3825 10.075 3.88 10.35 4.44 10.53ZM7.56 10.53C8.12 10.35 8.6175 10.075 9.0525 9.705C9.4875 9.335 9.85 8.9 10.14 8.4H8.37C8.28 8.78 8.1675 9.1475 8.0325 9.5025C7.8975 9.8575 7.74 10.2 7.56 10.53ZM1.35 7.2H3.39C3.36 7 3.3375 6.8025 3.3225 6.6075C3.3075 6.4125 3.3 6.21 3.3 6C3.3 5.79 3.3075 5.5875 3.3225 5.3925C3.3375 5.1975 3.36 5 3.39 4.8H1.35C1.3 5 1.2625 5.1975 1.2375 5.3925C1.2125 5.5875 1.2 5.79 1.2 6C1.2 6.21 1.2125 6.4125 1.2375 6.6075C1.2625 6.8025 1.3 7 1.35 7.2ZM4.59 7.2H7.41C7.44 7 7.4625 6.8025 7.4775 6.6075C7.4925 6.4125 7.5 6.21 7.5 6C7.5 5.79 7.4925 5.5875 7.4775 5.3925C7.4625 5.1975 7.44 5 7.41 4.8H4.59C4.56 5 4.5375 5.1975 4.5225 5.3925C4.5075 5.5875 4.5 5.79 4.5 6C4.5 6.21 4.5075 6.4125 4.5225 6.6075C4.5375 6.8025 4.56 7 4.59 7.2ZM8.61 7.2H10.65C10.7 7 10.7375 6.8025 10.7625 6.6075C10.7875 6.4125 10.8 6.21 10.8 6C10.8 5.79 10.7875 5.5875 10.7625 5.3925C10.7375 5.1975 10.7 5 10.65 4.8H8.61C8.64 5 8.6625 5.1975 8.6775 5.3925C8.6925 5.5875 8.7 5.79 8.7 6C8.7 6.21 8.6925 6.4125 8.6775 6.6075C8.6625 6.8025 8.64 7 8.61 7.2ZM8.37 3.6H10.14C9.85 3.1 9.4875 2.665 9.0525 2.295C8.6175 1.925 8.12 1.65 7.56 1.47C7.74 1.8 7.8975 2.1425 8.0325 2.4975C8.1675 2.8525 8.28 3.22 8.37 3.6ZM4.86 3.6H7.14C7.02 3.16 6.865 2.745 6.675 2.355C6.485 1.965 6.26 1.59 6 1.23C5.74 1.59 5.515 1.965 5.325 2.355C5.135 2.745 4.98 3.16 4.86 3.6ZM1.86 3.6H3.63C3.72 3.22 3.8325 2.8525 3.9675 2.4975C4.1025 2.1425 4.26 1.8 4.44 1.47C3.88 1.65 3.3825 1.925 2.9475 2.295C2.5125 2.665 2.15 3.1 1.86 3.6Z\" fill=\"#525252\" \/>\r\n              <\/svg>\r\n              <span class=\"language-initials\">{{ formatLangues(annonce.langues) }}<\/span>\r\n            <\/div>\r\n            \r\n          <\/div>\r\n          <svg id=\"chevron-down\" :class=\"{'open': annoncesOuvertes.includes(annonce.id)}\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M1 1L6 6L11 1\" stroke=\"#D22E26\" stroke-width=\"2\" stroke-linecap=\"round\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <!-- ANNONCE DETAILS -->\r\n        <div v-bind:class=\"{'open' : annoncesOuvertes.includes(annonce.id), 'div_annonce-details': true}\">\r\n          <p class=\"details-text\">{{ getDescription(annonce) }}<\/p>\r\n          <div class=\"details-container-info\">\r\n            <p class=\"publie-par\">Annonce publi\u00e9e par:<\/p>\r\n            <h4>{{ annonce.nom_annonceur }}<\/h4>\r\n            <div class=\"icon-mail icons\">\r\n              <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M1.2 9.5C0.87 9.5 0.5875 9.38984 0.3525 9.16953C0.1175 8.94922 0 8.68437 0 8.375V1.625C0 1.31563 0.1175 1.05078 0.3525 0.830469C0.5875 0.610156 0.87 0.5 1.2 0.5H10.8C11.13 0.5 11.4125 0.610156 11.6475 0.830469C11.8825 1.05078 12 1.31563 12 1.625V8.375C12 8.68437 11.8825 8.94922 11.6475 9.16953C11.4125 9.38984 11.13 9.5 10.8 9.5H1.2ZM6 5.5625L1.2 2.75V8.375H10.8V2.75L6 5.5625ZM6 4.4375L10.8 1.625H1.2L6 4.4375ZM1.2 2.75V1.625V8.375V2.75Z\" fill=\"#D22E26\" \/>\r\n              <\/svg>\r\n              <span>{{ annonce.email }}<\/span>\r\n            <\/div>\r\n            <div class=\"icon-phone icons\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M11.3 12C9.91111 12 8.53889 11.6972 7.18333 11.0917C5.82778 10.4861 4.59444 9.62778 3.48333 8.51667C2.37222 7.40556 1.51389 6.17222 0.908333 4.81667C0.302778 3.46111 0 2.08889 0 0.7C0 0.5 0.0666667 0.333333 0.2 0.2C0.333333 0.0666667 0.5 0 0.7 0H3.4C3.55556 0 3.69444 0.0527778 3.81667 0.158333C3.93889 0.263889 4.01111 0.388889 4.03333 0.533333L4.46667 2.86667C4.48889 3.04444 4.48333 3.19444 4.45 3.31667C4.41667 3.43889 4.35556 3.54444 4.26667 3.63333L2.65 5.26667C2.87222 5.67778 3.13611 6.075 3.44167 6.45833C3.74722 6.84167 4.08333 7.21111 4.45 7.56667C4.79444 7.91111 5.15556 8.23056 5.53333 8.525C5.91111 8.81944 6.31111 9.08889 6.73333 9.33333L8.3 7.76667C8.4 7.66667 8.53056 7.59167 8.69167 7.54167C8.85278 7.49167 9.01111 7.47778 9.16667 7.5L11.4667 7.96667C11.6222 8.01111 11.75 8.09167 11.85 8.20833C11.95 8.325 12 8.45556 12 8.6V11.3C12 11.5 11.9333 11.6667 11.8 11.8C11.6667 11.9333 11.5 12 11.3 12ZM2.01667 4L3.11667 2.9L2.83333 1.33333H1.35C1.40556 1.78889 1.48333 2.23889 1.58333 2.68333C1.68333 3.12778 1.82778 3.56667 2.01667 4ZM7.98333 9.96667C8.41667 10.1556 8.85833 10.3056 9.30833 10.4167C9.75833 10.5278 10.2111 10.6 10.6667 10.6333V9.16667L9.1 8.85L7.98333 9.96667Z\" fill=\"#D22E26\" \/>\r\n              <\/svg>\r\n              <span>{{ annonce.telephone }}<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n<!-- form FR infomaniak -->\r\n<form class=\"inf-form\" @submit.prevent=\"submitNewsletter\" novalidate>\r\n  <div :class=\"formData[language].class_id + ' infm-form'\">\r\n    <h4>{{ formData[language].title }}<\/h4>\r\n\r\n    <div class=\"inf-success\" v-if=\"newsletterStatus === 'success'\">\r\n      <p class=\"inf-success-message\">{{ newsletterMessage }}<\/p>\r\n      <p>\r\n        <a href=\"#\" class=\"inf-btn\" @click.prevent=\"resetNewsletter\">{{ formData[language].back }}<\/a>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"inf-content\" v-else>\r\n      <div class=\"inf-input inf-input-text\">\r\n        <input type=\"email\" v-model.trim=\"newsletterEmail\" required=\"required\" placeholder=\"Email *\" class=\"infom-input\" \/>\r\n        <div class=\"inf-submit\">\r\n            <input type=\"submit\" :value=\"newsletterLoading ? formData[language].loading : formData[language].button\" class=\"infom-btn\" :disabled=\"newsletterLoading\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <input type=\"text\" v-model=\"newsletterHoneypot\" class=\"infom-honey\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\" \/>\r\n\r\n      <div class=\"inf-error\" v-if=\"newsletterStatus === 'error'\">\r\n        {{ newsletterError || formData[language].errorMsg }}\r\n      <\/div>\r\n\r\n      <div class=\"inf-rgpd\">\r\n        {{ formData[language].rgpd }}\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/form>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- A terminer -->\r\n<!-- Animation on click  -->\r\n\r\n\r\n<script>\r\n  const siteUrl = 'https:\/\/valaisfilmcommission.ch'\r\n  const newsletterAjaxEndpoint = 'https:\/\/valaisfilmcommission.ch\/wp-admin\/admin-ajax.php'\r\n  \r\n  let ADMIN_URL = 'https:\/\/valais-film-dev.webap.ch\/api\/'\r\n  if (siteUrl === 'https:\/\/valaisfilmcommission.ch')\r\n    ADMIN_URL = 'https:\/\/valais-film.webap.ch\/api\/'\r\n  \r\n  console.log(ADMIN_URL)\r\n  \/\/ start app\r\n  new Vue({\r\n    el: \"#divWpVue\",\r\n    data: {\r\n      annonces: [],\r\n      language: 'fr',\r\n      annoncesOuvertes: [+''],\r\n      newsletterEmail: '',\r\n      newsletterHoneypot: '',\r\n      newsletterLoading: false,\r\n      newsletterStatus: 'idle',\r\n      newsletterError: '',\r\n      newsletterMessage: '',\r\n      formData: {\r\n        fr: {\r\n          class_id: 'inf-main_6eb2d5d425df0c00ac300bdc04305cb2',\r\n          title: 'Restez inform\u00e9 des prochaines petites annonces !',\r\n          button: 'S\\'inscrire',\r\n          loading: 'Envoi...',\r\n          back: 'Retour',\r\n          rgpd: 'Votre adresse de messagerie est uniquement utilis\u00e9e pour vous vous envoyer une notification lors de la publication d\\'une nouvelle petite annonce. Vous pouvez \u00e0 tout moment utiliser le lien de d\u00e9sabonnement int\u00e9gr\u00e9 dans chacun de nos mails.',\r\n          validMsg: 'Votre inscription a \u00e9t\u00e9 enregistr\u00e9e avec succ\u00e8s !',\r\n          errorMsg: 'Une erreur est survenue. Veuillez r\u00e9essayer.'\r\n        },\r\n        de: {\r\n          class_id: 'inf-main_1b849ffdb908682b466a7154d74da7bf',\r\n          title: 'Bleiben Sie \u00fcber die neuesten Kleinanzeigen informiert!',\r\n          button: 'Abonnieren',\r\n          loading: 'Wird gesendet...',\r\n          back: 'Zur\u00fcck',\r\n          rgpd: 'Ihre E-Mail-Adresse wird ausschlie\u00dflich verwendet, um Ihnen eine Benachrichtigung zu senden, wenn eine neue Kleinanzeige ver\u00f6ffentlicht wird. Sie k\u00f6nnen sich jederzeit \u00fcber den Abmeldelink in jeder unserer E-Mails abmelden.',\r\n          validMsg: 'Ihre Anmeldung wurde erfolgreich registriert!',\r\n          errorMsg: 'Ein Fehler ist aufgetreten. Bitte erneut versuchen.'\r\n        },\r\n        en: {\r\n          class_id: 'inf-main_fbd7ac6e006db321fd81a10586907434',\r\n          title: 'Stay informed about the latest classified ads!',\r\n          button: 'Subscribe',\r\n          loading: 'Sending...',\r\n          back: 'Back',\r\n          rgpd: 'Your email address is only used to send you a notification when a new classified ad is published. You can unsubscribe at any time using the link included in each of our emails.',\r\n          validMsg: 'Your subscription has been successfully registered!',\r\n          errorMsg: 'Something went wrong. Please try again.'\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.init();\r\n    },\r\n    methods: {\r\n      init() {\r\n        let _this = this\r\n\r\n        axios.get(ADMIN_URL + 'annonces')\r\n          .then(response => {\r\n            _this.annonces = response.data.data\r\n            for (const annonce of _this.annonces) {\r\n              _this.annonces[_this.annonces.indexOf(annonce)].open = false\r\n            }\r\n            const itemIdx = _this.annonces.findIndex(el => el.id === _this.annoncesOuvertes[0])\r\n            if (itemIdx == -1) return\r\n            const removed = _this.annonces.splice(itemIdx, 1)\r\n            _this.annonces = [removed[0], ..._this.annonces]\r\n          })\r\n          .catch(function(response) {\r\n            console.log(response)\r\n          });\r\n        \r\n      },\r\n      formatDate(date) {\r\n        return date.split('-').reverse().join('.')\r\n      },\r\n      formatLangues(langues) {\r\n        return langues.map(l => l.nom.toUpperCase()).join(', ')\r\n      },\r\n      getObjectPropertyWithLanguage(annonce, property) {\r\n        let value = annonce[property+'_'+this.language]\r\n\r\n        if(!value) {\r\n          let available_lang = ['fr', 'de', 'en']\r\n          for(const lang of available_lang) {\r\n            value = annonce[property+'_'+lang]\r\n            if(value) {\r\n              return value\r\n            }\r\n          }\r\n        }\r\n\r\n        return value\r\n\r\n        \/\/ properties = Object.keys(annonce).find(val => val.toString().includes(property))\r\n        \/\/ return annonce[property+'_'+this.language] ?? annonce[properties]\r\n      },\r\n      getTitre(annonce) {\r\n        return this.getObjectPropertyWithLanguage(annonce, 'titre')\r\n      },\r\n      getDescription(annonce) {\r\n        return this.getObjectPropertyWithLanguage(annonce, 'description')\r\n      },\r\n      toogleAnnonce(annonce) {\r\n        let _this = this\r\n        if (_this.annoncesOuvertes.includes(annonce.id)) {\r\n          _this.annoncesOuvertes.splice(_this.annoncesOuvertes.indexOf(annonce.id), 1)\r\n        }\r\n        else {\r\n          _this.annoncesOuvertes.push(annonce.id)\r\n        }\r\n      },\r\n      resetNewsletter() {\r\n        this.newsletterStatus = 'idle'\r\n        this.newsletterError = ''\r\n        this.newsletterMessage = ''\r\n      },\r\n      submitNewsletter() {\r\n        if (this.newsletterLoading) return\r\n        this.newsletterError = ''\r\n        this.newsletterMessage = ''\r\n        this.newsletterStatus = 'loading'\r\n\r\n        if (!this.newsletterEmail) {\r\n          this.newsletterStatus = 'error'\r\n          this.newsletterError = this.formData[this.language].errorMsg\r\n          return\r\n        }\r\n\r\n        this.newsletterLoading = true\r\n        const formData = new FormData()\r\n        formData.append('action', 'valdev_vf_newsletter_subscribe')\r\n        formData.append('email', this.newsletterEmail)\r\n        formData.append('language', this.language)\r\n        formData.append('company', this.newsletterHoneypot)\r\n\r\n        axios.post(newsletterAjaxEndpoint, formData)\r\n          .then(response => {\r\n            if (response.data && response.data.success) {\r\n              this.newsletterStatus = 'success'\r\n              this.newsletterMessage = this.formData[this.language].validMsg\r\n              this.newsletterEmail = ''\r\n              this.newsletterHoneypot = ''\r\n            } else {\r\n              this.newsletterStatus = 'error'\r\n              this.newsletterError = (response.data && response.data.message) || this.formData[this.language].errorMsg\r\n            }\r\n          })\r\n          .catch(error => {\r\n            const apiMessage = error && error.response && error.response.data && error.response.data.message\r\n            this.newsletterStatus = 'error'\r\n            this.newsletterError = apiMessage || this.formData[this.language].errorMsg\r\n          })\r\n          .finally(() => {\r\n            this.newsletterLoading = false\r\n          })\r\n      }\r\n    }\r\n  })\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>D\u00e9couvrez notre espace \u00ab Petites annonces \u00bb d\u00e9di\u00e9 \u00e0 l\u2019industrie audiovisuelle. C&rsquo;est l\u2019endroit id\u00e9al pour trouver ou partager des opportunit\u00e9s en lien avec votre activit\u00e9.Les annonces ont une dur\u00e9e d\u2019apparition limit\u00e9e et seront automatiquement supprim\u00e9es \u00e0 partir d\u2019un certain temps.\u00a0Vous pouvez publier votre annonce ici, elle sera trait\u00e9e dans les meilleures d\u00e9lais.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9766","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Petites annonces &#8211; Valais Film Commission<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Petites annonces &#8211; Valais Film Commission\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez notre espace \u00ab Petites annonces \u00bb d\u00e9di\u00e9 \u00e0 l\u2019industrie audiovisuelle. C&rsquo;est l\u2019endroit id\u00e9al pour trouver ou partager des opportunit\u00e9s en lien avec votre activit\u00e9.Les annonces ont une dur\u00e9e d\u2019apparition limit\u00e9e et seront automatiquement supprim\u00e9es \u00e0 partir d\u2019un certain temps.\u00a0Vous pouvez publier votre annonce ici, elle sera trait\u00e9e dans les meilleures d\u00e9lais.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/\" \/>\n<meta property=\"og:site_name\" content=\"Valais Film Commission\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-28T07:24:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ValaisFilmCom\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/petites-annonces\\\/\",\"url\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/petites-annonces\\\/\",\"name\":\"Petites annonces &#8211; Valais Film Commission\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#website\"},\"datePublished\":\"2024-05-24T09:52:37+00:00\",\"dateModified\":\"2024-05-28T07:24:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/petites-annonces\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/petites-annonces\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/petites-annonces\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Petites annonces\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/\",\"name\":\"Valais Film Commission\",\"description\":\"Soutien de l&#039;audiovisuel en Valais\",\"publisher\":{\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#organization\",\"name\":\"Valais Film Commission\",\"url\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Valais_FR.svg\",\"contentUrl\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/wp-content\\\/uploads\\\/2020\\\/07\\\/Valais_FR.svg\",\"width\":1,\"height\":1,\"caption\":\"Valais Film Commission\"},\"image\":{\"@id\":\"https:\\\/\\\/valaisfilmcommission.ch\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/ValaisFilmCom\",\"https:\\\/\\\/www.instagram.com\\\/valaisfilmcommission\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Petites annonces &#8211; Valais Film Commission","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/","og_locale":"fr_FR","og_type":"article","og_title":"Petites annonces &#8211; Valais Film Commission","og_description":"D\u00e9couvrez notre espace \u00ab Petites annonces \u00bb d\u00e9di\u00e9 \u00e0 l\u2019industrie audiovisuelle. C&rsquo;est l\u2019endroit id\u00e9al pour trouver ou partager des opportunit\u00e9s en lien avec votre activit\u00e9.Les annonces ont une dur\u00e9e d\u2019apparition limit\u00e9e et seront automatiquement supprim\u00e9es \u00e0 partir d\u2019un certain temps.\u00a0Vous pouvez publier votre annonce ici, elle sera trait\u00e9e dans les meilleures d\u00e9lais.","og_url":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/","og_site_name":"Valais Film Commission","article_modified_time":"2024-05-28T07:24:22+00:00","twitter_card":"summary_large_image","twitter_site":"@ValaisFilmCom","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/","url":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/","name":"Petites annonces &#8211; Valais Film Commission","isPartOf":{"@id":"https:\/\/valaisfilmcommission.ch\/fr\/#website"},"datePublished":"2024-05-24T09:52:37+00:00","dateModified":"2024-05-28T07:24:22+00:00","breadcrumb":{"@id":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/valaisfilmcommission.ch\/fr\/petites-annonces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/valaisfilmcommission.ch\/fr\/"},{"@type":"ListItem","position":2,"name":"Petites annonces"}]},{"@type":"WebSite","@id":"https:\/\/valaisfilmcommission.ch\/fr\/#website","url":"https:\/\/valaisfilmcommission.ch\/fr\/","name":"Valais Film Commission","description":"Soutien de l&#039;audiovisuel en Valais","publisher":{"@id":"https:\/\/valaisfilmcommission.ch\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/valaisfilmcommission.ch\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/valaisfilmcommission.ch\/fr\/#organization","name":"Valais Film Commission","url":"https:\/\/valaisfilmcommission.ch\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/valaisfilmcommission.ch\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/valaisfilmcommission.ch\/wp-content\/uploads\/2020\/07\/Valais_FR.svg","contentUrl":"https:\/\/valaisfilmcommission.ch\/wp-content\/uploads\/2020\/07\/Valais_FR.svg","width":1,"height":1,"caption":"Valais Film Commission"},"image":{"@id":"https:\/\/valaisfilmcommission.ch\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ValaisFilmCom","https:\/\/www.instagram.com\/valaisfilmcommission\/"]}]}},"_links":{"self":[{"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/pages\/9766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/comments?post=9766"}],"version-history":[{"count":7,"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/pages\/9766\/revisions"}],"predecessor-version":[{"id":9817,"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/pages\/9766\/revisions\/9817"}],"wp:attachment":[{"href":"https:\/\/valaisfilmcommission.ch\/fr\/wp-json\/wp\/v2\/media?parent=9766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}