forked from ddrilling/asb_cloud_front
126 lines
3.7 KiB
TypeScript
126 lines
3.7 KiB
TypeScript
import { Dispatch, SetStateAction } from "react"
|
||
import { notification } from 'antd';
|
||
import { FileInfoDto } from '../services/api'
|
||
|
||
const notificationTypeDictionary = new Map([
|
||
['error', {notifyInstance: notification.error, caption: 'Ошибка'}],
|
||
['warning', {notifyInstance: notification.warning, caption: 'Предупреждение'}],
|
||
['info', {notifyInstance: notification.info, caption: 'Инфо'}],
|
||
['open', {notifyInstance: notification.info, caption: ''}],
|
||
])
|
||
|
||
/**
|
||
* Вызов оповещений всплывающим окошком.
|
||
* @param body string или ReactNode
|
||
* @param notifyType для параметра типа. Допустимые значение 'error', 'warning', 'info'
|
||
*/
|
||
export const notify = (body: string|any, notifyType:string ='info', other?: any) => {
|
||
if(!body)
|
||
return
|
||
const instance = notificationTypeDictionary.get(notifyType) ??
|
||
notificationTypeDictionary.get('open')
|
||
|
||
instance?.notifyInstance({
|
||
description: body,
|
||
message: instance.caption,
|
||
placement: "bottomRight",
|
||
duration: 10,
|
||
...other
|
||
})
|
||
}
|
||
|
||
type asyncFunction = (...args:any) => Promise<any|void>;
|
||
|
||
export const invokeWebApiWrapperAsync = async (funcAsync: asyncFunction, setShowLoader: Dispatch<SetStateAction<boolean>>, errorNotifyText: string) => {
|
||
if(setShowLoader)
|
||
setShowLoader(true)
|
||
try{
|
||
await funcAsync()
|
||
} catch (ex) {
|
||
if(process.env.NODE_ENV === 'development')
|
||
console.error(ex)
|
||
if(errorNotifyText)
|
||
notify(errorNotifyText, 'error')
|
||
} finally{
|
||
if(setShowLoader)
|
||
setShowLoader(false)
|
||
}
|
||
}
|
||
|
||
export const download = async (url:string, fileName?:string) => {
|
||
const response = await fetch(url, {
|
||
headers: {
|
||
Authorization: 'Bearer ' + localStorage['token']
|
||
},
|
||
method: 'Get'
|
||
})
|
||
if(response.status !== 200)
|
||
throw response
|
||
const requestFileName = decodeURI(fileName
|
||
??response.headers
|
||
.get('content-disposition')
|
||
?.split(';')
|
||
.splice(-1)[0]
|
||
.split("'")
|
||
.splice(-1)[0]
|
||
?? url.replace('\\','/')
|
||
.split('/')
|
||
.splice(-1)[0]
|
||
?? 'file')
|
||
const blob = await response.blob()
|
||
const reader = new FileReader();
|
||
reader.readAsDataURL(blob);
|
||
reader.onload = function (e) {
|
||
let a = document.createElement('a');
|
||
a.href = (e.target?.result?.toString() ?? '');
|
||
a.download = requestFileName;
|
||
document.body.appendChild(a); // we need to append the element to the dom -> otherwise it will not work in firefox
|
||
a.click();
|
||
a.remove();
|
||
};
|
||
}
|
||
|
||
export const upload = async (url:string, formData: FormData) => {
|
||
await fetch(url, {
|
||
headers: {
|
||
Authorization: 'Bearer ' + localStorage['token']
|
||
},
|
||
method: 'Post',
|
||
body: formData,
|
||
})
|
||
}
|
||
|
||
export const downloadFile = async (fileInfo: FileInfoDto) => {
|
||
try {
|
||
await download(`/api/well/${fileInfo.idWell}/files/${fileInfo.id}`)
|
||
} catch (error) {
|
||
notify(`Не удалось скачать файл ${fileInfo.name} по скважине (${fileInfo.idWell})`, 'error')
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
export const formatBytes = (bytes:number) => {
|
||
if(bytes < 1024)
|
||
return `${bytes.toFixed(0)}b`
|
||
if(bytes < 1024*1024)
|
||
return `${(bytes/1024).toFixed(2)}kb`
|
||
else
|
||
return `${(bytes/1024/1024).toFixed(2)}Mb`
|
||
}
|
||
|
||
export const formatTimespan = (seconds:number) => {
|
||
const days = Math.floor(seconds / 86400)
|
||
seconds = seconds % 86400
|
||
const hours = Math.floor(seconds / 3600)
|
||
seconds = seconds % 3600
|
||
const minutes = Math.floor(seconds / 60)
|
||
seconds = seconds % 60
|
||
let formatedTimespan = ''
|
||
if(days > 0)
|
||
formatedTimespan += days + ' '
|
||
|
||
formatedTimespan += hours.toString().padStart(2,'0') + ':' +
|
||
minutes.toString().padStart(2,'0') + ':' +
|
||
seconds.toString().padStart(2,'0')
|
||
return formatedTimespan
|
||
} |