Update app.py

app.py

@@ -716,7 +716,7 @@ def layout(**kwargs):
                                         dmc.TabsList(mx="auto",grow=True,
                                             children=[
                                                 dmc.TabsTab("Marché de l'emploi", leftSection=DashIconify(icon="tabler:graph"), value="1"),
-                                                dmc.TabsTab("Statistiques de l'emploi", leftSection=DashIconify(icon="tabler:chart-pie"), value="2"),
+                                                #dmc.TabsTab("Statistiques de l'emploi", leftSection=DashIconify(icon="tabler:chart-pie"), value="2"),
                                                 dmc.TabsTab("Savoir-faire, Savoirs et Contexte des métiers", leftSection=DashIconify(icon="tabler:ikosaedr"), value="3"),
                                             ]
                                         ),
@@ -789,12 +789,12 @@ def layout(**kwargs):
                                                 ]
                                             )
                                         , value="1"),
-                                        dmc.TabsPanel(
-                                            children=[
-                                                dmc.Button("Afficher les statistiques des métiers", mt=10, ml="auto", id="loading-button", leftSection=DashIconify(icon="tabler:chart-pie")),
-                                                html.Div(id="clicked-output"),
-                                                html.Div(id="clicked-output-tabs"),
-                                            ], value="2"),
+                                        #dmc.TabsPanel(
+                                        #    children=[
+                                        #        dmc.Button("Afficher les statistiques des métiers", mt=10, ml="auto", id="loading-button", leftSection=DashIconify(icon="tabler:chart-pie")),
+                                        #        html.Div(id="clicked-output"),
+                                        #        html.Div(id="clicked-output-tabs"),
+                                        #    ], value="2"),
                                         dmc.TabsPanel(
                                             children=[
                                                 dmc.Button("Afficher les savoirs des métiers", mt=10, ml="auto", id="loading-skills", leftSection=DashIconify(icon="tabler:ikosaedr")),
@@ -1272,97 +1272,97 @@ def update_tableau(selectedData, array_value, theme):
     
     return create_tableau(df_FT, theme)
 
-clientside_callback(
-    """
-    function updateLoadingState(n_clicks) {
-        return true
-    }
-    """,
-    Output("loading-button", "loading", allow_duplicate=True),
-    Input("loading-button", "n_clicks"),
-    prevent_initial_call=True,
-)
-
-@callback(
-    Output("clicked-output", "children"),
-    Output("clicked-output-tabs", "children"),
-    Output("loading-button", "loading"),
-    Input("loading-button", "n_clicks"),
-    Input(component_id='framework-multi-select', component_property='value'),
-    Input("mantine-provider", "forceColorScheme"),
-    prevent_initial_call=True,
-)
-def load_from_stats(n_clicks, array_value, theme):
-    if theme == "dark":
-        template = "plotly_dark"
-        paper_bgcolor = 'rgba(36, 36, 36, 1)'
-        plot_bgcolor = 'rgba(36, 36, 36, 1)'
-        style_header = {
-            'fontFamily': "'Inter', sans-serif",
-            'fontSize': '10px',
-            'backgroundColor': 'rgb(30, 30, 30)',
-            'color': 'white'
-        }
-        style_data={
-            'fontFamily': "'Inter', sans-serif",
-            'fontSize': '10px',
-            'backgroundColor': 'rgb(50, 50, 50)',
-            'color': 'white'
-        }
-    else:
-        template = "ggplot2"
-        paper_bgcolor = 'rgba(255, 255, 255, 1)'
-        plot_bgcolor = 'rgba(255, 255, 255, 1)'
-        style_header = {
-            'fontFamily': "'Inter', sans-serif",
-            'fontSize': '10px',
-            'backgroundColor': 'transparent',
-            'color': 'black'
-        }
-        style_data={
-            'fontFamily': "'Inter', sans-serif",
-            'fontSize': '10px',
-            'backgroundColor': 'transparent',
-            'color': 'black'
-        }
-    children = []
-    children_tabs = []
-    for num_value in array_value:
-        table = datavisualisation_chiffres_cles_emplois("https://dataemploi.pole-emploi.fr/metier/chiffres-cles/NAT/FR/" + num_value)
-        array_label_rome = searchByRome(num_value)
-        df_demandeur = htmlToDataframe(table[0])
-        df_demandeur = df_demandeur.sort_values(by=['Indicateur'])
-        print(df_demandeur)
-        fig_demandeur = px.histogram(df_demandeur, x='Indicateur', y='Valeur', height=800, template=template, title="Demandeurs d'emploi et offres d'emploi du code ROME : " +  array_label_rome[0]['label'], color='Indicateur', labels={'Valeur':'Nombre'}, text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
-        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_demandeur)),type="default")), span=6),)
-        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Demandeurs d'emploi et offres d'emploi du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_demandeur.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_demandeur.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
-        if len(table[1]) > 0:
-            df_salaire = htmlToDataframe(table[1])
-            df_salaire = df_salaire.sort_values(by=['salaire'])
-            fig_salaire = px.histogram(df_salaire, x='emploi', y='salaire', height=600, template=template, barmode='group', title="Salaires médians du code ROME : " + array_label_rome[0]['label'], color='categorie', text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
-            children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_salaire)),type="default")), span=6),)
-            children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Salaires médians du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_salaire.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_salaire.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
-        df_difficulte = htmlToDataframe(table[2])
-        if len(df_difficulte) == 0:
-            title = "Aucune donnée difficulté de recrutement renseignée!"
-        else:
-            title = "Difficulté de recrutement du code ROME : " + array_label_rome[0]['label']
-        df_difficulte = df_difficulte.sort_values(by=['Valeur'])
-        fig_difficulte = px.histogram(df_difficulte, x='Indicateur', y='Valeur', height=600, template=template, title=title, color='Indicateur', labels={'Valeur':'Pourcentage'}, text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
-        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_difficulte)),type="default")), span=6))
-        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label(title),dash_table.DataTable(data=df_difficulte.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_difficulte.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
-        df_repartitionContrat = htmlToDataframe(table[3])
-        df_repartitionContrat = df_repartitionContrat.sort_values(by=['Valeur'])
-        fig_repartitionContrat = px.pie(df_repartitionContrat, names='Indicateur', values='Valeur', color='Indicateur', template=template, title="Répartition des embauches du métier : type de contrat du code ROME : " + array_label_rome[0]['label'], labels={'Valeur':'pourcentage'}, color_discrete_sequence=px.colors.qualitative.Safe).update_traces(textposition='inside', textinfo='percent+label').update_layout(font=dict(size=10),paper_bgcolor=paper_bgcolor)
-        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_repartitionContrat)),type="default")), span=6))
-        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Répartition des embauches du métier : type de contrat du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_repartitionContrat.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_repartitionContrat.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
-        df_repartitionEntreprise = htmlToDataframe(table[4])
-        df_repartitionEntreprise = df_repartitionEntreprise.sort_values(by=['Valeur'])
-        fig_repartitionEntreprise = px.pie(df_repartitionEntreprise, names='Indicateur', values='Valeur', color='Indicateur', template=template, title="Répartition des embauches du métier : type entreprise du code ROME : " + array_label_rome[0]['label'], labels={'Valeur':'pourcentage'}, color_discrete_sequence=px.colors.qualitative.Safe).update_traces(textposition='inside', textinfo='percent+label').update_layout(font=dict(size=10),paper_bgcolor=paper_bgcolor)
-        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_repartitionEntreprise)),type="default")), span=6))
-        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Répartition des embauches du métier : type entreprise du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_repartitionEntreprise.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_repartitionEntreprise.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
-
-    return dmc.Grid(children=children), dmc.Grid(children=children_tabs), False
+#clientside_callback(
+#    """
+#    function updateLoadingState(n_clicks) {
+#        return true
+#    }
+#    """,
+#    Output("loading-button", "loading", allow_duplicate=True),
+#    Input("loading-button", "n_clicks"),
+#    prevent_initial_call=True,
+#)
+
+#@callback(
+#    Output("clicked-output", "children"),
+#    Output("clicked-output-tabs", "children"),
+#    Output("loading-button", "loading"),
+#    Input("loading-button", "n_clicks"),
+#    Input(component_id='framework-multi-select', component_property='value'),
+#    Input("mantine-provider", "forceColorScheme"),
+#    prevent_initial_call=True,
+#)
+#def load_from_stats(n_clicks, array_value, theme):
+#    if theme == "dark":
+#        template = "plotly_dark"
+#        paper_bgcolor = 'rgba(36, 36, 36, 1)'
+#        plot_bgcolor = 'rgba(36, 36, 36, 1)'
+#        style_header = {
+#            'fontFamily': "'Inter', sans-serif",
+#            'fontSize': '10px',
+#            'backgroundColor': 'rgb(30, 30, 30)',
+#            'color': 'white'
+#        }
+#        style_data={
+#            'fontFamily': "'Inter', sans-serif",
+#            'fontSize': '10px',
+#            'backgroundColor': 'rgb(50, 50, 50)',
+#            'color': 'white'
+#        }
+#    else:
+#        template = "ggplot2"
+#        paper_bgcolor = 'rgba(255, 255, 255, 1)'
+#        plot_bgcolor = 'rgba(255, 255, 255, 1)'
+#        style_header = {
+#            'fontFamily': "'Inter', sans-serif",
+#            'fontSize': '10px',
+#            'backgroundColor': 'transparent',
+#            'color': 'black'
+#        }
+#        style_data={
+#            'fontFamily': "'Inter', sans-serif",
+#            'fontSize': '10px',
+#            'backgroundColor': 'transparent',
+#            'color': 'black'
+#        }
+#    children = []
+#    children_tabs = []
+#    for num_value in array_value:
+#        table = datavisualisation_chiffres_cles_emplois("https://dataemploi.pole-emploi.fr/metier/chiffres-cles/NAT/FR/" + num_value)
+#        array_label_rome = searchByRome(num_value)
+#        df_demandeur = htmlToDataframe(table[0])
+#        df_demandeur = df_demandeur.sort_values(by=['Indicateur'])
+#        print(df_demandeur)
+#        fig_demandeur = px.histogram(df_demandeur, x='Indicateur', y='Valeur', height=800, template=template, title="Demandeurs d'emploi et offres d'emploi du code ROME : " +  array_label_rome[0]['label'], color='Indicateur', labels={'Valeur':'Nombre'}, text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
+#        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_demandeur)),type="default")), span=6),)
+#        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Demandeurs d'emploi et offres d'emploi du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_demandeur.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_demandeur.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
+#        if len(table[1]) > 0:
+#            df_salaire = htmlToDataframe(table[1])
+#            df_salaire = df_salaire.sort_values(by=['salaire'])
+#            fig_salaire = px.histogram(df_salaire, x='emploi', y='salaire', height=600, template=template, barmode='group', title="Salaires médians du code ROME : " + array_label_rome[0]['label'], color='categorie', text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
+#            children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_salaire)),type="default")), span=6),)
+#            children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Salaires médians du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_salaire.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_salaire.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
+#        df_difficulte = htmlToDataframe(table[2])
+#        if len(df_difficulte) == 0:
+#            title = "Aucune donnée difficulté de recrutement renseignée!"
+#        else:
+#            title = "Difficulté de recrutement du code ROME : " + array_label_rome[0]['label']
+#        df_difficulte = df_difficulte.sort_values(by=['Valeur'])
+#        fig_difficulte = px.histogram(df_difficulte, x='Indicateur', y='Valeur', height=600, template=template, title=title, color='Indicateur', labels={'Valeur':'Pourcentage'}, text_auto=True).update_layout(font=dict(size=9),paper_bgcolor=paper_bgcolor,plot_bgcolor=plot_bgcolor,autosize=True)
+#        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_difficulte)),type="default")), span=6))
+#        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label(title),dash_table.DataTable(data=df_difficulte.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_difficulte.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
+#        df_repartitionContrat = htmlToDataframe(table[3])
+#        df_repartitionContrat = df_repartitionContrat.sort_values(by=['Valeur'])
+#        fig_repartitionContrat = px.pie(df_repartitionContrat, names='Indicateur', values='Valeur', color='Indicateur', template=template, title="Répartition des embauches du métier : type de contrat du code ROME : " + array_label_rome[0]['label'], labels={'Valeur':'pourcentage'}, color_discrete_sequence=px.colors.qualitative.Safe).update_traces(textposition='inside', textinfo='percent+label').update_layout(font=dict(size=10),paper_bgcolor=paper_bgcolor)
+#        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_repartitionContrat)),type="default")), span=6))
+#        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Répartition des embauches du métier : type de contrat du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_repartitionContrat.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_repartitionContrat.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
+#        df_repartitionEntreprise = htmlToDataframe(table[4])
+#        df_repartitionEntreprise = df_repartitionEntreprise.sort_values(by=['Valeur'])
+#        fig_repartitionEntreprise = px.pie(df_repartitionEntreprise, names='Indicateur', values='Valeur', color='Indicateur', template=template, title="Répartition des embauches du métier : type entreprise du code ROME : " + array_label_rome[0]['label'], labels={'Valeur':'pourcentage'}, color_discrete_sequence=px.colors.qualitative.Safe).update_traces(textposition='inside', textinfo='percent+label').update_layout(font=dict(size=10),paper_bgcolor=paper_bgcolor)
+#        children.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=(dcc.Graph(figure=fig_repartitionEntreprise)),type="default")), span=6))
+#        children_tabs.append(dmc.GridCol(html.Div(dcc.Loading(id="loadingPlot",children=[dbc.Label("Répartition des embauches du métier : type entreprise du code ROME : " + array_label_rome[0]['label']),dash_table.DataTable(data=df_repartitionEntreprise.to_dict('records'),sort_action='native', columns=[{'id': c, 'name': c} for c in df_repartitionEntreprise.columns],page_action='native', page_current= 0,page_size= 10,style_header=style_header,style_data=style_data,style_table={'overflowX': 'auto'},style_cell={'overflow': 'hidden','textOverflow': 'ellipsis','maxWidth': 0,})],type="default")), span=12),)
+#
+#    return dmc.Grid(children=children), dmc.Grid(children=children_tabs), False
 
 clientside_callback(
     """