openreplay/frontend/app/date.js
2021-05-01 15:12:01 +05:30

113 lines
3.8 KiB
JavaScript

// @flow
import { DateTime, Duration } from 'luxon'; // TODO
export const durationFormatted = (duration: Duration):string => {
if (duration.as('minutes') < 1) { // show in seconds
duration = duration.toFormat('s\'s\'');
} else if (duration.as('hours') < 1) { // show in minutes
duration = duration.toFormat('m\'m\'s\'s');
} else if (duration.as('days') < 1) { // show in hours and minutes
duration = duration.toFormat('h\'h\'m\'m');
} else if (duration.as('months') < 1) { // show in days and hours
duration = duration.toFormat('d\'d\'h\'h');
} else { //
duration = duration.toFormat('m\'m\'s\'s\'');
}
return duration;
};
export function durationFromMsFormatted(ms: number): string {
return durationFormatted(Duration.fromMillis(ms || 0));
}
export const durationFormattedFull = (duration: Duration): string => {
if (duration.as('minutes') < 1) { // show in seconds
let d = duration.toFormat('s');
duration = d + (d > 1 ? ' seconds' : ' second');
} else if (duration.as('hours') < 1) { // show in minutes
let d = duration.toFormat('m');
duration = d + (d > 1 ? ' minutes' : ' minute');
} else if (duration.as('days') < 1) { // show in hours and minutes
let d = duration.toFormat('h');
duration = d + (d > 1 ? ' hours' : ' hour');
} else if (duration.as('months') < 1) { // show in days and hours
let d = duration.toFormat('d');
duration = d + (d > 1 ? ' days' : ' day');
} else {
let d = Math.trunc(duration.as('months'));
duration = d + (d > 1 ? ' months' : ' month');;
}
return duration;
};
export const msToMin = (ms:number): number => Math.round(ms / 60000);
export const msToSec = (ms:number): number => Math.round(ms / 1000);
export const diffFromNowString = (ts:number): string =>
durationFormattedFull(DateTime.fromMillis(Date.now()).diff(DateTime.fromMillis(ts)));
export const diffFromNowShortString = (ts: number): string =>
durationFormatted(DateTime.fromMillis(Date.now()).diff(DateTime.fromMillis(ts)));
export const getDateFromMill = date =>
(typeof date === "number" ? DateTime.fromMillis(date) : undefined);
/**
* Check if the given date is today.
* @param {Date} Date to be checked.
* @return {Boolean}
*/
export const isToday = (date: Date):boolean => date.hasSame(new Date(), 'day');
export function formatDateTimeDefault(timestamp: number): string {
const date = DateTime.fromMillis(timestamp);
return isToday(date) ? 'Today' : date.toFormat('LLL dd, yyyy') + ', ' + date.toFormat('hh:mm a')
}
export function formatTimeOrDate(timestamp: number, timezone: string): string {
var date = DateTime.fromMillis(timestamp)
if (timezone === 'UTC')
date = date.toUTC();
return isToday(date) ? date.toFormat('hh:mm a') : date.toFormat('LLL dd, yyyy, hh:mm a');
}
/**
* Check if the given date is today/yesterday else return in specified format.
* @param {Date} date Date to be cheked.
* @param {String} format Returning date format.
* @return {String} Formated date string.
*/
export const checkForRecent = (date: DateTime, format: string): string => {
const d = new Date();
// Today
if (date.hasSame(d, 'day')) return 'Today';
// Yesterday
if (date.hasSame(d.setDate(d.getDate() - 1), 'day')) return 'Yesterday';
// Formatted
return date.toFormat(format);
};
export const resentOrDate = (ts) => {
const date = DateTime.fromMillis(ts);
const d = new Date();
// Today
if (date.hasSame(d, 'day')) return 'Today at ' + date.toFormat('hh:mm a');
// Yesterday
if (date.hasSame(d.setDate(d.getDate() - 1), 'day')) return 'Yesterday at ' + date.toFormat('hh:mm a');
return date.toFormat('LLL dd, yyyy, hh:mm a');
}
export const checkRecentTime = (date, format) => {
return date.toRelative()
};
export const formatMs = (ms: number): string => ms < 1000 ? `${ Math.trunc(ms) }ms` : `${ Math.trunc(ms/100) / 10 }s`;