Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cbacda34ca |
+41
-36
@@ -1346,11 +1346,13 @@
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if 'username' in session %}
|
||||
<!--
|
||||
{% if current_permissions.pages.get('tutorial_page', False) %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link quick-link-pill {% if current_path == url_for('tutorial_page') %}nav-active{% endif %}" href="{{ url_for('tutorial_page') }}" data-tutorial-tip="Nutzen Sie das Tutorial, um die Bibliotheksfunktionen kennenzulernen.">Tutorial</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
-->
|
||||
{% endif %}
|
||||
{% if 'username' in session and current_permissions.actions.get('can_insert', False) and current_permissions.pages.get('library_admin', False) %}
|
||||
<li class="nav-item">
|
||||
@@ -1630,6 +1632,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
|
||||
<div id="onboarding-overlay" role="dialog" aria-modal="true" aria-label="Tutorial Vorschlag">
|
||||
<div id="onboarding-modal">
|
||||
<h3>Wollen Sie eine Vorstellung des Produkts?</h3>
|
||||
@@ -1643,6 +1647,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div id="notification-toast" class="notification-toast" role="status" aria-live="polite">
|
||||
<strong id="notification-toast-title">Neue Benachrichtigung</strong>
|
||||
@@ -1662,7 +1667,7 @@
|
||||
<option value="Benachrichtigungen"></option>
|
||||
{% endif %}
|
||||
{% if current_permissions.pages.get('tutorial_page', False) %}
|
||||
<option value="Tutorial"></option>
|
||||
<!--<option value="Tutorial"></option>-->
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
@@ -1765,10 +1770,10 @@
|
||||
});
|
||||
|
||||
const username = {{ (session['username'] if 'username' in session else '')|tojson }};
|
||||
const isTutorialPage = window.location.pathname === {{ url_for('tutorial_page')|tojson }};
|
||||
//const isTutorialPage = window.location.pathname === {{ url_for('tutorial_page')|tojson }};
|
||||
const isLoginPage = window.location.pathname === {{ url_for('login')|tojson }};
|
||||
const notificationsPagePath = {{ url_for('notifications_view')|tojson }};
|
||||
const onboardingKey = username ? ('inventarsystem_tutorial_prompt_v1_' + username) : null;
|
||||
//const onboardingKey = username ? ('inventarsystem_tutorial_prompt_v1_' + username) : null;
|
||||
const onboardingOverlay = document.getElementById('onboarding-overlay');
|
||||
const notificationButtons = Array.from(document.querySelectorAll('[data-notification-button="true"]'));
|
||||
const notificationToast = document.getElementById('notification-toast');
|
||||
@@ -1789,9 +1794,9 @@
|
||||
{% if current_permissions.pages.get('notifications_view', False) %}
|
||||
{ label: 'Benachrichtigungen', keywords: ['benachrichtigungen', 'nachrichten', 'notifications'], url: {{ url_for('notifications_view')|tojson }} },
|
||||
{% endif %}
|
||||
{% if current_permissions.pages.get('tutorial_page', False) %}
|
||||
{ label: 'Tutorial', keywords: ['tutorial', 'hilfe', 'anleitung'], url: {{ url_for('tutorial_page')|tojson }} },
|
||||
{% endif %}
|
||||
//{% if current_permissions.pages.get('tutorial_page', False) %}
|
||||
//{ label: 'Tutorial', keywords: ['tutorial', 'hilfe', 'anleitung'], url: {{ url_for('tutorial_page')|tojson }} },
|
||||
//{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{ label: 'Impressum', keywords: ['impressum'], url: {{ url_for('impressum')|tojson }} },
|
||||
@@ -2042,11 +2047,11 @@
|
||||
window.setInterval(pollNotificationStatus, 30000);
|
||||
}
|
||||
|
||||
function showOnboarding(){
|
||||
if (onboardingOverlay) {
|
||||
onboardingOverlay.style.display = 'flex';
|
||||
}
|
||||
}
|
||||
//function showOnboarding(){
|
||||
// if (onboardingOverlay) {
|
||||
// onboardingOverlay.style.display = 'flex';
|
||||
// }
|
||||
//}
|
||||
|
||||
function hideOnboarding(){
|
||||
if (onboardingOverlay) {
|
||||
@@ -2054,19 +2059,19 @@
|
||||
}
|
||||
}
|
||||
|
||||
if (onboardingKey && !isTutorialPage && !isLoginPage) {
|
||||
const decision = localStorage.getItem(onboardingKey);
|
||||
if (!decision || decision === 'later') {
|
||||
showOnboarding();
|
||||
}
|
||||
}
|
||||
//if (onboardingKey && !isTutorialPage && !isLoginPage) {
|
||||
// const decision = localStorage.getItem(onboardingKey);
|
||||
// if (!decision || decision === 'later') {
|
||||
// showOnboarding();
|
||||
// }
|
||||
//}
|
||||
|
||||
document.getElementById('onboarding-start')?.addEventListener('click', function(){
|
||||
if (onboardingKey) {
|
||||
localStorage.setItem(onboardingKey, 'started');
|
||||
}
|
||||
window.location.href = {{ url_for('tutorial_page')|tojson }};
|
||||
});
|
||||
//document.getElementById('onboarding-start')?.addEventListener('click', function(){
|
||||
// if (onboardingKey) {
|
||||
// localStorage.setItem(onboardingKey, 'started');
|
||||
// }
|
||||
// window.location.href = {{ url_for('tutorial_page')|tojson }};
|
||||
//});
|
||||
|
||||
document.getElementById('onboarding-later')?.addEventListener('click', function(){
|
||||
if (onboardingKey) {
|
||||
@@ -2399,21 +2404,21 @@
|
||||
<script>
|
||||
(function () {
|
||||
const username = {{ (session['username'] if 'username' in session else '')|tojson }};
|
||||
const tooltipModeKey = username ? ('inventarsystem_tutorial_tooltips_enabled_' + username) : 'inventarsystem_tutorial_tooltips_enabled';
|
||||
//const tooltipModeKey = username ? ('inventarsystem_tutorial_tooltips_enabled_' + username) : 'inventarsystem_tutorial_tooltips_enabled';
|
||||
const enabled = localStorage.getItem(tooltipModeKey) === '1';
|
||||
|
||||
function applyTooltipMode(active) {
|
||||
document.body.classList.toggle('tutorial-tooltips-active', active);
|
||||
let indicator = document.getElementById('tutorialTooltipIndicator');
|
||||
if (!indicator) {
|
||||
indicator = document.createElement('div');
|
||||
indicator.id = 'tutorialTooltipIndicator';
|
||||
indicator.className = 'tutorial-tooltip-indicator';
|
||||
indicator.textContent = 'Tutorial-Modus aktiv: Tooltips sind eingeschaltet';
|
||||
document.body.appendChild(indicator);
|
||||
}
|
||||
indicator.style.display = active ? 'inline-flex' : 'none';
|
||||
}
|
||||
//function applyTooltipMode(active) {
|
||||
// document.body.classList.toggle('tutorial-tooltips-active', active);
|
||||
// let indicator = document.getElementById('tutorialTooltipIndicator');
|
||||
// if (!indicator) {
|
||||
// indicator = document.createElement('div');
|
||||
// indicator.id = 'tutorialTooltipIndicator';
|
||||
// indicator.className = 'tutorial-tooltip-indicator';
|
||||
// indicator.textContent = 'Tutorial-Modus aktiv: Tooltips sind eingeschaltet';
|
||||
// document.body.appendChild(indicator);
|
||||
// }
|
||||
// indicator.style.display = active ? 'inline-flex' : 'none';
|
||||
//}
|
||||
|
||||
applyTooltipMode(enabled);
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user