Commit e63fad98 authored by Jean-Philippe Metivier's avatar Jean-Philippe Metivier
Browse files

[Fix] Remise en forme des onglets d'un entretien professionnel

parent b341551e
Loading
Loading
Loading
Loading
+2 −0
Original line number Diff line number Diff line
@@ -8,6 +8,8 @@ Version 4.3.2 (XX/01/2024)
- [EMC2] Correction de la fonction de recherche "élargie" d'agents pour mieux correspondent aux autres établissements 
- [Mes Formations] Ajout d'une garde pour l'affichage - Mes structures - dans le cas où un·e utilisateur·trice y accède sans avoir de structure
- [EMC2] Ajout de précision sur les acquis (Application et Compétence)
- [Fix] Remise en forme des onglets d'un entretien professionnel
- [Fix] Correction de la requête de recherche des fiches de postes (sql brut non modifié lors de la montée en version de unicaen/etat)

Modification en BD
---
+40 −46
Original line number Diff line number Diff line
@@ -108,42 +108,28 @@ if ($entretien->isEtatActif(EntretienProfessionnelEtats::ENTRETIEN_VALIDATION_AG
    echo $this->partial('partial/header', ['entretien' => $entretien, 'agent' => $agent, 'ficheposte' => $ficheposte, 'fichesmetiers' => $fichesmetiers, "documents" => $documents], [], true);
?>

<ul class="nav">
    <li class="nav-item">
        <a class="nav-link" href="#formulaire" aria-controls="formulaire">
<div class="nav nav-tabs" id="nav-tab" role="tablist">
    <button class="nav-link active" id="formulaire-tab"
            data-bs-toggle="tab" data-bs-target="#formulaire"
            type="button" role="tab" aria-controls="formulaire" aria-selected="true">
        Compte-rendu <br/> d'entretien professionnel
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#formations" aria-controls="formations">
            Compte-rendu <br/> d'entretien de formation &nbsp;
        </a>
    </li>
<!--        --><?php //if ($displayParcours === true) : ?>
<!--            <li class="nav-item">-->
<!--                <a class="nav-link" href="#parcours" aria-controls="parcours" role="tab" data-toggle="tabz">-->
<!--                    Parcours de <br/> formation et <br/> logiciels metiers-->
<!--                </a>-->
<!--            </li>-->
<!--        --><?php //endif; ?>
<!--        --><?php //if ($displayAcquis === true) : ?>
<!--        <li class="nav-item">-->
<!--            <a class="nav-link" href="#acquis" aria-controls="acquis" role="tab" data-toggle="tabz">-->
<!--                Acquis de <br/> l'agent <br/> &nbsp;-->
<!--            </a>-->
<!--        </li>-->
<!--        --><?php //endif ?>
    <li class="nav-item">
        <a class="nav-link" href="#validation" aria-controls="validation">
    </button>
    <button class="nav-link" id="formations-tab"
            data-bs-toggle="tab" data-bs-target="#formations"
            type="button" role="tab" aria-controls="formations" aria-selected="true">
        Compte-rendu <br/> d'entretien de formation
    </button>
    <button class="nav-link" id="validation-tab"
            data-bs-toggle="tab" data-bs-target="#validation"
            type="button" role="tab" aria-controls="validation" aria-selected="true">
        Observations et <br/> validations <span class="badge" style="margin-left:1rem;"><?php echo $step; ?>/4</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#mails" aria-controls="mails">
    </button>
    <button class="nav-link" id="mails-tab"
            data-bs-toggle="tab" data-bs-target="#mails"
            type="button" role="tab" aria-controls="mails" aria-selected="true">
        Mails <br/> &nbsp;
        </a>
    </li>
</ul>
    </button>
</div>


    <div class="tab-content">
@@ -192,34 +178,42 @@ if ($entretien->isEtatActif(EntretienProfessionnelEtats::ENTRETIEN_VALIDATION_AG
</style>

<script>
    $(document).ready(function() {
        $('.datatable').DataTable( {
            // sorting: false,
            // paging: false,
            language: {
                url: '/localisation/fr_FR.json'
            }
        } );
    } );

    $(function () {
        let hash = $(location).attr('hash');
        let name = hash.substring(1);
        if (name === undefined || name === "") name = "formulaire";

        $('a[aria-controls=' + name + ']').tab('show');
        $('button').removeClass('active');
        $('button#' + name + '-tab').addClass('active');
        $('div.tab-pane').hide().removeClass('active');
        $('div#' + name).show().addClass('active');

        $('.nav a').click(function (e) {
        //$('#' + name + '-tab').tab("show");
        $('button.nav-link').on('click', function (e) {
            let anchor = $(this).attr('aria-controls');
            $('div.tab-pane').hide().removeClass('active');
            $('div#' + anchor).show().addClass('active');
            $('button').removeClass('active');
            $('button#' + anchor + '-tab').addClass('active');
            // console.log(anchor);
            e.preventDefault(); // >> bloque le scrolling, mais aussi la ré-écriture de l'url "#info" ...
            history.replaceState(null, null, "#" + anchor);
            $(this).tab('show');
        });
    });

    $(function () {
        $("body").on("modification", function (event) {
            event.div.modal('hide');
            window.location.reload();
        });

        $('.datatable').DataTable( {
            // sorting: false,
            // paging: false,
            language: {
                url: '/localisation/fr_FR.json'
            }
        } );
    });
</script>