feat: add company overview page

gip-inclusion · Dec 2, 2024 · befc192 · befc192
1 parent 0c883ac
commit befc192
Show file tree

Hide file tree

Showing 32 changed files with 261 additions and 186 deletions.
diff --git a/itou/static/img/illustration-siae-card-no-result.png b/itou/static/img/illustration-siae-card-no-result.png
diff --git a/itou/static/img/illustration-siae-card-no-result.svg b/itou/static/img/illustration-siae-card-no-result.svg
diff --git a/itou/templates/apply/includes/accept_section.html b/itou/templates/apply/includes/accept_section.html
@@ -12,7 +12,7 @@ <h3 class="modal-title" id="confirmation-modal-label">Confirmation de l’embauc
                 <p>
                     Êtes-vous sûr(e) de vouloir confirmer l’embauche de <strong>{{ job_seeker.get_full_name }}</strong> dans la structure suivante ?
                 </p>
-                {% include "companies/includes/_company_info.html" with company=company extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
+                {% include "companies/includes/_company_info.html" with company=company show_cta=True extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
             </div>
             <div class="modal-footer has-btn-with-spinner-loading-text"
                  hx-post="{{ request.path }}"

diff --git a/itou/templates/apply/includes/list_job_applications.html b/itou/templates/apply/includes/list_job_applications.html
@@ -4,7 +4,7 @@
 <section aria-labelledby="apply-list-count" id="job-applications-section">
     {% if not job_applications_page %}
         <div class="text-center my-3 my-md-4">
-            <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.svg' %}" alt="" loading="lazy">
+            <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.png' %}" alt="" loading="lazy">
             <p class="mb-1 mt-3">
                 <strong>
                     {% if job_applications_list_kind is JobApplicationsListKind.RECEIVED %}

diff --git a/itou/templates/apply/includes/siae_card.html b/itou/templates/apply/includes/siae_card.html
@@ -1,4 +1,4 @@
 
 <div class="col-12 p-0 {% if full_content_width %}col-lg-8 pe-lg-4{% endif %}">
-    {% include "companies/includes/_company_info.html" with company=siae extra_box_class="mb-3 mb-lg-5" only %}
+    {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="mb-3 mb-lg-5" only %}
 </div>
diff --git a/itou/templates/apply/process_details_company.html b/itou/templates/apply/process_details_company.html
@@ -160,7 +160,7 @@ <h5 class="modal-title" id="modal_title_{{ siae.pk }}">Confirmation du transfert
                                 <p>
                                     Êtes-vous sûr de vouloir transférer la candidature de <b>{{ job_application.job_seeker.get_full_name }}</b> dans la structure suivante ?
                                 </p>
-                                {% include "companies/includes/_company_info.html" with company=siae extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
+                                {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
                             </div>
                             <div class="modal-footer">
                                 <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">Retour</button>

diff --git a/itou/templates/apply/process_internal_transfer.html b/itou/templates/apply/process_internal_transfer.html
@@ -29,7 +29,7 @@ <h1>Confirmation du transfert</h1>
                                     Êtes-vous sûr de vouloir transférer la candidature de <b>{{ job_app_to_transfer.job_seeker.get_full_name }}</b> dans la structure suivante ?
                                 </p>
                             {% endif %}
-                            {% include "companies/includes/_company_info.html" with company=company extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
+                            {% include "companies/includes/_company_info.html" with company=company show_cta=True extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
                         </div>
 
                         {% if job_app_to_transfer.to_company == company %}

diff --git a/itou/templates/apply/submit/application/base.html b/itou/templates/apply/submit/application/base.html
@@ -76,7 +76,7 @@ <h1 class="flex-grow-1">{% include 'apply/includes/_submit_title.html' %}</h1>
                 <div class="col-12{% if not full_content_width %} col-lg-8{% endif %}">
                     <div class="c-form">
                         <div class="col-12 p-0 {% if full_content_width %}col-lg-8 pe-lg-4{% endif %}">
-                            {% include "companies/includes/_company_info.html" with company=siae extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
+                            {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
                         </div>
                         <div class="col-12 p-0 {% if full_content_width %}col-lg-8 pe-lg-4{% endif %}">
                             {% block pre_step_title %}{% endblock %}

diff --git a/itou/templates/apply/submit_base_two_columns.html b/itou/templates/apply/submit_base_two_columns.html
@@ -13,7 +13,7 @@ <h1>{% include 'apply/includes/_submit_title.html' %}</h1>
             {% if not is_gps %}
                 <div class="row">
                     <div class="col-12 col-lg-6 order-md-1 pe-lg-5">
-                        {% include "companies/includes/_company_info.html" with company=siae extra_box_class="mb-3 mb-lg-5" only %}
+                        {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="mb-3 mb-lg-5" only %}
                     </div>
                 </div>
             {% endif %}

diff --git a/itou/templates/approvals/prolongation_requests/list.html b/itou/templates/approvals/prolongation_requests/list.html
@@ -74,7 +74,7 @@ <h2 class="mb-0">Prolongations</h2>
                     {% else %}
                         <hr class="my-3">
                         <div class="text-center my-3 my-md-4">
-                            <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.svg' %}" alt="" loading="lazy">
+                            <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.png' %}" alt="" loading="lazy">
                             <p class="mb-1 mt-3">
                                 <strong>Aucune demande de prolongation pour le moment</strong>
                             </p>

diff --git a/itou/templates/approvals/prolongation_requests/show.html b/itou/templates/approvals/prolongation_requests/show.html
@@ -116,7 +116,7 @@ <h3>Explications supplémentaires</h3>
                     {# SIAE card #}
                     {% with siae=prolongation_request.declared_by_siae %}
                         {% if siae %}
-                            {% include "companies/includes/_company_info.html" with company=siae only %}
+                            {% include "companies/includes/_company_info.html" with company=siae show_cta=True only %}
                         {% endif %}
                     {% endwith %}
                 </div>

diff --git a/itou/templates/companies/card.html b/itou/templates/companies/card.html
@@ -102,7 +102,7 @@ <h2 class="h3">L'accompagnement proposé</h2>
 
                         {% if not siae.description and not siae.provided_support %}
                             <div class="text-center">
-                                <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.svg' %}" alt="" loading="lazy">
+                                <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.png' %}" alt="" loading="lazy">
                                 <p class="mb-0 mt-3">
                                     <strong>Oups ! Aucune information en vue !</strong>
                                 </p>

diff --git a/itou/templates/companies/edit_siae.html b/itou/templates/companies/edit_siae.html
@@ -68,7 +68,7 @@ <h3>{{ siae.display_name }}</h3>
                             {% bootstrap_field form.email %}
                             {% bootstrap_field form.website %}
 
-                            {% itou_buttons_form primary_label="Suivant" matomo_category="employeurs" matomo_action="submit" matomo_name="maj-contact-structure" %}
+                            {% itou_buttons_form primary_label="Suivant" matomo_category="employeurs" matomo_action="submit" matomo_name="maj-contact-structure" reset_url=reset_url %}
                         </form>
 
                     </div>

diff --git a/itou/templates/companies/edit_siae_preview.html b/itou/templates/companies/edit_siae_preview.html
@@ -35,7 +35,7 @@ <h1>
                             </h1>
                         </div>
 
-                        {% include "companies/includes/_company_info.html" with company=siae extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
+                        {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="mb-3 mb-lg-5" open_in_tab=True only %}
 
                         <form method="post" class="js-prevent-multiple-submit">
                             {% csrf_token %}

diff --git a/itou/templates/companies/includes/_company_info.html b/itou/templates/companies/includes/_company_info.html
@@ -26,17 +26,19 @@ <h3>{{ company.display_name }}</h3>
                 {% include "companies/includes/_company_details.html" with company=company only %}
             {% endif %}
         </ul>
-        {% if job_app_to_transfer|default:False %}
-            <a href="{% url 'apply:job_application_external_transfer_step_1_company_card' job_application_id=job_app_to_transfer company_pk=company.pk %}{% if back_url|default:"" %}?back_url={{ back_url|urlencode }}{% endif %}"
-               class="btn btn-secondary btn-block mt-4">Voir la fiche de l'entreprise</a>
-        {% else %}
-            {% url 'companies_views:card' siae_id=company.pk as company_url %}
-            {% if back_url|default:'' and not open_in_tab|default:False %}
-                {% url_add_query company_url job_seeker=job_seeker.public_id|default:'' back_url=back_url as company_url_params %}
+        {% if show_cta|default_if_none:True %}
+            {% if job_app_to_transfer|default:False %}
+                <a href="{% url 'apply:job_application_external_transfer_step_1_company_card' job_application_id=job_app_to_transfer company_pk=company.pk %}{% if back_url|default:"" %}?back_url={{ back_url|urlencode }}{% endif %}"
+                   class="btn btn-secondary btn-block mt-4">Voir la fiche de l'entreprise</a>
             {% else %}
-                {% url_add_query company_url job_seeker=job_seeker.public_id|default:''  as company_url_params %}
+                {% url 'companies_views:card' siae_id=company.pk as company_url %}
+                {% if back_url|default:'' and not open_in_tab|default:False %}
+                    {% url_add_query company_url job_seeker=job_seeker.public_id|default:'' back_url=back_url as company_url_params %}
+                {% else %}
+                    {% url_add_query company_url job_seeker=job_seeker.public_id|default:'' as company_url_params %}
+                {% endif %}
+                <a href="{{ company_url_params }}" class="btn btn-secondary btn-block mt-4" {% if open_in_tab|default:False %}target="_blank"{% endif %}>Voir la fiche de l'entreprise</a>
             {% endif %}
-            <a href="{{ company_url_params }}" class="btn btn-secondary btn-block mt-4" {% if open_in_tab|default:False %}target="_blank"{% endif %}>Voir la fiche de l'entreprise</a>
         {% endif %}
     </div>
 </div>
diff --git a/itou/templates/companies/job_description_card.html b/itou/templates/companies/job_description_card.html
@@ -117,7 +117,7 @@ <h2 class="visually-hidden">Actions rapides</h2>
                 </div>
                 <div class="col-12 col-lg-4 order-1 order-lg-2 d-flex flex-column">
                     {% if can_update_job_description != True %}
-                        {% include "companies/includes/_company_info.html" with company=siae extra_box_class="" back_url=back_url|default:request.get_full_path show=True job_app_to_transfer=job_app_to_transfer job_seeker=job_seeker|default:None only %}
+                        {% include "companies/includes/_company_info.html" with company=siae show_cta=True extra_box_class="" back_url=back_url|default:request.get_full_path show=True job_app_to_transfer=job_app_to_transfer job_seeker=job_seeker|default:None only %}
                     {% endif %}
                 </div>
             </div>

diff --git a/itou/templates/companies/job_description_list.html b/itou/templates/companies/job_description_list.html
@@ -9,7 +9,12 @@
 {% block title_content %}<h1>Structure</h1>{% endblock %}
 
 {% block title_extra %}
-    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true">
+    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" data-it-sliding-tabs-startindex="1">
+        <li class="nav-item">
+            <a class="nav-link" href="{% url 'companies_views:overview' %}" {% matomo_event "employeurs" "clic" "structure-presentation" %}>
+                Présentation
+            </a>
+        </li>
         <li class="nav-item">
             <a class="nav-link active" href="{% url 'companies_views:job_description_list' %}" {% matomo_event "employeurs" "clic" "voir-liste-metiers" %}>
                 Métiers et recrutements

diff --git a/itou/templates/companies/members.html b/itou/templates/companies/members.html
@@ -8,7 +8,12 @@
 {% block title_content %}<h1>Structure</h1>{% endblock %}
 
 {% block title_extra %}
-    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" data-it-sliding-tabs-startindex="1">
+    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" data-it-sliding-tabs-startindex="2">
+        <li class="nav-item">
+            <a class="nav-link" href="{% url 'companies_views:overview' %}" {% matomo_event "employeurs" "clic" "structure-presentation" %}>
+                Présentation
+            </a>
+        </li>
         <li class="nav-item">
             <a class="nav-link" href="{% url 'companies_views:job_description_list' %}" {% matomo_event "employeurs" "clic" "voir-liste-metiers" %}>
                 Métiers et recrutements

diff --git a/itou/templates/companies/overview.html b/itou/templates/companies/overview.html
@@ -0,0 +1,114 @@
+{% extends "layout/base.html" %}
+{% load static %}
+{% load str_filters %}
+{% load markdownify %}
+{% load matomo %}
+
+{% block title %}Présentation {{ block.super }}{% endblock %}
+
+{% block title_prevstep %}
+    {% include "layout/previous_step.html" with back_url=back_url only %}
+{% endblock %}
+
+{% block title_content %}<h1>Structure</h1>{% endblock %}
+
+{% block title_extra %}
+    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true">
+        <li class="nav-item">
+            <a class="nav-link active" href="{% url 'companies_views:overview' %}" {% matomo_event "employeurs" "clic" "structure-presentation" %}>
+                Présentation
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="{% url 'companies_views:job_description_list' %}" {% matomo_event "employeurs" "clic" "voir-liste-metiers" %}>
+                Métiers et recrutements
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="{% url 'companies_views:members' %}" {% matomo_event "employeurs" "clic" "gerer-collaborateurs" %}>
+                Collaborateurs
+            </a>
+        </li>
+        {% if can_show_financial_annexes %}
+            <li class="nav-item">
+                <a class="nav-link" href="{% url 'companies_views:show_financial_annexes' %}">Annexes financières</a>
+            </li>
+        {% endif %}
+    </ul>
+{% endblock %}
+
+{% block content %}
+    <section class="s-section">
+        <div class="s-section__container container">
+            <div class="s-section__row row">
+                <div class="s-section__col col-12">
+                    <div class="tab-content">
+                        <div class="d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-lg-between mb-3 mb-lg-4">
+                            <h2 class="mb-0">Présentation</h2>
+                            <div class="d-flex flex-column flex-md-row gap-2 justify-content-md-end" role="group" aria-label="Actions sur la structure">
+                                <a class="btn btn-outline-primary btn-ico"
+                                   href="{{ request.current_organization.get_card_url }}?back_url={{ request.get_full_path|urlencode }}"
+                                   {% matomo_event "employeurs" "clic" "voir-infos-entreprise" %}>
+                                    <i class="ri-eye-line ri-lg" aria-hidden="true"></i>
+                                    <span>Voir la fiche publique</span>
+                                </a>
+                                <a class="btn btn-primary btn-ico"
+                                   href="{% url 'companies_views:edit_company_step_contact_infos' %}?back_url={{ request.get_full_path|urlencode }}"
+                                   {% matomo_event "employeurs" "clic" "modifier-infos-entreprise" %}>
+                                    <i class="ri-pencil-line ri-lg" aria-hidden="true"></i>
+                                    <span>Modifier</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-12 col-lg-8 order-2 order-lg-1">
+                                <div class="c-box h-100 {% if not company.description and not company.provided_support %}d-flex align-items-center justify-content-center{% endif %}">
+                                    {% if company.description %}
+                                        <article class="mb-3 mb-lg-5">
+                                            <h3>Son activité</h3>
+                                            {{ company.description|markdownify }}
+                                        </article>
+                                    {% endif %}
+
+                                    {% if company.provided_support %}
+                                        <article>
+                                            <h3>L'accompagnement proposé</h3>
+                                            {{ company.provided_support|markdownify }}
+                                        </article>
+                                    {% endif %}
+
+                                    {% if not company.description and not company.provided_support %}
+                                        <div class="text-center">
+                                            <img class="img-fluid" src="{% static 'img/illustration-siae-card-no-result.png' %}" alt="" loading="lazy">
+                                            <p class="mb-0 mt-3">
+                                                <strong>Oups ! Aucune information en vue !</strong>
+                                            </p>
+                                            <p>
+                                                <i>Vous n’avez pas encore renseigné d’informations
+                                                    <br class="d-none d-lg-inline">
+                                                    à propos de votre structure.
+                                                </i>
+                                            </p>
+                                            <a class="btn btn-sm btn-primary btn-ico" href="{% url 'companies_views:edit_company_step_contact_infos' %}?back_url={{ request.get_full_path|urlencode }}">
+                                                <i class="ri-pencil-line ri-lg" aria-hidden="true"></i>
+                                                <span>Modifier</span>
+                                            </a>
+                                        </div>
+                                    {% endif %}
+                                </div>
+                            </div>
+                            <div class="col-12 col-lg-4 order-1 order-lg-2">
+                                {% include "companies/includes/_company_info.html" with company=company show=True show_cta=False extra_box_class="mb-3 mb-lg-5" %}
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+{% endblock %}
+
+{% block script %}
+    {{ block.super }}
+    <script src="{% static 'js/sliding_tabs.js'%}"></script>
+{% endblock %}
diff --git a/itou/templates/companies/show_financial_annexes.html b/itou/templates/companies/show_financial_annexes.html
@@ -30,7 +30,12 @@
 {% block title_content %}<h1>Structure</h1>{% endblock %}
 
 {% block title_extra %}
-    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" data-it-sliding-tabs-startindex="2">
+    <ul class="s-tabs-01__nav nav nav-tabs mb-0" data-it-sliding-tabs="true" data-it-sliding-tabs-startindex="3">
+        <li class="nav-item">
+            <a class="nav-link" href="{% url 'companies_views:overview' %}" {% matomo_event "employeurs" "clic" "structure-presentation" %}>
+                Présentation
+            </a>
+        </li>
         <li class="nav-item">
             <a class="nav-link" href="{% url 'companies_views:job_description_list' %}" {% matomo_event "employeurs" "clic" "voir-liste-metiers" %}>
                 Métiers et recrutements

diff --git a/itou/templates/geiq/assessment_info_for_labor_inspector.html b/itou/templates/geiq/assessment_info_for_labor_inspector.html
@@ -132,7 +132,7 @@ <h4>Demande de remboursement total</h4>
                             </div>
                         {% endif %}
                     {% endif %}
-                    {% include "companies/includes/_company_info.html" with company=assessment.company show=True only %}
+                    {% include "companies/includes/_company_info.html" with company=assessment.company show=True show_cta=True only %}
                 </div>
             </div>
         </div>