ryan/cmtracker
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add leaflet css and js for mapping functionality

Browse Source
This commit is contained in:
Ryan Prather 2024-12-22 23:07:05 +00:00
parent c7560e8e40
commit c0a1929892
1 changed files with 24 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
templates/base.html.twig
View File

@ -11,8 +11,8 @@
</title> </title>
<!-- Simple CSS <!-- Simple CSS
<link <link
rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">--> rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">-->
<!-- Fonts and icons --> <!-- Fonts and icons -->
<link <link
@ -28,34 +28,36 @@
rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0"/> rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0"/>
<!-- CSS Files --> <!-- CSS Files -->
<link id="pagestyle" href="{{ asset('css/material-dashboard.css') }}?v=3.2.0" rel="stylesheet"/> {% block stylesheets %}{% endblock %} <link id="pagestyle" href="{{ asset('css/material-dashboard.css') }}?v=3.2.0" rel="stylesheet"/> {% block stylesheets %}{% endblock %}
</head> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
</head>
<body class="bg-gray-200"> {% block body %}{% endblock %} <body class="bg-gray-200"> {% block body %}{% endblock %}
{% block javascripts %} {% block javascripts %}
<script src="{{ asset('js/core/popper.min.js') }}"></script> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<script src="{{ asset('js/core/bootstrap.min.js') }}"></script> <script src="{{ asset('js/core/popper.min.js') }}"></script>
<script src="{{ asset('js/plugins/perfect-scrollbar.min.js') }}"></script> <script src="{{ asset('js/core/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/plugins/smooth-scrollbar.min.js') }}"></script> <script src="{{ asset('js/plugins/perfect-scrollbar.min.js') }}"></script>
<script> <script src="{{ asset('js/plugins/smooth-scrollbar.min.js') }}"></script>
var win = navigator.platform.indexOf('Win') > -1; <script>
var win = navigator.platform.indexOf('Win') > -1;
if (win && document.querySelector('#sidenav-scrollbar')) { if (win && document.querySelector('#sidenav-scrollbar')) {
var options = { var options = {
damping: '0.5' damping: '0.5'
} }
Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options); Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
} }
</script> </script>
<!-- Github buttons --> <!-- Github buttons -->
<script async defer src="https://buttons.github.io/buttons.js"></script> <script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc --> <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
<script src="{{ asset('js/material-dashboard.js') }}?v=3.2.0"></script> <script src="{{ asset('js/material-dashboard.js') }}?v=3.2.0"></script>
<script src='{{ asset('js/script.js') }}'></script> <script src='{{ asset('js/script.js') }}'></script>
{% block importmap %} {% block importmap %}
{{ importmap('app') }} {{ importmap('app') }}
{% endblock %}
{% endblock %} {% endblock %}
</body> {% endblock %}
</html> </body>
</html>