Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Show current analysis session menu items and sort the menu #294

Merged
merged 11 commits into from
May 3, 2021

Conversation

oltionchampari
Copy link
Contributor

Closes Caleydo/tdp_bi_bioinfodb#1216, Caleydo/tdp_bi_bioinfodb#1212

Related PR Caleydo/ordino_public#90

Summary

  • Sorted the menu items
  • Created the Current Analysis Session

TODO

  • There is a bug in the highlighting functionality
  • Maybe we can improve on the sorting implementation?

Screenshot

grafik

@oltionchampari oltionchampari added type: refactor Refactor the current implementation release: minor PR merge results in a new minor version labels Apr 27, 2021
Copy link
Member

@thinkh thinkh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good now! I've made some changes to remove the highlight again and I currently don't have a better idea for the correct tab (see my comments below). We can improve it in an upcoming iteration.


currentSessionNav.onclick = (event) => {
event.preventDefault();
setActiveTab(tabs[1]); // TODO: find better way to identify the tabs
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I also don't have a better idea right now. We have to refactor/extract the tabs anyway to somewhere else in the future. Maybe then we have a better idea.

@@ -166,7 +183,7 @@ export function CommonSessionCard({cardName, faIcon, cardInfo, children}: ICommo

return <>
<h4 className="text-left d-flex align-items-center mb-3"><i className={`mr-2 ordino-icon-2 fas ${faIcon}`} ></i>{cardName}</h4>
<Card ref={parent} className="shadow-sm">
<Card ref={parent} className={`card-shadow ${highlight ? 'highlight-card' : ''}`} onAnimationStart={onHighlightAnimationStart} onAnimationEnd={onHighlightAnimationEnd}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've added the onAnimationStart and onAnimationEnd event listeners from React. They are fired when the CSS animation starts/ends.

@thinkh thinkh merged commit e9a49ab into welcome-page May 3, 2021
@thinkh thinkh deleted the ochampari/1212-app-header branch May 3, 2021 16:02
@dvvanessastoiber dvvanessastoiber mentioned this pull request Oct 7, 2021
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release: minor PR merge results in a new minor version type: refactor Refactor the current implementation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants