X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/10ce16c28de952f6533ca3cc9df909269e3d2a53..bcb55ad2005ab4dc8c97624c1f56d410c36d15c2:/src/common/formatters.ts diff --git a/src/common/formatters.ts b/src/common/formatters.ts index 38ef0223..55fb0507 100644 --- a/src/common/formatters.ts +++ b/src/common/formatters.ts @@ -2,10 +2,22 @@ // // SPDX-License-Identifier: AGPL-3.0 -export const formatDate = (isoDate: string) => { - const date = new Date(isoDate); - const text = date.toLocaleString(); - return text === 'Invalid Date' ? "" : text; +import { PropertyValue } from "~/models/search-bar"; +import { Vocabulary, getTagKeyLabel, getTagValueLabel } from "~/models/vocabulary"; + +export const formatDate = (isoDate?: string | null, utc: boolean = false) => { + if (isoDate) { + const date = new Date(isoDate); + let text: string; + if (utc) { + text = date.toUTCString(); + } + else { + text = date.toLocaleString(); + } + return text === 'Invalid Date' ? "(none)" : text; + } + return "(none)"; }; export const formatFileSize = (size?: number) => { @@ -16,9 +28,37 @@ export const formatFileSize = (size?: number) => { } } } - return ""; + return "0 B"; +}; + +export const formatTime = (time: number, seconds?: boolean) => { + const minutes = Math.floor(time / (1000 * 60) % 60).toFixed(0); + const hours = Math.floor(time / (1000 * 60 * 60)).toFixed(0); + + if (seconds) { + const seconds = Math.floor(time / (1000) % 60).toFixed(0); + return hours + "h " + minutes + "m " + seconds + "s"; + } + + return hours + "h " + minutes + "m"; }; +export const getTimeDiff = (endTime: string, startTime: string) => { + return new Date(endTime).getTime() - new Date(startTime).getTime(); +}; + +export const formatProgress = (loaded: number, total: number) => { + const progress = loaded >= 0 && total > 0 ? loaded * 100 / total : 0; + return `${progress.toFixed(2)}%`; +}; + +export function formatUploadSpeed(prevLoaded: number, loaded: number, prevTime: number, currentTime: number) { + const speed = loaded > prevLoaded && currentTime > prevTime + ? (loaded - prevLoaded) / (currentTime - prevTime) + : 0; + return `${(speed / 1000).toFixed(2)} KB/s`; +} + const FILE_SIZES = [ { base: 1000000000000, @@ -40,4 +80,16 @@ const FILE_SIZES = [ base: 1, unit: "B" } -]; \ No newline at end of file +]; + +export const formatPropertyValue = (pv: PropertyValue, vocabulary?: Vocabulary) => { + if (vocabulary && pv.keyID && pv.valueID) { + return `${getTagKeyLabel(pv.keyID, vocabulary)}: ${getTagValueLabel(pv.keyID, pv.valueID!, vocabulary)}`; + } + if (pv.key) { + return pv.value + ? `${pv.key}: ${pv.value}` + : pv.key; + } + return ""; +};