frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Move ICS Feed button from Ilios Calendar to Main Navigation

Open michaelchadwick opened this issue 1 year ago • 10 comments

Fixes ilios/ilios#4116.

The old functionality is to click on Calendar in the main navigation, click the ICS Feed button, and then click the "Copy My ICS Link" button in the flyout to copy the URL to the user's clipboard.

ilios-ics-pre

The new functionality is to click the ICS Feed button to copy the URL to the user's clipboard, directly from the main navigation, always available, and without the flyout.

ilios-ics-post

Tests for this are still being figured out, so this is a draft for now.

michaelchadwick avatar May 07 '24 16:05 michaelchadwick

I wasn't able to figure out how to test the new tooltip notification upon clicking the ICS Feed button, but I removed some testing code that was no longer relevant.

michaelchadwick avatar May 07 '24 23:05 michaelchadwick

The API key copy notification is nice, yes, and could be used instead. As for the placement of the icon itself, I don't have a strong feeling one way or another. It looks like the user profile menu is pretty bare and could easily incorporate more functionality. However, would users know to look there for this?

michaelchadwick avatar May 08 '24 20:05 michaelchadwick

All righty: I changed the button to have an IliosTooltip on mouse hover, and the click success triggers a flash message instead.

michaelchadwick avatar May 09 '24 22:05 michaelchadwick

Moved the tooltip so it displays to the right. If there's no room, then it falls back to bottom.

As for the icon itself turning into a checkmark, you mean you want the copy button to go from RSS Feed (pre-click)->Checkmark (clicked)->RSS Feed (post-click)?

michaelchadwick avatar Jun 12 '24 22:06 michaelchadwick

Code looks good, assigning to @dartajax for another visual pass and merge.

jrjohnson avatar Jul 18 '24 18:07 jrjohnson

percy won't let me merge this one either but quick question - it looks like the .ics feed button is snuggling up to the Calendar button - they are related but is this visual representation intentional? I am cool with it just wondering

dartajax avatar Jul 18 '24 19:07 dartajax

we need to be aware - other support people as well as me - that when a user clicks Calendar, the screen shifts and the top menu is not viewable meaning that they may not be able to find the .ics feed button since it has been moved to the top of the screen - just pointing this out

dartajax avatar Jul 18 '24 19:07 dartajax

...it looks like the .ics feed button is snuggling up to the Calendar button - they are related but is this visual representation intentional? I am cool with it just wondering

@dartajax The visual representation is intentional per https://github.com/ilios/ilios/issues/4116#issuecomment-2025798087.

michaelchadwick avatar Jul 18 '24 20:07 michaelchadwick

we need to be aware...that when a user clicks Calendar, the screen shifts and the top menu is not viewable meaning that they may not be able to find the .ics feed button since it has been moved to the top of the screen

@dartajax This is a good point. I'm not sure how often people use this icon link, so not sure if it matters, though. @jrjohnson and @stopfstedt, thoughts?

michaelchadwick avatar Jul 18 '24 20:07 michaelchadwick

we need to be aware...that when a user clicks Calendar, the screen shifts and the top menu is not viewable meaning that they may not be able to find the .ics feed button since it has been moved to the top of the screen

@dartajax This is a good point. I'm not sure how often people use this icon link, so not sure if it matters, though. @jrjohnson and @stopfstedt, thoughts?

My $.02 is that most students grab their feed from here so a lot of people use it. But we are in summer right now and new students can have a new interface and updated instructions on grabbing their feeds.

dartajax avatar Jul 18 '24 21:07 dartajax

I think the scrolling display is a different issue, we don't need to consider it here. Percy has now run, just needs someone to check and make sure all the changes are valid.

jrjohnson avatar Jul 19 '24 18:07 jrjohnson