1
0
mirror of https://github.com/dwaxweiler/connector-mobilizon synced 2025-06-05 21:59:25 +02:00

add option to show events of a specific group by indicating its name

This commit is contained in:
Daniel Waxweiler
2021-01-15 20:30:05 +01:00
parent 47945372f9
commit 4dfeabcb84
10 changed files with 90 additions and 44 deletions

View File

@@ -4,59 +4,56 @@ import * as HtmlCreator from './html-creator'
const NAME = '<wordpress-name>';
function displayEvents(data, lists) {
for (let list of lists) {
const maxEventsCount = list.getAttribute('data-maximum')
const events = data.events.elements
const eventsCount = Math.min(maxEventsCount, events.length)
for (let i = 0; i < eventsCount; i++) {
const li = document.createElement('li')
const a = HtmlCreator.createAnchorElement({ text: events[i].title, url: events[i].url });
li.appendChild(a)
function displayEvents(data, list) {
const maxEventsCount = list.getAttribute('data-maximum')
const events = data.events ? data.events.elements : data.group.organizedEvents.elements
const eventsCount = Math.min(maxEventsCount, events.length)
for (let i = 0; i < eventsCount; i++) {
const li = document.createElement('li')
const a = HtmlCreator.createAnchorElement({ text: events[i].title, url: events[i].url });
li.appendChild(a)
const br = document.createElement('br')
li.appendChild(br)
const br = document.createElement('br')
li.appendChild(br)
const beginsOn = new DateTimeWrapper(events[i].beginsOn)
const endsOn = new DateTimeWrapper(events[i].endsOn)
let dateText = beginsOn.getShortDate()
dateText += ' ' + beginsOn.get24Time()
dateText += ' - '
if (!beginsOn.equalsDate(endsOn)) {
dateText += endsOn.getShortDate() + ' '
}
dateText += endsOn.get24Time()
const textnode = document.createTextNode(dateText);
li.appendChild(textnode)
list.appendChild(li)
const beginsOn = new DateTimeWrapper(events[i].beginsOn)
const endsOn = new DateTimeWrapper(events[i].endsOn)
let dateText = beginsOn.getShortDate()
dateText += ' ' + beginsOn.get24Time()
dateText += ' - '
if (!beginsOn.equalsDate(endsOn)) {
dateText += endsOn.getShortDate() + ' '
}
dateText += endsOn.get24Time()
const textnode = document.createTextNode(dateText);
li.appendChild(textnode)
list.appendChild(li)
}
}
function displayErrorMessage(data, lists) {
function displayErrorMessage(data, list) {
console.error(data)
for (let list of lists) {
for (let i = 0; i < list.children.length; i++) {
list.children[i].style.display = 'block'
}
for (let i = 0; i < list.children.length; i++) {
list.children[i].style.display = 'block'
}
}
document.addEventListener('DOMContentLoaded', () => {
const eventLists = document.getElementsByClassName(NAME + '_events-list');
if (eventLists.length) {
// Currently, the URL is the same for all widgets, so just take the first one.
const url = eventLists[0].getAttribute('data-url') + '/api';
let maxEventsCount = 0
for (let list of eventLists) {
maxEventsCount = Math.max(maxEventsCount, list.getAttribute('data-maximum'))
const eventLists = document.getElementsByClassName(NAME + '_events-list')
for (let list of eventLists) {
const url = list.getAttribute('data-url') + '/api'
const limit = list.getAttribute('data-maximum')
const groupName = list.getAttribute('data-group-name')
if (groupName) {
GraphqlWrapper.getUpcomingEventsByGroupName({ url, limit, groupName })
.then((data) => displayEvents(data, list))
.catch((data) => displayErrorMessage(data, list))
} else {
GraphqlWrapper.getUpcomingEvents({ url, limit })
.then((data) => displayEvents(data, list))
.catch((data) => displayErrorMessage(data, list))
}
GraphqlWrapper.getEvents({ url, limit: maxEventsCount })
.then((data) => displayEvents(data, eventLists))
.catch((data) => displayErrorMessage(data, eventLists))
}
})