Update app.py

app.py

@@ -31,7 +31,6 @@ from dash.dependencies import Input, Output, State
 from dash import Dash, html, dcc, callback, callback_context, ctx, Output, Input, dash_table, State, no_update, _dash_renderer, clientside_callback
 from dash import html
 
-import dash_bootstrap_components as dbc
 import dash_bootstrap_components as dbc
 from dash.exceptions import PreventUpdate
 import dash_mantine_components as dmc
@@ -1048,7 +1047,7 @@ app_page = dmc.MantineProvider(
                             fluid=False,
                             children=[
                                 html.Div(id="BCC-status", className="mb-3"),
-                                dbc.Spinner(
+                                dcc.Loading(
                                     html.Div(id="BCC-output", className="p-3", style={"font-size":"0.75rem"}),
                                 ),
                             ],
@@ -1108,7 +1107,7 @@ app_page = dmc.MantineProvider(
                         className="g-0"
                     ),
                     html.H4(id="text-enseignement-dropdown", className="mb-3 text-success", style={"font-size": "0.7rem"}),
-                    dbc.Textarea(id="enseignement-dropdown", className="mb-3", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),
+                    dcc.Loading(dbc.Textarea(id="enseignement-dropdown", className="mb-3", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),),
                 ], md=6),
                 dbc.Col([
                     dbc.Row(
@@ -1122,7 +1121,7 @@ app_page = dmc.MantineProvider(
                         className="g-0"
                     ),
                     html.H4("Choisir d'abord une maquette de formation avec propositions BCC", className="mb-3", style={"font-size": "0.7rem"}),
-                    dbc.Textarea(id="classification-dropdown", className="mb-3", placeholder="Choisir d'abord une maquette avec propositions BCC", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),
+                    dcc.Loading(dbc.Textarea(id="classification-dropdown", className="mb-3", placeholder="Choisir d'abord une maquette avec propositions BCC", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),),
                 ], md=6)
                 ]),
                 dbc.Row([
@@ -1138,7 +1137,7 @@ app_page = dmc.MantineProvider(
                         className="g-0"
                     ),
                     html.H4("Choisir d'abord une maquette de formation avec propositions BCC", className="mb-3", style={"font-size": "0.7rem"}),
-                    dbc.Textarea(id="situation-dropdown", className="mb-3", placeholder="Choisir d'abord une maquette avec propositions BCC", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),
+                    dcc.Loading(dbc.Textarea(id="situation-dropdown", className="mb-3", placeholder="Choisir d'abord une maquette avec propositions BCC", style={"height":"200px", "max-height":"250px", "font-size": "0.75rem","color":"white","border":"border 1px solid rgb(67,167,255)!important", "background-color":"transparent"}),),
                 ], md=6),
                 dbc.Col([
                     dbc.Row(
@@ -1196,7 +1195,7 @@ app_page = dmc.MantineProvider(
                         className="g-0"
                     ),
                     html.Div(id="generation-status", className="mb-3"),
-                    dbc.Spinner(
+                    dcc.Loading(
                         html.Div(id="competence-output", className="p-3 border rounded", style={"color":"rgb(90, 242, 156)","border-color":"rgb(90, 242, 156)!important","background-color":"rgba(90, 242, 156, 0.2)"}),
                     ),
                 ], md=12),
@@ -1266,7 +1265,7 @@ app_page = dmc.MantineProvider(
                         align="left",
                         className="g-0"
                     ),
-            html.Div(id='output-response', style={"color":"rgb(90, 242, 156)","border-radius":"3px","border":"1px solid rgb(255,255,255)!important","background-color":"rgba(90, 242, 156, 0.2)","padding":"5px"}),
+            dcc.Loading(html.Div(id='output-response', style={"color":"rgb(90, 242, 156)","border-radius":"3px","border":"1px solid rgb(255,255,255)!important","background-color":"rgba(90, 242, 156, 0.2)","padding":"5px"}),),
             html.Div(id="notification_wrapper", style={"margin-top":"1rem"}),
         ], width=12)
     ])
