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