From ef15d1351a64e5390a9d5c69e26877ebd162f845 Mon Sep 17 00:00:00 2001
From: Gregory Trullemans <redj@MacBook-Pro-de-Gregory.local>
Date: Tue, 20 Feb 2024 16:12:12 +0100
Subject: [PATCH] Update combination form

---
 .../templates/combinations/create.html        | 34 +++++++++++++------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/jarvis/objective/templates/combinations/create.html b/jarvis/objective/templates/combinations/create.html
index 3cb6ea2..cd1c475 100644
--- a/jarvis/objective/templates/combinations/create.html
+++ b/jarvis/objective/templates/combinations/create.html
@@ -14,36 +14,36 @@
                         {{ hidden }}
                     {% endfor %}
                     <div class="form-group row {% if form.long_label.errors %}has-error has-feedback{% endif %}">
-                        <label for="id_date" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Long label <span class="text-danger"><b>*</b></span></label>
-                        <div class="col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10">
+                        <label for="id_date" class="col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label">Long label <span class="text-danger"><b>*</b></span></label>
+                        <div class="col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9">
                             {{ form.long_label }}&nbsp;{% if form.long_label.errors %}
                             {% for error in form.long_label.errors %}{{ error }}{% endfor %}</span>{% endif %}
                         </div>
                     </div>
 
                     <div class="form-group row {% if form.short_label.errors %}has-error has-feedback{% endif %}">
-                        <label for="id_date" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Short label <span class="text-danger"><b>*</b></span></label>
-                        <div class="col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10">
+                        <label for="id_date" class="col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label">Short label <span class="text-danger"><b>*</b></span></label>
+                        <div class="col-8 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                             {{ form.short_label }}&nbsp;{% if form.short_label.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in form.short_label.errors %}{{ error }}{% endfor %}</span>{% endif %}
                         </div>
                     </div>
 
                     <div class="form-group row {% if form.is_routine.errors %}has-error has-feedback{% endif %}">
-                        <label for="id_date" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Is routine ? <span class="text-danger"><b>*</b></span></label>
-                        <div class="col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10">
+                        <label for="id_date" class="col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label">Is routine ? <span class="text-danger"><b>*</b></span></label>
+                        <div class="col-6 col-sm-5 col-md-4 col-lg-3 col-xl-2">
                             {{ form.is_routine }}&nbsp;{% if form.is_routine.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in form.is_routine.errors %}{{ error }}{% endfor %}</span>{% endif %}
                         </div>
                     </div>
 
                     <div class="form-group row {% if form.is_competitive.errors %}has-error has-feedback{% endif %}">
-                        <label for="id_date" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Is Competitive ? <span class="text-danger"><b>*</b></span></label>
-                        <div class="col-8 col-sm-10 col-md-10 col-lg-10 col-xl-10">
+                        <label for="id_date" class="col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label">Is Competitive ? <span class="text-danger"><b>*</b></span></label>
+                        <div class="col-6 col-sm-5 col-md-4 col-lg-3 col-xl-2">
                             {{ form.is_competitive }}&nbsp;{% if form.is_competitive.errors %}<span class="btn btn-sm btn-danger-outline">{% for error in form.is_competitive.errors %}{{ error }}{% endfor %}</span>{% endif %}
                         </div>
                     </div>
 
                     <div class="form-group row ">
-                        <label for="id_information" class="col-4 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-form-label">Informations</label>
+                        <label for="id_information" class="col-4 col-sm-2 col-md-3 col-lg-3 col-xl-3 col-form-label">Informations</label>
                         <div class="col-8 col-sm-9 col-md-9 col-lg-9 col-xl-9 {% if form.id_information.errors %}has-danger{% endif %}">
                             {{ form.informations }}
                         </div>
@@ -57,7 +57,7 @@
     </div>
 </div>
 
-<script type="text/javascript" >
+<script type="text/javascript">
     $(function(){
         $('#id_long_label').keyup(function(){
             $('#id_short_label').val($('#id_long_label').val());
@@ -66,6 +66,20 @@
         $('#id_difficulty').val(0);
         $('#id_level').val(0);
         $('#id_active').val(1);
+
+        $('#id_is_routine').change(function(){
+            if($(this).is(":checked")) {
+                // pass
+            } else {
+                $('#id_is_competitive').prop("checked", false);
+            }
+        });
+
+        $('#id_is_competitive').change(function(){
+            if($(this).is(":checked")) {
+                $('#id_is_routine').prop("checked", true);
+            }
+        });
     });
 </script>