@@ -1438,7 +1437,7 @@ app_avid_page = dmc.MantineProvider(
                             fluid=False,
                             children=[
                                 html.Div(id="BCC-status", className="mb-3"),
-                                dbc.Spinner(
+                                dcc.Loading(
                                     html.Div(id="BCC-output", className="p-3", style={"font-size":"0.75rem"}),
                                 ),
                             ],
@@ -1578,7 +1577,7 @@ app_avid_page = dmc.MantineProvider(
                         className="g-0"
                     ),
                     html.Div(id="generation-status", className="mb-3"),
-                    dbc.Spinner(
+                    dcc.Loading(
                         html.Div(id="competence-output", className="p-3 border rounded", style={"color":"rgb(90, 242, 156)","border-color":"rgb(90, 242, 156)!important","background-color":"rgba(90, 242, 156, 0.2)"}),
                     ),
                 ], md=12),
@@ -1648,7 +1647,7 @@ app_avid_page = dmc.MantineProvider(
                         align="left",
                         className="g-0"
                     ),
-            html.Div(id='output-response-avid', style={"color":"rgb(156, 242, 242)","border-radius":"3px","border":"1px solid rgb(255,255,255)!important","background-color":"rgba(156, 242, 242, 0.2)","padding":"5px"}),
+            dcc.Loading(html.Div(id='output-response-avid', style={"color":"rgb(156, 242, 242)","border-radius":"3px","border":"1px solid rgb(255,255,255)!important","background-color":"rgba(156, 242, 242, 0.2)","padding":"5px"}),),
             html.Div(id="notification_wrapper-avid", style={"margin-top":"1rem"}),
         ], width=12)
     ])
@@ -1777,28 +1776,31 @@ def update_skills_dropdown(categorie_selected, pathname):
 )
 def update_enseignements_dropdown(categorie_selected, pathname):
     """Mettre à jour les options du dropdown d'enseignements en fonction de la catégorie sélectionnée."""
-    if not categorie_selected:
-        default_text = "par défaut : "
-        if pathname == "/bcc":
-            categorie_selected = 'JSON/L1-Anglais.json'
-        elif pathname == "/bcc-avid":
-            categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
-    else:
-        default_text = "formation sélectionnée : "
+    try:
+        if not categorie_selected:
+            default_text = "par défaut : "
+            if pathname == "/bcc":
+                categorie_selected = 'JSON/L1-Anglais.json'
+            elif pathname == "/bcc-avid":
+                categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
+        else:
+            default_text = "formation sélectionnée : "
             
