This commit is contained in:
Benjamin Takats
2022-12-15 19:08:07 +01:00
parent d0dbb947f4
commit 352420db6d
2 changed files with 24 additions and 16 deletions

View File

@@ -16,7 +16,10 @@ class MeetupEventTable extends Component
public function render() public function render()
{ {
return view('livewire.meetup.meetup-event-table', [ return view('livewire.meetup.meetup-event-table', [
'events' => MeetupEvent::query()->get()->map(fn($event) => [ 'events' => MeetupEvent::query()
->get()
->map(fn($event) => [
'id' => $event->id,
'startDate' => $event->start, 'startDate' => $event->start,
'endDate' => $event->start->endOfDay(), 'endDate' => $event->start->endOfDay(),
'location' => $event->location, 'location' => $event->location,
@@ -25,8 +28,14 @@ class MeetupEventTable extends Component
]); ]);
} }
public function popover($content) public function popover($content, $ids)
{ {
$this->notification()->success($content); return to_route('meetup.table.meetupEvent', [
'country' => $this->country->code, 'table' => [
'filters' => [
'byid' => $ids,
]
]
]);
} }
} }

View File

@@ -38,11 +38,8 @@
init() { init() {
let events = {{ Js::from($events) }}; let events = {{ Js::from($events) }};
events = events.map(function(e){ events = events.map(function(e){
console.log(e.startDate); return {id: e.id, startDate: new Date(e.startDate), endDate: new Date(e.endDate), location: e.location, description: e.description}
console.log(e.endDate);
return {startDate: new Date(e.startDate), endDate: new Date(e.endDate), location: e.location, description: e.description}
}) })
console.log(events);
new Calendar(this.$refs.calendar, { new Calendar(this.$refs.calendar, {
style: 'background', style: 'background',
@@ -51,8 +48,10 @@
clickDay: function(e) { clickDay: function(e) {
if(e.events.length > 0) { if(e.events.length > 0) {
var content = ''; var content = '';
var ids = [];
for(var i in e.events) { for(var i in e.events) {
ids.push(e.events[i].id);
content += '<div class=\'event-tooltip-content\'>' content += '<div class=\'event-tooltip-content\'>'
+ '<div class=\'event-name\'>' + e.events[i].location + '</div>' + '<div class=\'event-name\'>' + e.events[i].location + '</div>'
+ '<div class=\'event-location\'>' + e.events[i].description + '</div>' + '<div class=\'event-location\'>' + e.events[i].description + '</div>'
@@ -60,7 +59,7 @@
} }
console.log(content); console.log(content);
$wire.call('popover', content); $wire.call('popover', content, ids.join(','));
} }
}, },
}); });