[Feature] 'View Timeline at this date' button

[ayykamp]

The feature

When viewing an image found in search, people or map I would find it very useful to see other images taken around the same time. Currently this is of course already possible by just scrolling the timeline to the correct date. However having an automated way to do this would be very nice.

UX wise it might be best to implement this by tapping on the date section in the info/details view.

PS: Thank you for the amazing project :)

Platform

• Server
• Web
• Mobile

[radh21301]

I would like this very much. Example use case: not all pictures/videos have something identifiable using ML/Metadata(faces, object, gps etc.). But there is a decent chance that you remember something about a certain day/event (face, gps, etc.). So, I would search for that thing, then probably use this feature to take me to the day in the timeline where I can see all the other assets.

[fivestones]

I didn't see this one and wrote a pretty much identical feature request yesterday (#4197). I'd also really appreciate this functionality.
Thanks!

[PancakeZik]

That would be so useful! My timeline is so big it takes quite a while to find the date I'm looking for

[aisbergde]

very useful! Currently, it is hard to find / locate something, because the photo section always jump to the top position.

[aisbergde]

use case, which is currently hard to handle:

• view assets, open detail section
• find tagged person, not yet named
• click the person marker to name is or to merge with an existing person
• click on other pictures of this person
• and here I miss a jump into the timeline, but I want to manage person tags on assets for the same event. Therefore, a "jump to the current asset in timeline" is needed.

[aisbergde]

it would also be helpful, to have these options in albums:

• jump to oldest asset in timeline
• jump to newest asset in timeline

[chodthewacko]

+1. If you have a massive timeline it is a pain to try to go to a particular date.
Any sort of 'navigate to a particular date' option - search box, etc would be of great use.

[dgtal1]

And the same feature, but to see photos from the same location as I stated in #9076

[steve5355]

I would also love this in the web UI and from within search results, memories, people, etc, I created a duplicate feature request #9869, but its closed. Its the biggest thing that also annoys me about the other service.

I started a reddit post about it here:
https://www.reddit.com/r/immich/comments/1d2wk6w/please_add_feature_to_drop_into_timeline_from/

[pge]

Maybe it would also be great not just to see the same images from the date, but just to jump to that exact picture in the timeline.
Therefore you'd already be at the date, but could jump forwards and backwards to any desired place from the new starting point.

[alextran1502]

It is being worked on and fine tuned

[steve5355]

Thank you!! This will be a huge improvement to "searching for photos" and still something that the "other" applications do not provide. I'm happy to hear its getting some dev time!

[iansewell]

first time playing with immich dev and this seemed as simple as any feature to play with. I got a simple "search by this date" button working in detail-panel. I assume from your comment above @alextran1502 that I should wait for core dev team to do it for real instead of trying to clean up my hack to be somewhat presentable and PR it. :)

[bo0tzz]

@iansewell note this is also being worked on in #10646

[edwardborland]

It would be great if all dates in the applications were just a link to the date in the timeline.

[rodrigopolo]

Ok, here is a workaround using bookmarklets in any web browser, just create a bookmark, edit it, and paste this JS code in the address, it will jump to the date of the current displayed picture based on the HMTL:

javascript:!function()%7Blet%20e%3Ddocument.querySelector(%22%23detail-panel%20%3E%20section%20%3E%20div.px-4.py-4%20%3E%20button%22)%2Ct%3De.innerText.match(%2F(%5Cw%2B%20%5Cd%7B1%2C2%7D%2C%20%5Cd%7B4%7D)%2F)%3Bif(t)%7Blet%20n%3Dnew%20Date(t%5B0%5D)%3Bn.setUTCHours(n.getTimezoneOffset()%2F60)%3Blet%20i%3Dnew%20Date(n.getTime()%2B86399999)%2Co%3DJSON.stringify(%7BtakenAfter%3An.toISOString()%2CtakenBefore%3Ai.toISOString()%7D)%2Cr%3D%60https%3A%2F%2F%24%7Bwindow.location.hostname%7D%2Fsearch%3Fquery%3D%24%7BencodeURIComponent(o)%7D%60%3Bwindow.location.href%3Dr%7Delse%20alert(%22Date%20not%20found%20in%20the%20provided%20string.%22)%7D()%3B

This is the JS code:

javascript:(function() {
	const button = document.querySelector("#detail-panel > section > div.px-4.py-4 > button");
	const dateMatch = button.innerText.match(/(\w+ \d{1,2}, \d{4})/);

	if (dateMatch) {
		const takenAfter = new Date(dateMatch[0]);
		takenAfter.setUTCHours(takenAfter.getTimezoneOffset() / 60);

		const takenBefore = new Date(takenAfter.getTime() + 86399999); // 24 hours - 1 millisecond

		const query = JSON.stringify({
			takenAfter: takenAfter.toISOString(),
			takenBefore: takenBefore.toISOString()
		});

		const url = `https://${window.location.hostname}/search?query=${encodeURIComponent(query)}`;
		window.location.href = url;
	} else {
		alert('Date not found in the provided string.');
	}
})();

Also, a bookmarklet to go to an specific date:

javascript:!function()%7Bvar%20e%3Dprompt(%22Please%20enter%20a%20date%20(YYYY-MM-DD)%3A%22)%3Blet%20t%3De.match(%2F(%5Cd%7B4%7D%5C-%5Cd%7B02%7D%5C-%5Cd%7B02%7D)%2F)%3Bif(t)%7Blet%20n%3Dnew%20Date(t%5B0%5D)%3Bn.setUTCHours(n.getTimezoneOffset()%2F60)%3Blet%20o%3Dnew%20Date(n.getTime()%2B86399999)%2Ci%3DJSON.stringify(%7BtakenAfter%3An.toISOString()%2CtakenBefore%3Ao.toISOString()%7D)%2Cr%3D%60https%3A%2F%2F%24%7Bwindow.location.hostname%7D%2Fsearch%3Fquery%3D%24%7BencodeURIComponent(i)%7D%60%3Bwindow.location.href%3Dr%7Delse%20alert(%22Date%20not%20found%20in%20the%20provided%20string.%22)%7D()%3B

And the JS code:

javascript:(function() {
	var date = prompt('Please enter a date (YYYY-MM-DD):');
	const dateMatch = date.match(/(\d{4}\-\d{02}\-\d{02})/);

	if (dateMatch) {
		const takenAfter = new Date(dateMatch[0]);
		takenAfter.setUTCHours(takenAfter.getTimezoneOffset() / 60);

		const takenBefore = new Date(takenAfter.getTime() + 86399999); // 24 hours - 1 millisecond

		const query = JSON.stringify({
			takenAfter: takenAfter.toISOString(),
			takenBefore: takenBefore.toISOString()
		});

		const url = `https://${window.location.hostname}/search?query=${encodeURIComponent(query)}`;
		window.location.href = url;
	} else {
		alert('Date not found in the provided string.');
	}
})();

[jrasm91]

Implemented in #12117

[nullhandler]

Hey, what about mobile?