Feat/dashboard

SORT/settings.py

@@ -64,10 +64,12 @@ def cast_to_boolean(obj: Any) -> bool:
     "django_bootstrap5",
     "django_extensions",
     "debug_toolbar",
+    "django_plotly_dash.apps.DjangoPlotlyDashConfig",
     "qr_code",
     # apps created by FA:
     "home",
     "survey",
+    "survey.dashboards.apps.DashboardsConfig"
 ]
 
 MIDDLEWARE = [
@@ -81,6 +83,8 @@ def cast_to_boolean(obj: Any) -> bool:
     "django.contrib.messages.middleware.MessageMiddleware",
     "django.middleware.clickjacking.XFrameOptionsMiddleware",
     "debug_toolbar.middleware.DebugToolbarMiddleware",
+    "django_plotly_dash.middleware.BaseMiddleware",
+
 ]
 
 ROOT_URLCONF = "SORT.urls"
@@ -196,6 +200,8 @@ def cast_to_boolean(obj: Any) -> bool:
 )
 CSRF_COOKIE_SECURE = cast_to_boolean(os.getenv("DJANGO_CSRF_COOKIE_SECURE", not DEBUG))
 
+X_FRAME_OPTIONS = 'SAMEORIGIN'
+
 # Logging
 # https://docs.djangoproject.com/en/5.1/topics/logging/
 LOGGING = {

SORT/urls.py

@@ -23,6 +23,7 @@
     path("admin/", admin.site.urls),
     path("", include("home.urls")),
     path("", include("survey.urls"), name="survey"),
+    path('django_plotly_dash/', include('django_plotly_dash.urls')),
 ]
 
 if settings.DEBUG:

data/survey_config/test_all.json

@@ -0,0 +1,118 @@
+{
+  "sections": [
+    {
+      "title": "Welcome",
+      "type": "consent",
+      "fields": [
+        {
+          "type": "radio",
+          "name": "consent",
+          "label": "Your agreement to complete the survey",
+          "required": true,
+          "options": [
+            [
+              "Yes",
+              "I agree to complete the survey"
+            ],
+            [
+              "No",
+              "I do not agree"
+            ]
+          ]
+        }
+      ]
+    },
+    {
+      "title": "Section 1",
+      "description": "",
+      "fields": [
+        {
+          "type": "char",
+          "name": "char_field",
+          "label": "Char field"
+        },
+        {
+          "type": "text",
+          "name": "text_field",
+          "label": "Text field"
+        },
+        {
+          "type": "checkbox",
+          "name": "checkbox_field",
+          "label": "Checkbox field",
+          "options": [
+            [
+              "Value 1",
+              "Label 1"
+            ],
+            [
+              "Value 2",
+              "Label 2"
+            ]
+          ]
+        },
+        {
+          "type": "radio",
+          "name": "radio_field",
+          "label": "Radio field",
+          "options": [
+            [
+              "Value 1",
+              "Label 1"
+            ],
+            [
+              "Value 2",
+              "Label 2"
+            ]
+          ]
+        }
+      ]
+    },
+    {
+      "title": "Section 2",
+      "description": "",
+      "fields": [
+        {
+          "type": "char",
+          "name": "char_field",
+          "label": "Char field"
+        },
+        {
+          "type": "text",
+          "name": "text_field",
+          "label": "Text field"
+        },
+        {
+          "type": "checkbox",
+          "name": "checkbox_field",
+          "label": "Checkbox field",
+          "options": [
+            [
+              "Value 1",
+              "Label 1"
+            ],
+            [
+              "Value 2",
+              "Label 2"
+            ]
+          ]
+        },
+        {
+          "type": "radio",
+          "name": "radio_field",
+          "label": "Radio field",
+          "options": [
+            [
+              "Value 1",
+              "Label 1"
+            ],
+            [
+              "Value 2",
+              "Label 2"
+            ]
+          ]
+        }
+      ]
+    }
+  ]
+}

requirements.txt

@@ -27,6 +27,10 @@ wcwidth==0.2.13
 django_debug_toolbar==4.4.6
 gunicorn==23.*
 strenum==0.4.15
+django-plotly-dash===2.4.3
+numpy==2.1.3
+pandas==2.2.3
 pytest==8.3.4
 pytest-django==4.9.0
 django-qr-code==4.1.0
+scipy==1.15.1

static/templates/base.html

@@ -15,6 +15,8 @@
         <link href="{% static 'css/base.css' %}" rel="stylesheet">
         <link href="{% static 'css/utilities.css' %}" rel="stylesheet">
         {% block extra_css %}{% endblock %}
+        {% load plotly_dash %}
+        {% plotly_header %}
     </head>
     <body>
         {% include 'header.html' %}
@@ -36,6 +38,8 @@
                     {% endfor %}
                 {% endif %}
                 {% block content %}<!-- Content  here -->{% endblock %}
+                {% plotly_footer %}
+
             </div>
         </main>
 
@@ -44,5 +48,4 @@
         <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     </body>
-</html>
-
+</html>

survey/dashboards/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class DashboardsConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "survey.dashboards"