web/flows/sfe: fix global background image not being loaded (#14442) * web/flows/sfe: add initial loading spinner * fix brand-level default flow background not working with SFE and loading original image with full flow interface https://github.com/goauthentik/authentik/pull/13079#issuecomment-2853357407 --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io> Co-authored-by: Jens L. <jens@goauthentik.io>
35 lines
826 B
HTML
35 lines
826 B
HTML
{% extends "base/skeleton.html" %}
|
|
|
|
{% load static %}
|
|
{% load authentik_core %}
|
|
|
|
{% block head_before %}
|
|
{{ block.super }}
|
|
<link rel="prefetch" href="{{ flow_background_url }}" />
|
|
{% if flow.compatibility_mode and not inspector %}
|
|
<script>ShadyDOM = { force: !navigator.webdriver };</script>
|
|
{% endif %}
|
|
{% include "base/header_js.html" %}
|
|
<script>
|
|
window.authentik.flow = {
|
|
"layout": "{{ flow.layout }}",
|
|
};
|
|
</script>
|
|
{% endblock %}
|
|
|
|
{% block head %}
|
|
<script src="{% versioned_script 'dist/flow/FlowInterface-%v.js' %}" type="module"></script>
|
|
<style>
|
|
:root {
|
|
--ak-flow-background: url("{{ flow_background_url }}");
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<ak-message-container></ak-message-container>
|
|
<ak-flow-executor flowSlug="{{ flow.slug }}">
|
|
<ak-loading></ak-loading>
|
|
</ak-flow-executor>
|
|
{% endblock %}
|