@sdetweil aha! I had tried that as well, but I did not include the ~. I am learning so much from this project :)

@sdetweil Alright I have a few errors showing, and I’m having an issue moving my file to the modules folder. I have verified the name is the same across the folder, the js file, and the config file.

First, I got the following message when trying to move it:

mv MMM-ConcertsAroundMe /modules
mv: cannot move 'MMM-ConcertsAroundMe' to '/modules': Permission denied

Will paste the console errors as well, I am moving between my mac and raspberry pi

@sdetweil well my module isn’t even in the modules folder even though it is in the config file which is confusing to me. I noticed in your screenshot that default is a subfolder of modules. That is true in my path to the module, but they are appearing as one combined folder. I’m not sure why that is the case. In any event, clearly my module was never actually loading at all. Any idea what the issue is here? I’ll start to update my code to remove the API call from the getDom function.

@sdetweil I’m not sure I’m following this. Do you mean in VS code or with the Magic Mirror application running?

Hi folks! I’ve been working on a module to display concerts coming up in my area in the next week using the seatgeek API. I’m not sure why the module will not display now that I’ve added it to the config. I think the code makes sense. Any advice would be greatly appreciated, I’m pasting my getDom function below:

getDom: function() {
        var wrapper = document.createElement("div");
        // create the table element
        const table = document.createElement('table');
        var self = this;

        // set variable for today
        const today = luxon.DateTime.utc().toISODate();

        // set variable for a week from today
        const oneweek = luxon.DateTime.utc().plus({ weeks: 1 }).toISODate();

        // this is the API call url
        var url = "http://api.seatgeek.com/2/events?lat=" + self.config.latitude + "&lon=" + self.config.longitude + "&per_page=" + self.config.eventCount + "&datetime_utc.gte=" + today + "&datetime_utc.lte=" + oneweek + "&range=" + self.config.range + "&type=concert" + "&client_id=" + self.config.apiKey;
    

        // fetching the data from seatgeek
        fetch(url)

            // parse the json response into a JS object
            .then((response) => response.json())
            // then populate a table with the data
            .then(data => {
                // define the table headers
                const headerRow = table.insertRow();
                const artisthead = headerRow.insertCell(0);
                artisthead.innerHTML = 'Artist';
                const datetimehead = headerRow.insertCell(1);
                datetimehead.innerHTML = 'Date & Time';
                const cityhead = headerRow.insertCell(2);
                cityhead.innerHTML = 'City';
                const venuehead = headerRow.insertCell(3);
                venuehead.innerHTML = 'Venue'

                // loop through the data and create row for each item
                for (let i = 0; i < self.config.eventCount && i < data.events.length; i++) {
                    const row = table.insertRow();
                    
                    // populte the cells with data from the API response
                    const artist = row.insertCell(0);
                    artist.innerHTML = data.events[i].performers[0].name;
                    const datetime = row.insertCell(1);
                    datetime.innerHTML = data.events[i].datetime_local;
                    const city = row.insertCell(2);
                    city.innerHTML = data.events[i].venue.city;
                    const venue = row.insertCell(3);
                    venue.innerHTML = data.events[i].venue.name;
                    }   
                
                // add this table to the wrapper
                wrapper.appendChild(table);
                })
        .catch(function() {
            // if the API call is unsuccessful, display error message
            wrapper.innerHTML = "Error calling data to display event information";
            });
    return wrapper;
    },