AugurProject/augur-ui

View on GitHub
src/utils/format-date.js

Summary

Maintainability
C
1 day
Test Coverage
import moment from "moment";

const months = [
  "January",
  "February",
  "March",
  "April",
  "May",
  "June",
  "July",
  "August",
  "September",
  "October",
  "November",
  "December"
];

const shortMonths = [
  "Jan",
  "Feb",
  "Mar",
  "Apr",
  "May",
  "Jun",
  "Jul",
  "Aug",
  "Sept",
  "Oct",
  "Nov",
  "Dec"
];

const NUMBER_OF_SECONDS_IN_A_DAY = 86400;
const HOURS_IN_A_DAY = 24;
const MINUTES_IN_A_HOUR = 60;

export function formatDate(d) {
  const date = d instanceof Date ? d : new Date(0);

  // UTC Time Formatting
  const utcTime = [date.getUTCHours(), date.getUTCMinutes()];
  const utcAMPM = ampm(utcTime[0]);
  const utcTimeTwelve = getTwelveHour(utcTime);

  // Locat Time Formatting
  const localTime = [date.getHours(), date.getMinutes()];
  const localAMPM = ampm(localTime[0]);
  const localTimeTwelve = getTwelveHour(localTime);
  const localOffset = (date.getTimezoneOffset() / 60) * -1;
  const localOffsetFormatted =
    localOffset > 0 ? `+${localOffset}` : localOffset.toString();
  const timezone = `(${
    date.toLocaleTimeString("en-us", { timeZoneName: "short" }).split(" ")[2]
  })`;

  return {
    value: date,
    simpleDate: `${date.getUTCDate()} ${months[date.getUTCMonth()]}`,
    formatted: `${
      months[date.getUTCMonth()]
    } ${date.getUTCDate()}, ${date.getUTCFullYear()} ${utcTimeTwelve.join(
      ":"
    )} ${utcAMPM}`, // UTC time
    formattedShort: `${
      shortMonths[date.getUTCMonth()]
    } ${date.getUTCDate()}, ${date.getUTCFullYear()} ${utcTimeTwelve.join(
      ":"
    )} ${utcAMPM}`, // UTC time
    formattedLocal: `${
      months[date.getMonth()]
    } ${date.getDate()}, ${date.getFullYear()} ${localTimeTwelve.join(
      ":"
    )} ${localAMPM} (UTC ${localOffsetFormatted})`, // local time
    formattedLocalShort: `${
      shortMonths[date.getMonth()]
    } ${date.getDate()}, ${date.getFullYear()} (UTC ${localOffsetFormatted})`, // local time
    formattedLocalShortTime: `${
      shortMonths[date.getMonth()]
    } ${date.getDate()}, ${date.getFullYear()} ${localTimeTwelve.join(
      ":"
    )} ${localAMPM} (UTC ${localOffsetFormatted})`, // local time
    full: date.toUTCString(),
    timestamp: date.getTime() / 1000,
    utcLocalOffset: localOffset,
    clockTimeLocal: `${localTimeTwelve.join(
      ":"
    )} ${localAMPM} (UTC ${localOffsetFormatted})`,
    formattedSimpleData: `${
      months[date.getMonth()]
    } ${date.getDate()}, ${date.getFullYear()}`,
    formattedTimezone: `${
      months[date.getMonth()]
    } ${date.getDate()}, ${date.getFullYear()} ${localTimeTwelve.join(
      ":"
    )} ${localAMPM} ${timezone} (Your timezone)`,
    formattedUtc: `${
      months[date.getUTCMonth()]
    } ${date.getUTCDate()}, ${date.getUTCFullYear()} ${utcTimeTwelve.join(
      ":"
    )} ${utcAMPM} (UTC 0)`
  };
}

function ampm(time) {
  return time < 12 ? "AM" : "PM";
}

function getTwelveHour(time) {
  time[0] = time[0] < 12 ? time[0] : time[0] - 12;
  time[0] = time[0] || 12;
  if (time[1] < 10) time[1] = "0" + time[1];

  return time;
}

export function convertUnixToFormattedDate(integer = 0) {
  return formatDate(moment.unix(integer).toDate());
}

export function getBeginDate(
  currentAugurTimestampInMilliseconds,
  periodString
) {
  const date = moment(currentAugurTimestampInMilliseconds);
  let beginDate = date.subtract(1, "day");
  if (periodString === "week") {
    beginDate = date.subtract(7, "day");
  }
  if (periodString === "month") {
    beginDate = date.subtract(1, "month");
  }
  if (periodString === "all") {
    return null;
  }
  return beginDate.unix();
}

export function dateHasPassed(
  currentAugurTimestampInMilliseconds,
  unixTimestamp
) {
  const date = moment(currentAugurTimestampInMilliseconds).utc();
  return date.unix() > unixTimestamp;
}

export function getDaysRemaining(endUnixTimestamp, startUnixTimestamp) {
  if (!endUnixTimestamp || !startUnixTimestamp) return 0;
  if (startUnixTimestamp > endUnixTimestamp) return 0;
  const remainingTicks = endUnixTimestamp - startUnixTimestamp;
  return Math.floor(remainingTicks / NUMBER_OF_SECONDS_IN_A_DAY);
}

export function getHoursRemaining(endUnixTimestamp, startUnixTimestamp) {
  if (!endUnixTimestamp || !startUnixTimestamp) return 0;
  if (startUnixTimestamp > endUnixTimestamp) return 0;
  const remainingTicks = endUnixTimestamp - startUnixTimestamp;
  return Math.floor(
    (remainingTicks / NUMBER_OF_SECONDS_IN_A_DAY) * HOURS_IN_A_DAY
  );
}

export function getMinutesRemaining(endUnixTimestamp, startUnixTimestamp) {
  if (!endUnixTimestamp || !startUnixTimestamp) return 0;
  if (startUnixTimestamp > endUnixTimestamp) return 0;
  const remainingTicks = endUnixTimestamp - startUnixTimestamp;
  return Math.floor(
    (remainingTicks / NUMBER_OF_SECONDS_IN_A_DAY) *
      HOURS_IN_A_DAY *
      MINUTES_IN_A_HOUR
  );
}

export function getHoursMinusDaysRemaining(
  endUnixTimestamp,
  startUnixTimestamp
) {
  const getDays = getDaysRemaining(endUnixTimestamp, startUnixTimestamp);
  const hours = getDays * 24;
  return getHoursRemaining(endUnixTimestamp, startUnixTimestamp) - hours;
}

export function getMinutesMinusHoursRemaining(
  endUnixTimestamp,
  startUnixTimestamp
) {
  const getHours = getHoursRemaining(endUnixTimestamp, startUnixTimestamp);
  const hours = getHours * 60;
  return getMinutesRemaining(endUnixTimestamp, startUnixTimestamp) - hours;
}