FIX: replace timezone names with GMT offsets in TIMEZONES array

Author: mjabascal10

frontend/src/app/shared/constants/date-timezone-date.const.ts

@@ -6,7 +6,7 @@ export const DEFAULT_DATE_SETTING_DATE = 'medium';
 export const DATE_SETTING_TIMEZONE_SHORT = 'utmstack.time.zone';
 export const DATE_SETTING_FORMAT_SHORT = 'utmstack.time.dateformat';
 
-export const TIMEZONES: Array<{ label: string; timezone: string, zone: string }> = [
+/*export const TIMEZONES: Array<{ label: string; timezone: string, zone: string }> = [
   {label: 'UTC', timezone: 'UTC', zone: 'UTC'},
   {label: 'Eastern Standard Time (New York)', timezone: 'America/New_York', zone: 'America'},
   {label: 'Pacific Standard Time (Los Angeles)', timezone: 'America/Los_Angeles', zone: 'America'},
@@ -35,8 +35,40 @@ export const TIMEZONES: Array<{ label: string; timezone: string, zone: string }>
   {label: 'Jerusalem (IST)', timezone: 'Asia/Jerusalem', zone: 'Asia'},
   {label: 'Buenos Aires (ART)', timezone: 'America/Argentina/Buenos_Aires', zone: 'America'},
   {label: 'São Paulo (BRT)', timezone: 'America/Sao_Paulo', zone: 'America'},
+];*/
+
+export const TIMEZONES: Array<{ label: string; timezone: string, zone: string }> = [
+  {label: getOffset('UTC'), timezone: 'UTC', zone: 'UTC'},
+  {label: getOffset('America/New_York'), timezone: 'America/New_York', zone: 'America'},
+  {label: getOffset('America/Los_Angeles'), timezone: 'America/Los_Angeles', zone: 'America'},
+  {label: getOffset('America/Chicago'), timezone: 'America/Chicago', zone: 'America'},
+  {label: getOffset('America/Denver'), timezone: 'America/Denver', zone: 'America'},
+  {label: getOffset('America/Halifax'), timezone: 'America/Halifax', zone: 'America'},
+  {label: getOffset('America/Anchorage'), timezone: 'America/Anchorage', zone: 'America'},
+  {label: getOffset('Pacific/Honolulu'), timezone: 'Pacific/Honolulu', zone: 'Pacific'},
+  {label: getOffset('Europe/London'), timezone: 'Europe/London', zone: 'Europe'},
+  {label: getOffset('Europe/Paris'), timezone: 'Europe/Paris', zone: 'Europe'},
+  {label: getOffset('Europe/Berlin'), timezone: 'Europe/Berlin', zone: 'Europe'},
+  {label: getOffset('Europe/Madrid'), timezone: 'Europe/Madrid', zone: 'Europe'},
+  {label: getOffset('Europe/Rome'), timezone: 'Europe/Rome', zone: 'Europe'},
+  {label: getOffset('Europe/Moscow'), timezone: 'Europe/Moscow', zone: 'Europe'},
+  {label: getOffset('Europe/Istanbul'), timezone: 'Europe/Istanbul', zone: 'Europe'},
+  {label: getOffset('Australia/Sydney'), timezone: 'Australia/Sydney', zone: 'Australia'},
+  {label: getOffset('Australia/Melbourne'), timezone: 'Australia/Melbourne', zone: 'Australia'},
+  {label: getOffset('Australia/Perth'), timezone: 'Australia/Perth', zone: 'Australia'},
+  {label: getOffset('Asia/Shanghai'), timezone: 'Asia/Shanghai', zone: 'Asia'},
+  {label: getOffset('Asia/Tokyo'), timezone: 'Asia/Tokyo', zone: 'Asia'},
+  {label: getOffset('Asia/Seoul'), timezone: 'Asia/Seoul', zone: 'Asia'},
+  {label: getOffset('Asia/Singapore'), timezone: 'Asia/Singapore', zone: 'Asia'},
+  {label: getOffset('Asia/Hong_Kong'), timezone: 'Asia/Hong_Kong', zone: 'Asia'},
+  {label: getOffset('Asia/Kolkata'), timezone: 'Asia/Kolkata', zone: 'Asia'},
+  {label: getOffset('Asia/Dubai'), timezone: 'Asia/Dubai', zone: 'Asia'},
+  {label: getOffset('Asia/Jerusalem'), timezone: 'Asia/Jerusalem', zone: 'Asia'},
+  {label: getOffset('America/Argentina/Buenos_Aires'), timezone: 'America/Argentina/Buenos_Aires', zone: 'America'},
+  {label: getOffset('America/Sao_Paulo'), timezone: 'America/Sao_Paulo', zone: 'America'},
 ];
 
+
 export const DATE_FORMATS: Array<{ label: string; format: string; equivalentTo: string }> = [
   {label: 'Short', format: 'short', equivalentTo: 'M/d/yy, h:mm a'},
   {label: 'Medium', format: 'medium', equivalentTo: 'MMM d, y, h:mm:ss a'},
@@ -68,3 +100,17 @@ export function getDateInfo(
   return formatObj ? formatObj : null;
 }
 
+// Helper function to get the UTC offset
+function getOffset(timezone: string): string {
+  const now = new Date();
+  const options = {
+    timeZone: timezone,
+    timeZoneName: 'shortOffset'  // Esto devuelve el offset en formato GMT±X
+  };
+  const formatter = new Intl.DateTimeFormat('en-US', options);
+  const parts = formatter.formatToParts(now);
+
+  // Buscamos la parte que contiene el GMT±X
+  const gmtPart = parts.find(part => part.type === 'timeZoneName');
+  return gmtPart ? gmtPart.value : '';
+}

version.yml

@@ -1 +1 @@
-version: 10.5.8
+version: 10.5.9