templates/grand_public/recherche/recherche_dispo_assmat.html.twig line 1

Open in your IDE?
  1. {% extends ['grand_public/commun/master_page_' ~ clientEFC ~ '.html.twig', 'grand_public/commun/master_page_.html.twig'] %}
  3. {% block body %}
  5.     <div class="card card-master mt-0 pt-2">
  6.         <h4 class="mt-2 mb-3 pl-2">Recherche de disponibilités</h4>
  7.         {{ form_start(form_recherche) }}
  9.         <div class="form-group row mb-1">
  10.             <label class="col-form-label col-sm-3 form-control-label pr-0" for="recherche_accueil_commune">
  11.                 {{ form_recherche.commune.vars.label }}
  12.             </label>
  13.             {{ form_widget(form_recherche.commune, {'attr': {'class': 'col-sm-7 ml-3 mr-2 mr-sm-0' } }) }}
  14.         </div>
  16.         {% if active_bureau_distrib is defined and active_bureau_distrib == 'true' %}
  17.             <div class="form-group row mb-1">
  18.                 <label class="col-form-label col-sm-3 form-control-label pr-0" for="recherche_accueil_commune">
  19.                     {{ form_recherche.bureau_distributeur.vars.label }}
  20.                 </label>
  21.                 {{ form_widget(form_recherche.bureau_distributeur, {'attr': {'class': 'col-sm-7 ml-3 mr-2 mr-sm-0' } }) }}
  22.             </div>
  23.         {% endif %}
  25.         {{ form_start(form_recherche.lieu_accueil) }}
  27.         <div class="form-group row mb-1">
  28.             <label class="col-form-label col-sm-3 form-control-label pr-0" for="recherche_assistant_maternel_lieu_accueil">Lieu d'accueil
  29.                 <i class='fa fa-small fa-info-circle text-primary' data-toggle="tooltip" title='Permet de restreindre aux assistants maternels agréés à domicile, en MAM ou agréés aux deux à la fois'></i>
  30.             </label>
  31.             <div class="col-sm-9">
  32.                 <div class="btn-group btn-group-toggle" data-toggle="buttons">
  33.                     <label class="btn btn-secondary btn-light btn-sm {{ lieu_accueil == 'tous' ? 'show active' : '' }}">
  34.                         <input type="radio" name="options_lieu" id="tous-tab" autocomplete="off" {{ lieu_accueil == 'tous' ? 'checked' : '' }} data-toggle="tab" href="#tous" role="tab" aria-controls="tous">
  35.                         Tous
  36.                     </label>
  37.                     <label class="btn btn-secondary btn-light btn-sm {{ lieu_accueil == 'domicile' ? 'show active' : '' }}">
  38.                         <input type="radio" name="options_lieu" id="domicile-tab" autocomplete="off" {{ lieu_accueil == 'domicile' ? 'checked' : '' }} data-toggle="tab" href="#domicile" role="tab" aria-controls="domicile">
  39.                         Domicile
  40.                     </label>
  41.                     <label class="btn btn-secondary btn-light btn-sm {{ lieu_accueil == 'mam' ? 'show active' : '' }}">
  42.                         <input type="radio" name="options_lieu" id="mam-tab" autocomplete="off" {{ lieu_accueil == 'mam' ? 'checked' : '' }} data-toggle="tab" href="#mam" role="tab" aria-controls="mam">
  43.                         MAM
  44.                     </label>
  45.                 </div>
  46.             </div>
  47.         </div>
  49.         <div class="form-group row mb-1">
  50.             <label class="col-form-label col-sm-3 form-control-label pr-0" for="recherche_dispo_date_naissance_enf">
  51.                 Date de naissance de l'enfant
  52.                 <i class='fa fa-small fa-info-circle text-primary' data-toggle="tooltip" title="Date de naissance de l'enfant à accueillir"></i>
  53.             </label>
  54.             <div class="col-8 col-sm-6 ml-3 p-0">
  55.                 {{ form_widget(form_recherche.date_naissance_enf) }}
  56.             </div>
  57.             <div id="lblAgeEnfant" class="col-3 col-sm-2">
  59.             </div>
  60.         </div>
  62.         <div class="form-group row mb-1">
  63.             <label class="col-form-label col-sm-3 form-control-label pr-0" for="recherche_dispo_date_debut_accueil">
  64.                 A partir du
  65.                 <i class='fa fa-small fa-info-circle text-primary' data-toggle="tooltip" title="Date de début d'accueil"></i>
  66.             </label>
  67.             <div class="col-8 col-sm-6 ml-3 p-0">
  68.                 {{ form_widget(form_recherche.date_debut_accueil) }}
  69.             </div>
  70.         </div>
  72.         <div class="form-group row mb-1 mx-3">
  73.             {% if active_atypique is defined and active_atypique == 'true' %}
  74.                 <div class="col-3">
  75.                     {{ form_widget(form_recherche.accepte_atypique_matin) }}
  76.                 </div>
  77.                 <div class="col-4">
  78.                     {{ form_widget(form_recherche.accepte_atypique_soir) }}
  79.                 </div>
  80.             {% endif %}
  81.             {% if active_handicap is defined and active_handicap == 'true' %}
  82.                 <div class="col-5">
  83.                     {{ form_widget(form_recherche.accepte_handicap) }}
  84.                 </div>
  85.             {% endif %}
  86.         </div>
  88.         <div class="form-group row mb-1 mx-3">
  89.             {% include 'dispo/_tableau_dispo.html.twig' with {'form_dispo':form_recherche, 'edition': true} %}
  90.         </div>
  92.         <div class="form-group mb-1">
  93.             <div class="text-center">
  94.                 {{ form_widget(form_recherche.rechercher) }}
  95.             </div>
  96.         </div>
  98.         {{ form_end(form_recherche) }}
  99.     </div>
  101.     {% include 'grand_public/recherche/_resultats_tableaux_assmat.html.twig' %}
  103. {% endblock %}
  105. {% block javascripts %}
  106.     {{ parent() }}
  107.     <script src="/js/GDA/accueilPlanning.js"></script>
  108.     <script>
  109.         jQuery(function () {
  111.             moment.locale('fr');
  113.             $('input[name="options_lieu"]').on('change', function (e) {
  114.                 if ($(e.target)) {
  115.                     lieu_value = $(e.target).attr('aria-controls');
  116.                     $('#{{ form_recherche.lieu_accueil.vars.id }}').val(lieu_value);
  117.                 }
  118.             });
  120.             initDatePicker('#recherche_dispo_date_debut_accueil', true, false, true, true);
  121.             var dne = initDatePicker('#recherche_dispo_date_naissance_enf', false, true, true, true);
  123.             //init au rechargement
  124.             ddn = $('#recherche_dispo_date_naissance_enf').val();
  125.             if (ddn) {
  126.                 $('#lblAgeEnfant').html(filtreAge(ddn));
  127.             }
  129.             dne.on('change', function (e) {
  130.                 if ($(e.target)) {
  131.                     var valeur = e.target.value;
  132.                     $('#lblAgeEnfant').html(filtreAge(valeur));
  133.                 }
  134.             });
  135.         });
  137.         //soumission du formulaire
  138.         $(document).on('submit', 'form', function (e) {
  139.             var $form = $(e.target);
  140.             var $submitButton = $form.find(':submit');
  141.             $submitButton.html('<i class="fas fa-spinner fa-pulse"></i>');
  142.             $submitButton.prop('disabled', true);
  143.         });
  145.         // Initialisation avec seulement 2 états (dispo/pas dispo) et pas de callback lors des modifications
  146.         AccueilPlanningModule.init([
  147.             {valeurChamp: "1", nomClasse: 'accueil_vide'},
  148.             {valeurChamp: "2", nomClasse: 'bg-dispo'}
  149.         ]);
  150.     </script>
  151. {% endblock %}