src/common/formatters.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { PropertyValue } from "~/models/search-bar";
   6
   7 export const formatDate = (isoDate?: string | null, utc: boolean = false) => {
   8     if (isoDate) {
   9         const date = new Date(isoDate);
  10         let text: string;
  11         if (utc) {
  12             text = date.toUTCString();
  13         }
  14         else {
  15             text = date.toLocaleString();
  16         }
  17         return text === 'Invalid Date' ? "(none)" : text;
  18     }
  19     return "(none)";
  20 };
  21
  22 export const formatFileSize = (size?: number) => {
  23     if (typeof size === "number") {
  24         for (const { base, unit } of FILE_SIZES) {
  25             if (size >= base) {
  26                 return `${(size / base).toFixed()} ${unit}`;
  27             }
  28         }
  29     }
  30     return "";
  31 };
  32
  33 export const formatTime = (time: number) => {
  34     const minutes = Math.floor(time / (1000 * 60) % 60).toFixed(0);
  35     const hours = Math.floor(time / (1000 * 60 * 60)).toFixed(0);
  36
  37     return hours + "h " + minutes + "m";
  38 };
  39
  40 export const getTimeDiff = (endTime: string, startTime: string) => {
  41     return new Date(endTime).getTime() - new Date(startTime).getTime();
  42 };
  43
  44 export const formatProgress = (loaded: number, total: number) => {
  45     const progress = loaded >= 0 && total > 0 ? loaded * 100 / total : 0;
  46     return `${progress.toFixed(2)}%`;
  47 };
  48
  49 export function formatUploadSpeed(prevLoaded: number, loaded: number, prevTime: number, currentTime: number) {
  50     const speed = loaded > prevLoaded && currentTime > prevTime
  51         ? (loaded - prevLoaded) / (currentTime - prevTime)
  52         : 0;
  53     return `${(speed / 1000).toFixed(2)} KB/s`;
  54 }
  55
  56 const FILE_SIZES = [
  57     {
  58         base: 1000000000000,
  59         unit: "TB"
  60     },
  61     {
  62         base: 1000000000,
  63         unit: "GB"
  64     },
  65     {
  66         base: 1000000,
  67         unit: "MB"
  68     },
  69     {
  70         base: 1000,
  71         unit: "KB"
  72     },
  73     {
  74         base: 1,
  75         unit: "B"
  76     }
  77 ];
  78
  79 export const formatPropertyValue = (pv: PropertyValue) => {
  80     if (pv.key) {
  81         return pv.value
  82             ? `${pv.key}: ${pv.value}`
  83             : pv.key;
  84     }
  85     return "";
  86 };