From 98e38e8031c8956b866e001bc50ed1d673b250a9 Mon Sep 17 00:00:00 2001
From: Gregory Trullemans <redj@MacBook-Pro-de-Gregory.local>
Date: Tue, 20 Jun 2023 10:29:30 +0200
Subject: [PATCH] Update report choice

---
 .../templates/gymnasts/report_choices.html    | 79 +++++++++++++++----
 1 file changed, 64 insertions(+), 15 deletions(-)

diff --git a/jarvis/people/templates/gymnasts/report_choices.html b/jarvis/people/templates/gymnasts/report_choices.html
index db2a0e4..f003887 100644
--- a/jarvis/people/templates/gymnasts/report_choices.html
+++ b/jarvis/people/templates/gymnasts/report_choices.html
@@ -10,7 +10,7 @@
     <div class="card-body">
         <form class="form-horizontal" id="form" name="form">
             <div class="form-group row">
-                <label for="select_season_for_week" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Week report for</label>
+                <label for="select_season_for_week" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label"><b>Week</b> report for</label>
                 <div class="col-7 col-sm-4 col-md-2 col-lg-2 col-xl-2">
                     <select id="select_season_for_week" class="selectpicker">
                     {% for season in season_list %}
@@ -28,7 +28,7 @@
                     </select>
                 </div>
                 <div class="col-5 col-sm-5 col-md-2 col-lg-2 col-xl-2">
-                    <span id="span_button_generate">
+                    <span id="span_week_button_generate">
                         <a href="" id="week_pdf_link">
                             <button type="button" class="btn btn-icon btn-warning mt-0">
                                 <i class="far fa-download"></i>
@@ -38,23 +38,54 @@
                 </div>
             </div>
             <div class="form-group row">
-                <label for="select_season" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Month report for</label>
+                <label for="select_season_for_month" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label"><b>Month</b> report for</label>
+                <div class="col-7 col-sm-4 col-md-2 col-lg-2 col-xl-2">
+                    <select id="select_season_for_month" class="selectpicker">
+                    {% for season in season_list %}
+                        <option value="{{ season }}" {% if selected_season|stringformat:"s" == season %}selected{% endif %}>{{ season }}</option>
+                    {% endfor %}
+                    </select>
+                </div>
+                <label id="month_management" for="select_month_number" class="col-md-1 col-form-label">month</label>
+                <div class="col-4 col-sm-4 col-md-2 col-lg-2 col-xl-2">
+                    <select id="select_month_number" class="selectpicker">
+                        <option value="">---</option>
+                        <option value="9">Septembre</option>
+                        <option value="10">Octobre</option>
+                        <option value="11">Novembre</option>
+                        <option value="12">Decembre</option>
+                        <option value="1">Janvier</option>
+                        <option value="2">Fevrier</option>
+                        <option value="3">Mars</option>
+                        <option value="4">Avril</option>
+                        <option value="5">Mai</option>
+                        <option value="6">Juin</option>
+                        <option value="7">Juillet</option>
+                        <option value="8">Aout</option>
+                    </select>
+                </div>
                 <div class="col-5 col-sm-5 col-md-2 col-lg-2 col-xl-2">
-                    (under construction)
+                    <span id="span_month_button_generate">
+                        <a href="" id="month_pdf_link">
+                            <button type="button" class="btn btn-icon btn-warning mt-0">
+                                <i class="far fa-download"></i>
+                            </button>
+                        </a>
+                    </span>
                 </div>
             </div>
             <div class="form-group row">
-                <label for="select_season" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Season report for</label>
+                <label for="select_season" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label"><b>Season</b> report for</label>
                 <div class="col-7 col-sm-4 col-md-2 col-lg-2 col-xl-2">
                     <select id="select_season" class="selectpicker">
-                        <option value="">----</option>
+                        <option value="">---</option>
                     {% for season in season_list %}
                         <option value="{{ season }}">{{ season }}</option>
                     {% endfor %}
                     </select>
                 </div>
                 <div class="col-5 col-sm-5 col-md-2 col-lg-2 col-xl-2">
-                    <span id="span_button_generate">
+                    <span id="span_season_button_generate">
                         <a href="" id="season_pdf_link">
                             <button type="button" class="btn btn-icon btn-warning mt-0">
                                 <i class="far fa-download"></i>
@@ -64,7 +95,7 @@
                 </div>
             </div>
             <div class="form-group row">
-                <label for="" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Generate timeline</label>
+                <label for="" class="col-7 col-sm-4 col-md-5 col-lg-5 col-xl-5 col-form-label">Generate <b>timeline</b></label>
                 <div class="col-5 col-sm-5 col-md-2 col-lg-2 col-xl-2">
                     <a href="{% url 'gymnast_timeline_export' gymnast.id %}">
                         <button type="button" class="btn btn-icon btn-warning mt-0">
@@ -82,7 +113,9 @@
 {% block footerscript %}
 <script type="text/javascript">
 
-    $('#span_button_generate').hide();
+    $('#span_week_button_generate').hide();
+    $('#span_month_button_generate').hide();
+    $('#span_season_button_generate').hide();
 
     $('#select_season_for_week').change(function(){
         var tmp_url = "{% url 'get_distinct_week_number_for_season_and_gymnast' gymnast.id '_season_label_' %}";
@@ -111,16 +144,32 @@
             var week_number = $('#select_week_number').children("option:selected").val();
             target_url = tmp_url.replace('_season_label_', season_label).replace('9999', week_number);
             $('#week_pdf_link').attr('href', target_url);
-            $('#span_button_generate').show();
+            $('#span_week_button_generate').show();
         } else
-            $('#span_button_generate').hide();
+            $('#span_week_button_generate').hide();
+    });
+
+    $('#select_month_number').change(function(){
+        if ($('#select_month_number').val() != "") {
+            var tmp_url = "{% url 'gymnast_report_export_for_month_number' gymnast.id '_season_label_' 9999 %}";
+            var season_label = $('#select_season_for_month').children("option:selected").val();
+            var month_number = $('#select_month_number').children("option:selected").val();
+            target_url = tmp_url.replace('_season_label_', season_label).replace('9999', month_number);
+            $('#month_pdf_link').attr('href', target_url);
+            $('#span_month_button_generate').show();
+        } else
+            $('#span_month_button_generate').hide();
     });
 
     $('#select_season').change(function(){
-        var tmp_url = "{% url 'gymnast_report_export_for_season' gymnast.id '_season_label_' %}";
-        var season_label = $('#select_season').children("option:selected").val();
-        target_url = tmp_url.replace('_season_label_', season_label);
-        $('#season_pdf_link').attr('href', target_url);
+        if ($('#select_season').val() != "") {
+            var tmp_url = "{% url 'gymnast_report_export_for_season' gymnast.id '_season_label_' %}";
+            var season_label = $('#select_season').children("option:selected").val();
+            target_url = tmp_url.replace('_season_label_', season_label);
+            $('#season_pdf_link').attr('href', target_url);
+            $('#span_season_button_generate').show();
+        } else
+            $('#span_season_button_generate').hide();
     });
 
 </script>