Samir Boulahtit
7a7b612519
Rename static/shared/js/vendor/ to static/shared/js/lib/ to avoid confusion with the app's "vendor" (seller) dashboard code in static/vendor/js/. - Rename directory: vendor/ → lib/ - Update all template references to use new path - Update CDN fallback documentation - Fix .gitignore to use /lib/ (root only) instead of lib/ (everywhere) Third-party libraries: - alpine.min.js - chart.umd.min.js - flatpickr.min.js - quill.js - tom-select.complete.min.js Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
106 lines
2.9 KiB
HTML
106 lines
2.9 KiB
HTML
{#
|
|
Optional Libraries with CDN Fallback
|
|
=====================================
|
|
Include these blocks in pages that need Chart.js or Flatpickr.
|
|
|
|
Usage in a page template:
|
|
{% extends "admin/base.html" %}
|
|
|
|
{# For Flatpickr CSS (in head) #}
|
|
{% block flatpickr_css %}
|
|
{% include 'shared/includes/optional-libs.html' with context %}
|
|
{{ flatpickr_css_loader() }}
|
|
{% endblock %}
|
|
|
|
{# For Chart.js #}
|
|
{% block chartjs_script %}
|
|
{% include 'shared/includes/optional-libs.html' with context %}
|
|
{{ chartjs_loader() }}
|
|
{% endblock %}
|
|
|
|
{# For Flatpickr JS #}
|
|
{% block flatpickr_script %}
|
|
{% include 'shared/includes/optional-libs.html' with context %}
|
|
{{ flatpickr_loader() }}
|
|
{% endblock %}
|
|
#}
|
|
|
|
|
|
{#
|
|
Chart.js Loader with CDN Fallback
|
|
=================================
|
|
Loads Chart.js from CDN, falls back to local copy if CDN fails.
|
|
#}
|
|
{% macro chartjs_loader() %}
|
|
<script>
|
|
(function() {
|
|
var script = document.createElement('script');
|
|
script.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js';
|
|
|
|
script.onerror = function() {
|
|
console.warn('Chart.js CDN failed, loading local copy...');
|
|
var fallbackScript = document.createElement('script');
|
|
fallbackScript.src = '{{ url_for("static", path="shared/js/lib/chart.umd.min.js") }}';
|
|
document.head.appendChild(fallbackScript);
|
|
};
|
|
|
|
document.head.appendChild(script);
|
|
})();
|
|
</script>
|
|
{% endmacro %}
|
|
|
|
|
|
{#
|
|
Flatpickr CSS Loader with CDN Fallback
|
|
======================================
|
|
Loads Flatpickr CSS from CDN, falls back to local copy if CDN fails.
|
|
#}
|
|
{% macro flatpickr_css_loader() %}
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css"
|
|
onerror="this.onerror=null; this.href='{{ url_for('static', path='shared/css/vendor/flatpickr.min.css') }}';"
|
|
/>
|
|
{% endmacro %}
|
|
|
|
|
|
{#
|
|
Flatpickr JS Loader with CDN Fallback
|
|
=====================================
|
|
Loads Flatpickr JS from CDN, falls back to local copy if CDN fails.
|
|
#}
|
|
{% macro flatpickr_loader() %}
|
|
<script>
|
|
(function() {
|
|
var script = document.createElement('script');
|
|
script.src = 'https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js';
|
|
|
|
script.onerror = function() {
|
|
console.warn('Flatpickr CDN failed, loading local copy...');
|
|
var fallbackScript = document.createElement('script');
|
|
fallbackScript.src = '{{ url_for("static", path="shared/js/lib/flatpickr.min.js") }}';
|
|
document.head.appendChild(fallbackScript);
|
|
};
|
|
|
|
document.head.appendChild(script);
|
|
})();
|
|
</script>
|
|
{% endmacro %}
|
|
|
|
|
|
{#
|
|
Combined Loaders
|
|
================
|
|
Convenience macros to load multiple libraries at once.
|
|
#}
|
|
|
|
{# Load Chart.js + Flatpickr together #}
|
|
{% macro all_optional_libs_css() %}
|
|
{{ flatpickr_css_loader() }}
|
|
{% endmacro %}
|
|
|
|
{% macro all_optional_libs_js() %}
|
|
{{ chartjs_loader() }}
|
|
{{ flatpickr_loader() }}
|
|
{% endmacro %}
|