fix: remove flash

This commit is contained in:
Markos Gogoulos 2025-09-29 16:32:22 +03:00
parent f4ab60e894
commit 7e0931dd5e
4 changed files with 80 additions and 67 deletions

View File

@ -55,6 +55,10 @@ export function renderPage(idSelector, PageComponent) {
appSidebar appSidebar
); );
} }
if (document.body.classList.contains('js-loading')) {
document.body.classList.remove('js-loading');
}
} }
export function renderEmbedPage(idSelector, PageComponent) { export function renderEmbedPage(idSelector, PageComponent) {
@ -63,4 +67,8 @@ export function renderEmbedPage(idSelector, PageComponent) {
if (appContent && PageComponent) { if (appContent && PageComponent) {
ReactDOM.render(<PageComponent />, appContent); ReactDOM.render(<PageComponent />, appContent);
} }
if (document.body.classList.contains('js-loading')) {
document.body.classList.remove('js-loading');
}
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,65 +1,70 @@
{% load static %} {% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
{% block head %} {% block head %}
<title>{% block headtitle %}{{PORTAL_NAME}}{% endblock headtitle %}</title> <title>{% block headtitle %}{{PORTAL_NAME}}{% endblock headtitle %}</title>
{% include "common/head-meta.html" %} {% include "common/head-meta.html" %}
{% block headermeta %} {% block headermeta %}
<meta property="og:title" content="{{PORTAL_NAME}}"> <meta property="og:title" content="{{PORTAL_NAME}}">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
{%endblock headermeta %} {%endblock headermeta %}
{% block externallinks %}{% endblock externallinks %} {% block externallinks %}{% endblock externallinks %}
{% include "common/head-links.html" %} {% include "common/head-links.html" %}
{% block topimports %}{%endblock topimports %} {% block topimports %}{%endblock topimports %}
{% include "config/index.html" %} {% include "config/index.html" %}
{% if not USE_ROUNDED_CORNERS %} {% if not USE_ROUNDED_CORNERS %}
<style> <style>
.viewer-container .player-container, .item-thumb, a.item-thumb { .viewer-container .player-container, .item-thumb, a.item-thumb {
border-radius: revert !important; border-radius: revert !important;
} }
</style> </style>
{% endif %} {% endif %}
<style>
{% endblock head %} .js-loading .page-main-wrap {
visibility: hidden;
</head> }
</style>
<body>
{% endblock head %}
{% block beforecontent %}{% endblock %}
</head>
<div class="page-main-wrap">
{% include "messages.html" %} <body class="js-loading">
{% block content %}{% endblock %}
</div> {% block beforecontent %}{% endblock %}
{% block aftercontent %}{% endblock %} <div class="page-main-wrap">
{% include "messages.html" %}
{% if LOAD_FROM_CDN %} {% block content %}{% endblock %}
<script src="https://vjs.zencdn.net/7.20.2/video.min.js"></script> </div>
{% else %}
<script src="{% static "lib/video-js/7.20.2/video.min.js" %}"></script> {% block aftercontent %}{% endblock %}
{% endif %}
{% if LOAD_FROM_CDN %}
{% block externalscripts %}{% endblock externalscripts %} <script src="https://vjs.zencdn.net/7.20.2/video.min.js"></script>
{% else %}
{% include "common/body-scripts.html" %} <script src="{% static "lib/video-js/7.20.2/video.min.js" %}"></script>
{% endif %}
{% block bottomimports %}{% endblock bottomimports %}
{% block externalscripts %}{% endblock externalscripts %}
</body>
{% include "common/body-scripts.html" %}
</html>
{% block bottomimports %}{% endblock bottomimports %}
</body>
</html>