[
    {
        "id": "div_head",
        "component": "component_div",
        "adjust": {
            "align": "center",
            "top": "",
            "left": "",
            "right": "",
            "bottom": "",
            "width": "default"
        },
        "content": ["include:*application*/admin/zlib_mod/front/head/head"]
    },
    {
        "id":"api",
        "component":"component_api",
        "ws_domain":""
    },
    {
        "id": "page_board",
        "component": "component_div",
        "adjust": {
            "align": "center",
            "top": "",
            "left": "",
            "right": "",
            "bottom": "",
            "width": "80%"
        },
        "isWrapper": false,
        "content": [
                {
                "id": "chartkpi",
                    "component": "component_chartkpi",
                    "adjust": {
                        "align": "center",
                        "top": "",
                        "left": "",
                        "right": "",
                        "bottom": "",
                        "width": "100%"
                    }
                },
                {
                    "id": "chart_top",
                    "component": "component_chart",
                    "chart": [
                        {
                            "id": "t3",
                            "type": "pie",
                            "title": "Répartition des tickets par statut",
                            "color": [],
                            "label": []
                        },
                        {
                            "id": "t2",
                            "type": "pie",
                            "title": "Répartition des tickets par catégorie/problème",
                            "color": [],
                            "label": []
                        }
                    ],
                    "adjust": {
                        "align": "center",
                        "top": "",
                        "left": "",
                        "right": "",
                        "bottom": "",
                        "width": "100%"
                    }
                },
                {
                    "id": "chart_bottom",
                    "component": "component_chart",
                    "chart": [
                        {
                            "id": "t1",
                            "type": "bar",
                            "title": "Répartition des temps de résolution des tickets",
                            "label": [
                                "1h",
                                "2h",
                                "6h",
                                "12h",
                                "+12h"
                            ],
                            "color": "#67BB6B"
                        }
                    ],
                    "adjust": {
                        "align": "center",
                        "top": "",
                        "left": "",
                        "right": "",
                        "bottom": "",
                        "width": "100%"
                    }
                },
                {
                    "id": "evolution_container",
                    "component": "component_div",
                    "adjust": {
                        "align": "center",
                        "top": "30px",
                        "left": "",
                        "right": "",
                        "bottom": "",
                        "width": "100%"
                    },
                    "isWrapper": false,
                    "content": [
                        {
                            "id": "toggle_periode",
                            "component": "component_multitoggle",
                            "adjust": {
                                "align": "center",
                                "top": "",
                                "left": "",
                                "right": "",
                                "bottom": "20px",
                                "width": "400px"
                            },
                            "label": "",
                            "toggle_list": [
                                { "id": "jour", "label": "Jour", "checked": true },
                                { "id": "semaine", "label": "Semaine", "checked": false },
                                { "id": "mois", "label": "Mois", "checked": false },
                                { "id": "annee", "label": "Année", "checked": false }
                            ]
                        },
                        {
                            "id": "chart_evolution",
                            "component": "component_chartsteppedline",
                            "adjust": {
                                "align": "center",
                                "top": "",
                                "left": "",
                                "right": "",
                                "bottom": "",
                                "width": "100%"
                            },
                            "additionalInfo": {},
                            "chartConfig": {
                                "type": "line",
                                "data": {
                                    "labels": [],
                                    "datasets": [
                                        {
                                            "label": "Nombre de tickets",
                                            "data": [],
                                            "borderColor": "#67BB6B",
                                            "backgroundColor": "rgba(103, 187, 107, 0.2)",
                                            "pointRadius": 5,
                                            "pointHoverRadius": 7,
                                            "borderWidth": 3,
                                            "stepped": false,
                                            "fill": true,
                                            "tension": 0.3
                                        }
                                    ]
                                }
                            },
                            "chartOptions": {
                                "responsive": true,
                                "plugins": {
                                    "legend": {
                                        "position": "top"
                                    },
                                    "title": {
                                        "display": true,
                                        "text": "Évolution du nombre de tickets"
                                    },
                                    "tooltip": {
                                        "enabled": true
                                    }
                                },
                                "scales": {
                                    "x": {
                                        "ticks": {
                                            "color": "#666"
                                        },
                                        "grid": {
                                            "color": "rgba(0, 0, 0, 0.1)"
                                        }
                                    },
                                    "y": {
                                        "beginAtZero": true,
                                        "ticks": {
                                            "color": "#666",
                                            "stepSize": 1
                                        },
                                        "grid": {
                                            "color": "rgba(0, 0, 0, 0.1)"
                                        }
                                    }
                                }
                            }
                        }
                    ]
                }
        ]
    },
    {
        "id": "page_loading",
        "component": "component_div",
        "adjust": {
            "align": "center",
            "top": "",
            "left": "",
            "right": "",
            "bottom": "",
            "width": ""
        },
        "isWrapper": false,
        "content": [
            {
                "id": "page_loading_animation",
                "component": "component_loading",
                "adjust": {
                    "align": "center",
                    "top": "30vh",
                    "left": "",
                    "right": "",
                    "bottom": "",
                    "width": ""
                }
            }
        ]
    },
    {
        "id": "div_footer",
        "component": "component_div",
        "adjust": {
            "align": "center",
            "top": "",
            "left": "",
            "right": "",
            "bottom": "",
            "width": "default"
        },
        "content": ["include:*application*/admin/zlib_mod/front/footer/footer"]
    }
]