-    url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
-    res = requests.get(url, headers=headers, params=params)
-    if res.status_code == 200:
-        jsonData = json.loads(base64.b64decode(res.json()['content']))
-        modal_text = "**Description des catégories d'enseignements : **\n\n"
-        for item in jsonData.get("categories", []):
-            modal_text += f"- **{item['nom']}**:\n\n{item['description']}\n\n"
-        if pathname == "/bcc":
-            return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(jsonData.get("categories", []), indent = 6, separators =(",", ":"),
+        url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
+        res = requests.get(url, headers=headers, params=params)
+        if res.status_code == 200:
+            jsonData = json.loads(base64.b64decode(res.json()['content']))
+            modal_text = "**Description des catégories d'enseignements : **\n\n"
+            for item in jsonData.get("categories", []):
+                modal_text += f"- **{item['nom']}**:\n\n{item['description']}\n\n"
+            if pathname == "/bcc":
+                return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(jsonData.get("categories", []), indent = 6, separators =(",", ":"),
                             sort_keys = True, ensure_ascii=False), "Choisir d'abord une maquette de formation avec propositions BCC : " + default_text + jsonData.get("niveau", ""), modal_text
-        elif pathname == "/bcc-avid":
-            return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(jsonData.get("categories", []), indent = 6, separators =(",", ":"),
+            elif pathname == "/bcc-avid":
+                return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(jsonData.get("categories", []), indent = 6, separators =(",", ":"),
                         sort_keys = True, ensure_ascii=False), "Choisir d'abord une maquette de formation avec propositions BCC : " + default_text + jsonData.get("niveau_etude", ""), modal_text
+    except:
+        print("Aucun fichier chargé!")
     
 @app.callback(
     Output("classification-dropdown", "placeholder"),
@@ -1809,41 +1811,44 @@ def update_enseignements_dropdown(categorie_selected, pathname):
 )
 def update_classification_dropdown(categorie_selected, pathname):
     """Mettre à jour les options du dropdown d'enseignements en fonction de la catégorie sélectionnée."""
-    if not categorie_selected:
-        default_text = "par défaut : "
-        if pathname == "/bcc":
-            categorie_selected = 'JSON/L1-Anglais.json'
-        elif pathname == "/bcc-avid":
-            categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
-    else:
-        default_text = ""
+    try:
+        if not categorie_selected:
+            default_text = "par défaut : "
+            if pathname == "/bcc":
+                categorie_selected = 'JSON/L1-Anglais.json'
+            elif pathname == "/bcc-avid":
+                categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
+        else:
+            default_text = ""
     
-    url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
-    res = requests.get(url, headers=headers, params=params)
-    if res.status_code == 200:
-        jsonData = json.loads(base64.b64decode(res.json()['content']))
-        modal_text = "**Classification des enseignements :**"
-        if pathname == "/bcc":
-            textarea_value = jsonData.get("classified_teachings", [])
-            for key, value in textarea_value.items():
-                modal_text += f"\n\n- **{key}**: "
-                for i in range(0,len(value)):
-                    modal_text += f"{value[i]}\t"
-        elif pathname == "/bcc-avid":
-            textarea_value = jsonData.get("dataframe", [])
-            test = " "
-            for item in sorted(textarea_value, key=lambda x: x['categorie'] if x['categorie'] else ""):
-                if test != item['categorie']:
-                    modal_text += f"\n\n- **{item['categorie']}**: "
-                modal_text += f"{item['enseignements']}\t"
-                test = item['categorie']
+        url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
+        res = requests.get(url, headers=headers, params=params)
+        if res.status_code == 200:
+            jsonData = json.loads(base64.b64decode(res.json()['content']))
+            modal_text = "**Classification des enseignements :**"
+            if pathname == "/bcc":
+                textarea_value = jsonData.get("classified_teachings", [])
+                for key, value in textarea_value.items():
+                    modal_text += f"\n\n- **{key}**: "
+                    for i in range(0,len(value)):
+                        modal_text += f"{value[i]}\t"
+            elif pathname == "/bcc-avid":
+                textarea_value = jsonData.get("dataframe", [])
+                test = " "
+                for item in sorted(textarea_value, key=lambda x: x['categorie'] if x['categorie'] else ""):
+                    if test != item['categorie']:
+                        modal_text += f"\n\n- **{item['categorie']}**: "
+                    modal_text += f"{item['enseignements']}\t"
+                    test = item['categorie']
                 
-        if pathname == "/bcc":
-            return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(textarea_value, indent = 6, separators =(",", ":"),
+            if pathname == "/bcc":
+                return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(textarea_value, indent = 6, separators =(",", ":"),
                          sort_keys = True, ensure_ascii=False),modal_text
-        elif pathname == "/bcc-avid":
-            return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(textarea_value, indent = 6, separators =(",", ":"),
+            elif pathname == "/bcc-avid":
+                return "Choisir d'abord une maquette de formation avec proposition BCC", json.dumps(textarea_value, indent = 6, separators =(",", ":"),
                          sort_keys = True, ensure_ascii=False),modal_text
+    except:
+        print("Aucun fichier chargé!")
     
 @app.callback(
     Output("situation-dropdown", "placeholder"),
@@ -1854,18 +1859,19 @@ def update_classification_dropdown(categorie_selected, pathname):
 )
 def update_situations_dropdown(categorie_selected, pathname):
     """Mettre à jour les options du dropdown d'enseignements en fonction de la catégorie sélectionnée."""
-    if not categorie_selected:
-        default_text = "par défaut : "
-        if pathname == "/bcc":
-            categorie_selected = 'JSON/L1-Anglais.json'
-        elif pathname == "/bcc-avid":
-            categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
-    else:
-        default_text = ""
-    
-    url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
-    res = requests.get(url, headers=headers, params=params)
     try:
+        if not categorie_selected:
+            default_text = "par défaut : "
+            if pathname == "/bcc":
+                categorie_selected = 'JSON/L1-Anglais.json'
+            elif pathname == "/bcc-avid":
+                categorie_selected = 'VD/JSON/L1-Lettres-Modernes.json'
+        else:
+            default_text = ""
+    
+        url = f"https://api.github.com/repos/{OWNER}/{REPO}/contents/{categorie_selected}"
+        res = requests.get(url, headers=headers, params=params)
+    
         if res.status_code == 200:
             jsonData = json.loads(base64.b64decode(res.json()['content']))
             modal_text = "**Description des situations d'apprentissage :**"