job_offer_form.html

{% extends "base.html" %}

{% block title %}Formulaire de dépôt d'une offre d'emploi{% endblock %}
{% block ogtitle %}Formulaire de dépôt d'une offre d'emploi{% endblock %}

{% block header_content %}
<div class="container">
    <a href="{{ SITEURL }}/category/job.html" class="header-btn btn btn-dark mb-2 p-2">
        <div class="row m-0 d-flex align-items-center">
            <div class="circle-job"></div>
            <span class="category text-uppercase pl-2">{{CIRCLES['job']}}</span>
        </div>
    </a>
</div>
<div class="container">
    <h1 class="my-3">Publier une offre d'emploi</h1>
</div>
{% endblock header_content %}

{% block content %}

<div class="container-fluid job_offers">
    <div class="container job_form">
        {{ ' {% if success %} ' }}
        <p>
            Nous avons bien enregistré votre offre d'emploi, elle sera publiée très prochainement.
            Lorsque votre offre sera périmée, merci de le signaler à <a
                href="mailto:calcul-contact@services.cnrs.fr">calcul-contact@services.cnrs.fr</a>.
        </p>
        {{ ' {% else %} ' }}

        <link rel="stylesheet" href="{{ SITEURL }}/css/simplemde.min.css">
        <script src="{{ SITEURL }}/js/simplemde.min.js"></script>

        {{ ' {% if internal_error %} ' }}
        <p class="error">
            Une erreur interne est survenue pendant la soumission de votre offre.
            Veuillez réessayer plus tard ou contactez-nous à <a
                href="mailto:calcul-contact@services.cnrs.fr">calcul-contact@services.cnrs.fr</a>.
        </p>
        {{ ' {% endif %} ' }}

        {{ ' {% if flood_error %} ' }}
        <p class="error">
            À cause d'un nombre important de soumissions récentes, nous vous prions d'attendre
            {{ '{{ (flood_delay.total_seconds() / 60) | round(0, "ceil") | int }}' }} minute(s) avant de soumettre cette
            offre.
            Si le problème persiste, contactez-nous à <a
                href="mailto:calcul-contact@services.cnrs.fr">calcul-contact@services.cnrs.fr</a>.
        </p>
        {{ ' {% endif %} ' }}

        {{ ' {% if errors.general %} <p class="error">{{ errors.general }}</p>{% endif %} ' }}

        <p><span class="error">Les informations obligatoires sont indiquées par une *.</span></p>
        <form name="job_offer_form" enctype="multipart/form-data" method="post">
            <p>
                Type de l'offre* : <select name="job_type" onchange="update_duration_availability()" required>
                    {{ '
                    <option hidden disabled {% if not form.job_type %} selected {% endif %} value>Choisissez</option>
                {% for key, value in job_type_list.items() %}
                    <option value="{{key}}" {% if key == form.job_type %} selected {% endif %} >{{value}}</option>
                    {% endfor %}
                    ' }}
                </select>
                <span class="error">{{ '{{errors.job_type}}' }}</span>
            </p>
            <p>
                Titre* <br>
                <input type="text" name="title" value="{{ '{{form.title}}' }}" autofocus required>
                <span class="error">{{ '{{errors.title}}' }}</span>
            </p>
            <p>
                Employeur* <br>
                <input type="text" name="employer" value="{{ '{{form.employer}}' }}" required>
                <span class="error">{{ '{{errors.employer}}' }}</span>
            </p>
            <p>
                Nom du contact* <br>
                <input type="text" name="author" value="{{ '{{form.author}}' }}" required>
                <span class="error">{{ '{{errors.author}}' }}</span>
            </p>
            <p>
                E-mail du contact* <br>
                <input type="email" name="email" value="{{ '{{form.email}}' }}" required>
                <span class="error">{{ '{{errors.email}}' }}</span>
            </p>
            <p>
                Site web <br>
                <input type="url" name="website" value="">
                <span class="error"></span>
            </p>
            <p>
                Lieu <br>
                <input type="text" name="location" value="">
            </p>
            <p id="duration_field">
                Durée <br>
                <input type="text" name="duration" value="">
            </p>
            <p>
                Description* <br>
                <textarea name="description" rows="5" cols="40"
                    id="job_offer_description">{{ '{{form.description}}' }}</textarea>
                <span class="error">{{ '{{errors.description}}' }}</span>
            </p>
            <p>
                Date d'expiration de l'offre* <br>
                <input type="date" name="expiration" value="{{ '{{form.expiration}}' }}" required>
                <span class="error">{{ '{{errors.expiration}}' }}</span>
            </p>
            <p>
                Fichier joint :
                <input type="file" name="file" accept="{{ '{{file_accept}}' }}">
                <span class="error">{{ '{{errors.attachment}}' }}</span>
                {{ ' {% if form.has_attachment() %} ' }}
                <span class="error">N'oubliez pas de re-déposer votre document.</span>
                {{ ' {% endif %} ' }}
            </p>
            <p>
                En soumettant ce formulaire, vous acceptez les conditions d'utilisation de vos données telles qu'elles
                sont
                décrites dans les <a
                    href="{{ SITEURL }}/pages/mentions-legales.html#formulaire-de-publication-dune-offre-demploi">
                    mentions légales</a>.
            </p>
            <p>
                <input type="submit" name="submit" value="Soumettre">
            </p>
        </form>

        <script>
            var simplemde = new SimpleMDE({
                element: document.getElementById("job_offer_description"),
                spellChecker: false,
                forceSync: true,
                hideIcons: ["image"],
            });

            function update_duration_availability() {
                var job_type = document.getElementsByName("job_type")[0].value;
                var is_cdi = job_type == 'cdi' || job_type == 'concours';
                document.getElementsByName("duration")[0].disabled = is_cdi;
                document.getElementById("duration_field").style.opacity = is_cdi ? '0.5' : 'initial';
            }

            update_duration_availability();
        </script>

        {{ ' {% endif %} ' }}
    </div>
</div>

{% endblock content %}