Skip to content
Snippets Groups Projects
Verified Commit 7e473dac authored by Nik | Klampfradler's avatar Nik | Klampfradler
Browse files

Reintroduce meta information and Sentry into Vue index

parent f19b9383
No related branches found
No related tags found
2 merge requests!1123Resolve "Finalise Vuetify app as SPA",!1066Translations update from Weblate
Hide whitespace changes
Inline Side-by-side
aleksis/core/templates/core/vue_base.html deleted 100644 → 0
+ 0
− 217
View file @ f19b9383
{# -*- engine:django -*- #}
{% load i18n menu_generator static sass_tags any_js rules html_helpers %}
{% load django_vite %}
{% get_current_language as LANGUAGE_CODE %}
{% get_available_languages as LANGUAGES %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<head>
{% include "core/partials/meta.html" %}
<title>
{% block no_browser_title %}
{% block browser_title %}{% endblock %} —
{% endblock %}
{{ request.site.preferences.general__title }}
</title>
{# CSS #}
{% include_css "Roboto100" %}
{% include_css "Roboto300" %}
{% include_css "Roboto400" %}
{% include_css "Roboto500" %}
{% include_css "Roboto700" %}
{% include_css "Roboto900" %}
{# Add i18n names for calendar (for use in datepicker) #}
{# Passing the locale is not necessary for the scripts to work, but prevents caching issues #}
<script src="{% url "javascript-catalog" %}?locale={{ LANGUAGE_CODE }}" type="text/javascript"></script>
<script src="{% url "calendarweek_i18n_js" %}?first_day=6&amp;locale={{ LANGUAGE_CODE }}"
type="text/javascript"></script>
{% if SENTRY_ENABLED %}
{% if SENTRY_TRACE_ID %}
<meta name="sentry-trace" content="{{ SENTRY_TRACE_ID }}"/>
{% endif %}
{% include_js "Sentry" %}
{{ SENTRY_SETTINGS|json_script:"sentry_settings" }}
<script type="text/javascript">
const sentry_settings = JSON.parse(document.getElementById('sentry_settings').textContent);
Sentry.init({
dsn: sentry_settings.dsn,
environment: sentry_settings.environment,
tracesSampleRate: sentry_settings.traces_sample_rate,
integrations: [new Sentry.Integrations.BrowserTracing()]
});
</script>
{% endif %}
<script type="text/javascript" src="{% url 'config.js' %}"></script>
{% include_js "iconify" %}
{% vite_hmr_client %}
{% block extra_head %}{% endblock %}
</head>
<body {% if no_menu %}class="without-menu"{% endif %}>
<main id="app">
<v-app v-cloak>
{% if not no_menu %}
<v-navigation-drawer app v-model="drawer">
<v-list nav dense shaped>
<v-list-item class="logo">
{% static "img/aleksis-banner.svg" as aleksis_banner %}
<a id="logo-container" href="/" class="brand-logo">
<img src="{% firstof request.site.preferences.theme__logo.url aleksis_banner %}"
alt="{{ request.site.preferences.general__title }} – Logo" style="width: 100%">
</a>
</v-list-item>
{% has_perm 'core.search_rule' user as search %}
{% if search %}
<v-list-item class="search">
<sidenav-search action="{% url "haystack_search" %}"></sidenav-search>
</v-list-item>
{% endif %}
{% include "core/partials/vue_sidenav.html" %}
</v-list>
</v-navigation-drawer>
{% endif %}
<v-app-bar app color="primary white--text">
<v-app-bar-nav-icon @click="drawer = !drawer" color="white"></v-app-bar-nav-icon>
<v-toolbar-title tag="a" class="white--text text-decoration-none" href="{% url "index" %}">
{{ request.site.preferences.general__title }}
</v-toolbar-title>
<v-spacer></v-spacer>
<language-form></language-form>
{% if user.is_authenticated %}
<notification-list></notification-list>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<v-avatar v-bind="attrs" v-on="on">
{% include "core/partials/vue_avatar_content.html" with person_or_user=request.user.person %}
</v-avatar>
</template>
{% get_menu "NAVBAR_ACCOUNT_MENU" as account_menu %}
<v-list>
<v-subheader>{% trans "Logged in as" %} {% firstof user.person.full_name user.get_username %}</v-subheader>
{% for item in account_menu %}
{% if item.divider %}
<v-divider></v-divider>
{% endif %}
<v-list-item href="{{ item.url }}">
<v-list-item-icon>
{% if item.vuetify_icon %}
<v-icon>{{ item.vuetify_icon }}</v-icon>
{% elif item.icon_class %}
<i class="{{ item.icon_class }}"></i>
{% elif item.icon %}
<i class="material-icons">{{ item.icon }}</i>
{% elif item.svg_icon %}
<i class="material-icons iconify" data-icon="{{ item.svg_icon }}"></i>
{% endif %}
</v-list-item-icon>
<v-list-item-title>{{ item.name }}</v-list-item-title>
</a>
</v-list-item>
{% endfor %}
</v-list>
</v-menu>
{% else %}
<v-btn icon href="{% url "notifications" %}">
<v-icon>mdi-bell-outline</v-icon>
</v-btn>
{% endif %}
</v-app-bar>
<v-main>
<v-container>
<cache-notification></cache-notification>
{% include 'core/partials/vue_no_person.html' %}
{% if messages %}
{% for message in messages %}
<message-box type="{{ message.tags }}">{{ message }}</message-box>
{% endfor %}
{% endif %}
{% block no_page_title %}
<h1 class="text-h2">{% block page_title %}{% endblock %}</h1>
{% endblock %}
{% block content %}{% endblock %}
</v-container>
</v-main>
<celery-progress-bottom />
<v-footer app absolute inset dark class="pa-0 d-flex" color="primary lighten-1">
<v-card
flat
tile
class="primary white--text flex-grow-1"
>
{% if FOOTER_MENU.items.all %}
<v-card-text class="pa-0">
<v-container class="px-6">
<v-row
justify="center"
no-gutters
>
{% include "core/partials/vue_footer_menu.html" %}
</v-row>
</v-container>
</v-card-text>
<v-divider></v-divider>
{% endif %}
<v-card-text class="pa-0">
<v-container class="px-6">
<v-row>
<v-col class="white--text d-flex align-center subtitle-2">
<div>
<a href="{% url "about_aleksis" %}" class="white--text text-decoration-none">
{% trans "About AlekSIS® — The Free School Information System" %}
</a>
<span>© The AlekSIS Team</span>
</div>
</v-col>
<v-col class="d-flex justify-end">
{% if request.site.preferences.footer__imprint_url %}
<v-btn small text href="{{ request.site.preferences.footer__imprint_url }}" color="white">
{% trans "Imprint" %}
</v-btn>
{% endif %}
{% if request.site.preferences.footer__privacy_url %}
<v-btn small text href="{{ request.site.preferences.footer__privacy_url }}" color="white">
{% trans "Privacy Policy" %}
</v-btn>
{% endif %}
</v-col>
</v-row>
</v-container>
</v-card-text>
</v-card>
</v-footer>
</v-app>
</main>
{% include_js "luxon" %}
{#{% include_js "materialize" %}#}
{% include_js "sortablejs" %}
{# Fixme: das muss weg ↓ #}
{% include_js "jquery-sortablejs" %}
{% absolute_url "graphql" as GRAPHQL_URL %}
{{ GRAPHQL_URL|json_script:"graphql-url" }}
{{ request.user.person.preferences.theme__design|json_script:"design-mode" }}
{{ request.site.preferences.theme__primary|json_script:"primary-color" }}
{{ request.site.preferences.theme__secondary|json_script:"secondary-color" }}
<script type="text/javascript" src="{% static 'js/search.js' %}"></script>
{% vite_asset 'aleksis/core/assets/index.js' %}
{% block extra_body %}{% endblock %}
</body>
</html>
aleksis/core/templates/core/vue_index.html
+ 25
− 3
View file @ 7e473dac
{# -*- engine:django -*- #}
{% load django_vite %}
{% load django_vite i18n any_js %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html>
<head>
{% include "core/partials/meta.html" %}
<title>{{ request.site.preferences.general__title }}</title>
{% if SENTRY_ENABLED %}
{% if SENTRY_TRACE_ID %}
<meta name="sentry-trace" content="{{ SENTRY_TRACE_ID }}"/>
{% endif %}
{% include_js "Sentry" %}
{{ SENTRY_SETTINGS|json_script:"sentry_settings" }}
<script type="text/javascript">
const sentry_settings = JSON.parse(document.getElementById('sentry_settings').textContent);
Sentry.init({
dsn: sentry_settings.dsn,
environment: sentry_settings.environment,
tracesSampleRate: sentry_settings.traces_sample_rate,
integrations: [new Sentry.Integrations.BrowserTracing()]
});
</script>
{% endif %}
{% vite_hmr_client %}
</head>
<body>
<div id="app">
<main id="app">
<app></app>
</div>
</main>
{% vite_asset 'aleksis/core/assets/index.js' %}
</body>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment