This commit is contained in:
Benjamin Takats
2022-12-13 16:20:19 +01:00
parent 06c027fe01
commit 26c699ab1a
9 changed files with 186 additions and 2 deletions

View File

@@ -10,6 +10,14 @@
<!-- Fonts -->
@googlefonts
<!-- Scripts -->
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
media="screen"/>
<script src="https://unpkg.com/jquery"></script>
<script src="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.min.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/de.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/at.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/ch.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/fr.js') }}"></script>
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.js"></script>
@mapscripts

View File

@@ -10,11 +10,19 @@
<!-- Fonts -->
@googlefonts
<!-- Scripts -->
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
media="screen"/>
<script src="https://unpkg.com/jquery"></script>
<script src="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.min.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/de.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/at.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/ch.js') }}"></script>
<script src="{{ asset('vendor/jvector/maps/fr.js') }}"></script>
<script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.js"></script>
@mapscripts
<wireui:scripts/>
<x-comments::scripts />
<x-comments::scripts/>
@vite(['resources/css/app.css', 'resources/js/app.js'])
<!-- Styles -->
@livewireStyles
@@ -33,7 +41,7 @@
--comments-color-border: rgb(221, 221, 221);
--comments-color-text:white;
--comments-color-text: white;
--comments-color-text-dimmed: rgb(164, 164, 164);
--comments-color-text-inverse: white;
@@ -48,6 +56,7 @@
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.comments-button {
background-color: #F7931A !important;
}

View File

@@ -3,6 +3,33 @@
<livewire:frontend.header :country="$country"/>
{{-- MAIN --}}
<section class="w-full mb-12">
<div
class="w-full flex justify-center"
x-data="{
init() {
let markers = [{name: 'VAK', coords: [50.0091294, 9.0371812], status: 'closed', offsets: [0, 2]}];
$('#map').vectorMap({
zoomButtons : false,
zoomOnScroll: false,
map: '{{ $country->code }}_merc',
backgroundColor: 'transparent',
// markers: markers.map(function(h){ return {name: h.name, latLng: h.coords} }),
regionStyle: {
initial: {
fill: '#151515'
},
hover: {
'fill-opacity': 1,
cursor: 'default'
},
}
});
}
}"
>
<div id="map" style="width: 600px; height: 400px"></div>
</div>
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
<livewire:tables.meetup-table :country="$country->code"/>
</div>