Posts made by danncabrera

@MMRIZE Thank you for taking the time, that post was super helpful. You are a legend!

@sdetweil Thank you for your support. This community is awesome.

Hello,

Ive been trying to setup the google photos in only one third of the screen (left) behind the clock and weather modules. But i have not been able to accomplish it.

In short, i want the screen to be divided into thirds, have the left third with the photo background, and clock and weather modules on top. And the remaining 2 thirds containing a weekly view of my calendar.

Modules are working properly, just need to be able to arrange them.

Love this module, and have spent some time modifying some parts of it using CSS and learning a lot on the way. One thing i have not been able to achieve is to have the time format to show exactly how i want it to be.

I want the time for any event to show like 9am / 9:15am instead of the “9:00 a.m.”, to save some space and try to make it more readable. Any ideas on how to achieve this?? i have tried to modify with eventtransformer code in many ways, but all i get is to turn back to 24hr; it seems like it defaults to my locale (ES), and i don’t want to switch since i want everything to be in Spanish.

Any suggestions are welcomed, thank you.

eventTransformer: (event) => {
  // Get the event's start time as a Date object
  let startDate = new Date(event.startDate);

  // Manually extract hours and minutes
  let hours = startDate.getHours();
  let minutes = startDate.getMinutes();
  
  // Determine AM or PM
  let ampm = hours >= 12 ? 'pm' : 'am';
  
  // Convert 24-hour format to 12-hour
  hours = hours % 12;
  hours = hours ? hours : 12;  // If 0 (midnight/noon), set to 12

  // Format minutes (add leading zero if needed)
  let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
  
  // Construct the final time format (e.g., "9am" or "9:15am")
  let formattedTime = `${hours}${minutes === 0 ? '' : ':' + formattedMinutes}${ampm}`;

  // Manually set the formatted time as the event's start time
  event.startTime = formattedTime;
  
  return event;  // Return the modified event with the new time
},