YMCA OF
GREATER
INDIANAPOLIS
Select My Center Location
Hours & Info

Looking for Something?

TEST

 

// Example JSON response
const jsonResponse = {
“request_uri”: “/api/v1/groupex/41/class-date/today”,
“data”: {
“date”: “2023-01-17”,
“classId”: 41,
“className”: “Cardio Funk/ Toning – monthly”,
“startTime”: “10:00:00”,
“endTime”: “10:18:00”,
“description”: “This is a fun aerobics class that will get you moving to the latest dance moves and music, including weights to sculpt your muscle.”,
“maxAvailableSpots”: 5,
“department”: “Cardio Funk/ Toning”,
“locationName”: “Team Headquarters”,
“resource”: “reclique side”,
“instructors”: [
{
“id”: 9,
“name”: “April Brown”
}
],
“classStatus”: “ACTIVE”,
“category”: 12,
“level”: “Intermediate”,
“waitlist”: “Unavailable”,
“currentlyRegistered”: 0,
“Intensity”: 0,
“BranchID”: 44,
“RequiresRegistration”: true,
“RegistrationLink”: “https://metropolis.recliquecore.com/programs/register/c/41/date/2023-01-17”,
“currentAvailableSpots”: 5
},
“status”: “success”
};

// Function to format class details
function formatClassDetails(data) {
return `

Class Details:

  • Class Name: ${data.className}
  • Date: ${new Date(data.date).toDateString()}
  • Time: ${data.startTime} – ${data.endTime}
  • Description: ${data.description}
  • Department: ${data.department}
  • Location: ${data.locationName}
  • Instructor(s): ${data.instructors.map(instructor => instructor.name).join(‘, ‘)}
  • Status: ${data.classStatus}
  • Level: ${data.level}
  • Max Available Spots: ${data.maxAvailableSpots}
  • Currently Registered: ${data.currentlyRegistered}
  • Waitlist: ${data.waitlist}
  • Registration Required: ${data.RequiresRegistration ? ‘Yes’ : ‘No’}
  • Registration Link: Register Here

`;
}

// Get the element where class details will be displayed
const classDetailsContainer = document.getElementById(‘class-details’);

// Format and display class details
classDetailsContainer.innerHTML = formatClassDetails(jsonResponse.data);

 

YMCA of Greater Indianapolis