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