{% extends 'assessment/base.html' %} {% from 'bootstrap5/utils.html' import render_icon %} {% from 'macros/javascript_highcharts.j2' import display_sankey %} {% from 'macros/buttons.j2' import create_button %} {% block content %} {{super()}}

Description

{{assessment.description}}

{% for node_type in types.NodeType %} {% endfor %}
{{ display_sankey(sankey_series, assessment=assessment)}}

Performance rating

{# NOTE: This div has HTMX configuration because it can be used by Highcharts callbacks to open a modal for viewing or editing a Highcharts node/link. Highcharts will call `htmx.trigger("#this-div-id", "modalOpened")` after setting the `hx-get` attribute on this div with the correct URL to fetch the needed form. This is a bit complex, but it helps simplify the UI by promoting separation of concerns (a new endpoint is created to take responsibility to display the form, and HTMX is responsible for fetching and submitting right form). This helps prevent one big Jinja template for a unified diagram editing interface that must display at least 4 different kinds of forms. #}
{% endblock %}