admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Photo Editor

Browse Source
This commit is contained in:
Patrick Fic
2021-05-28 18:18:09 -07:00
parent 5da8c77b3a
commit f7938df5e4
13 changed files with 213 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/jobs-documents-gallery/job-documents.utility.js Normal file
View File

@@ -0,0 +1,14 @@
import { DetermineFileType } from "../documents-upload/documents-upload.utility";
export const GenerateSrcUrl = (value) => {
return `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
value.type
)}/upload/${value.key}${value.extension ? `.${value.extension}` : ""}`;
};
export const GenerateThumbUrl = (value) =>
`${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
value.type
)}/upload/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${
value.key
}`;

28
client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
View File

@@ -5,6 +5,7 @@ import Gallery from "react-grid-gallery";
import { useTranslation } from "react-i18next";
import DocumentsUploadComponent from "../documents-upload/documents-upload.component";
import { DetermineFileType } from "../documents-upload/documents-upload.utility";
import { GenerateSrcUrl, GenerateThumbUrl } from "./job-documents.utility";
import JobsDocumentsDownloadButton from "./jobs-document-gallery.download.component";
import JobsDocumentsGalleryReassign from "./jobs-document-gallery.reassign.component";
import JobsDocumentsDeleteButton from "./jobs-documents-gallery.delete.component";
@@ -29,16 +30,8 @@ function JobsDocumentsComponent({
const fileType = DetermineFileType(value.type);
if (value.type.startsWith("image")) {
acc.images.push({
src: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${DetermineFileType(value.type)}/upload/${value.key}${
value.extension ? `.${value.extension}` : ""
}`,
thumbnail: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${DetermineFileType(value.type)}/upload/${
process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS
}/${value.key}`,
src: GenerateSrcUrl(value),
thumbnail: GenerateThumbUrl(value),
thumbnailHeight: 225,
thumbnailWidth: 225,
isSelected: false,
@@ -52,28 +45,17 @@ function JobsDocumentsComponent({
} else {
let thumb;
switch (fileType) {
case "video":
thumb = `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${fileType}/upload/${process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${value.key}`;
break;
case "raw":
thumb = `${window.location.origin}/file.png`;
break;
default:
thumb = `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${fileType}/upload/${
process.env.REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS
}/${value.key}${value.extension ? `.${value.extension}` : ""}`;
thumb = GenerateThumbUrl(value);
break;
}
const fileName = value.key.split("/").pop();
acc.other.push({
src: `${
process.env.REACT_APP_CLOUDINARY_ENDPOINT
}/${fileType}/upload/${value.key}${
value.extension ? `.${value.extension}` : ""
}`,
src: GenerateSrcUrl(value),
thumbnail: thumb,
tags: [
{