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

Merged in feature/IO-3431-Job-Image-Gallery (pull request #2808)

Browse Source 
Feature/IO-3431 Job Image Gallery

Approved-by: Dave Richer
This commit is contained in:
Allan Carr
2026-01-13 14:44:59 +00:00
committed by Dave Richer
parent 37b0bb2cd3 d90acf4b89
commit 225e19b40c
2 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/components/jobs-documents-local-gallery/jobs-documents-local-gallery.container.jsx
View File

@@ -67,6 +67,7 @@ export function JobsDocumentsLocalGallery({
src: val.thumbnail, src: val.thumbnail,
height: val.thumbnailHeight, height: val.thumbnailHeight,
width: val.thumbnailWidth, width: val.thumbnailWidth,
tags: [{ value: val.filename, title: val.filename }],
...(val.optimized && { src: val.optimized, fullsize: val.src }) ...(val.optimized && { src: val.optimized, fullsize: val.src })
}); });
if (val.optimized) optimized = true; if (val.optimized) optimized = true;

25
client/src/components/jobs-documents-local-gallery/local-media-grid.component.jsx
View File

@@ -1,4 +1,5 @@
import { Checkbox } from "antd"; import { Checkbox } from "antd";
import { Tag } from "antd";
import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react";
/** /**
@@ -187,6 +188,30 @@ export function LocalMediaGrid({
transition: "opacity .25s ease" transition: "opacity .25s ease"
}} }}
/> />
{img.tags && img.tags.length > 0 && (
<div
style={{
position: "absolute",
bottom: 0,
left: 0,
right: 0,
padding: "2px 6px",
borderRadius: "0 0 4px 4px",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
display: "flex",
flexWrap: "wrap",
gap: "4px"
}}
>
{img.tags.map((tag, tagIdx) => (
<Tag key={tagIdx} variant="outlined" color="gold" style={{ opacity: 0.8 }}>
{tag.value || tag.title}
</Tag>
))}
</div>
)}
</> </>
); );
})()} })()}