jumpserver/apps/templates/_foot_js.html

{% load i18n %}
{% load static %}
<!-- Mainly scripts -->
<script src="{% static "js/plugins/metisMenu/jquery.metisMenu.js" %}"></script>

<!-- Custom and plugin javascript -->
<script src="{% static "js/plugins/toastr/toastr.min.js" %}"></script>
<script src="{% static "js/inspinia.js" %}"></script>
<script src="{% static "js/jumpserver.js" %}?v=10"></script>
<script src="{% static 'js/plugins/select2/select2.full.min.js' %}"></script>
<script src="{% static 'js/plugins/select2/i18n/zh-CN.js' %}"></script>
<script src="{% static 'js/plugins/markdown-it.min.js' %}"></script>

{% if INTERFACE.footer_content %}
    <style>
        .markdown-footer a {
            color: #428bca;
        }

        .markdown-footer {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 285px;
            transform: translate(-50%, -50%);
            @media (min-width: 768px) {
                top: 97%;
            }
        }

        .markdown-footer p {
            padding: 0;
            margin: 0;
        }
    </style>
    <div id="markdown-output" class="markdown-footer"></div>
{% endif %}


<script type="text/markdown"> {{ INTERFACE.footer_content }} </script>
<script>
    activeNav("{{ FORCE_SCRIPT_NAME }}");
    $(document).ready(function () {
        setAjaxCSRFToken();
        $('textarea').attr('rows', 5);
        if ($('.tooltip')[0]) {
            $('.tooltip').tooltip();
        }
        $.fn.select2.defaults.set('language', getUserLang());
        const md = window.markdownit({
            html: true,
            linkify: true,
            typographer: true,
            breaks: true
        });
        const markdownContent = `{{ INTERFACE.footer_content|escapejs }}`;
        const markdownRef = document.getElementById('markdown-output');
        
        if (markdownRef && markdownContent) {
            const renderedContent = md.render(markdownContent.trim());
            markdownRef.innerHTML = renderedContent;
            markdownRef.querySelectorAll('a').forEach(link => {
                link.setAttribute('target', '_blank');
                link.setAttribute('rel', 'noopener noreferrer');
            });
        }
    });
</script>