Update screenshot handling

This commit is contained in:
Lauri Võsandi 2022-03-06 08:18:01 +02:00 committed by Lauri Võsandi
parent 426370bc62
commit b8e9f03b86
3 changed files with 37 additions and 11 deletions

View File

@ -11,7 +11,7 @@ const mongoUri = process.env.MONGO_URI || 'mongodb://127.0.0.1:27017/default?rep
const minioURI = new URL(process.env.MINIO_URI || 'http://kspace-mugshot:2mSI6HdbJ8@127.0.0.1:9000/kspace-mugshot'); const minioURI = new URL(process.env.MINIO_URI || 'http://kspace-mugshot:2mSI6HdbJ8@127.0.0.1:9000/kspace-mugshot');
const minioBucket = minioURI.pathname.substring(1); const minioBucket = minioURI.pathname.substring(1);
console.info("Using bucket:", minioBucket); console.info("Using bucket:", minioBucket);
const historyNumber = parseInt(process.env.HISTORY_AMOUNT) || 1000; const historyNumber = parseInt(process.env.HISTORY_AMOUNT) || 10;
// Stream set-up variables // Stream set-up variables
let changeStream; let changeStream;
@ -46,18 +46,32 @@ async function run() {
}); });
async function wrapEvent(doc) { async function wrapEvent(doc) {
let screenShotArray = []; let arr = [];
let blob; let blob;
if (doc && doc.screenshot_count) { if (doc && doc.screenshot_count) {
for (let i = 1; i <= doc.screenshot_count ; i++) { for (let i = 1; i <= doc.screenshot_count ; i++) {
let presignedUrl = await minioClient.presignedUrl('GET', minioBucket, `${doc.camera}/${doc._id}/${i}.jpg`, 60 * 60); arr.push({
screenShotArray.push({ url: presignedUrl }); url: await minioClient.presignedUrl('GET', minioBucket,
`${doc.camera}/${doc._id}/${i}.jpg`, 60 * 60)
});
}
} else if (doc && doc.screenshots) {
for (let j = 0; j < doc.screenshots.length; j++) {
let path = doc.screenshots[j];
arr.push({
url: await minioClient.presignedUrl('GET', minioBucket,
`thumb/${path}`, 60 * 60),
orig: await minioClient.presignedUrl('GET', minioBucket,
`${path}`, 60 * 60)
});
} }
blob = JSON.stringify({...doc, screenshots: [...screenShotArray]});
} else {
blob = JSON.stringify({...doc})
}; };
if (arr.length > 0) {
blob = JSON.stringify({...doc, screenshots: [...arr]});
} else {
blob = JSON.stringify({...doc});
}
return `event: log-entry\ndata: ${blob}\n\n` return `event: log-entry\ndata: ${blob}\n\n`
} }

View File

@ -14,6 +14,18 @@ const Component = () => {
useEffect(() =>{ useEffect(() =>{
console.info(event); console.info(event);
if (event) { if (event) {
for (var j = 0; j < events.length; j++) {
if (events[j].timestamp <= event.timestamp) {
if (events[j]._id == event._id) {
setEvents([...events.slice(0, j), event, ...events.slice(j+1)]);
return;
} else {
setEvents([...events.slice(0, j), event, ...events.slice(j)]);
return;
}
}
}
setEvents([event, ...events]); setEvents([event, ...events]);
} }
}, [event]) }, [event])

View File

@ -7,13 +7,13 @@ function Event(props) {
if (props.data.hasOwnProperty('screenshots')) { if (props.data.hasOwnProperty('screenshots')) {
props.data.screenshots.forEach(element => { props.data.screenshots.forEach(element => {
imgArray = [(<img src={element.url} className="eventPic"></img>), ...imgArray] imgArray = [...imgArray, (<a href={element.orig} target="_blank"><img src={element.url} className="eventPic"></img></a>)]
}); });
} }
return ( return (
<div className="eventDiv"> <div className="eventDiv">
{JSON.stringify(props.data)} {JSON.stringify(props.data.source)}
<br></br> <br></br>
{[...imgArray]} {[...imgArray]}
</div> </div>