Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2374

Improve tooltip placement and interaction

    Details

    • Type: Improvement
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None
    • Story Points:
      0.25
    • Sprint:
      Spring 8 : 24 Apr to 8 May, Spring 8 : 11 May to 25 May, Spring 9 : 25 May to 8 Jun

      Description

      Genome Dashboard has a very nice feature that lets me open a list of all the available genome versions for a species, including the latest one.

      Next to the name of some – but not all – genome versions listed there, I see an "i" (for "information") symbol.

      This is great, but it could be improved!

      First, it's a bit confusing as to why sometimes there is an "i" and sometimes not.

      Also, it is not clear how I'm supposed to use the "i" graphic. If I click it, it does not show me information (as I expected) but instead either displays an error message or opens a new genome in IGB. However, if I hover the mouse over it, a word-balloon-like graphic appears with the "tail" of the balloon pointing to the middle of the genome name, not the "i". So that is a bit confusing. The first time I saw it, I wondered what I had done to make it appear because it was not connected visually to the "i" graphic.

      Can you make the following changes?

      1) Change the "word balloon" graphic so that the pointy end points directly at the "i". The word should be centered on top of the "i" to make it clear which part of the UI has triggered its appearance.

      2) If the user clicks the "i", display the the word balloon graphic.

      3) If the user clicks anywhere else on the menu, open the requested genome in IGB.

      4) At the top of the word balloon, display in different color font the label "Names for this genome version include: " and then list the names (synonyms) starting with the IGB name.

      5) List each name on its own line to improve readability. Don't worry if this makes the word balloon too tall. We will do a better job of curating all the names - many of them are obsolete and can be safely deleted from the synonyms.txt file on the master IGB branch.

      Let's change this so that there is always an "i" (for "information") next to every genome name.

        Attachments

          Issue Links

            Activity

            ann.loraine Ann Loraine created issue -
            ann.loraine Ann Loraine made changes -
            Field Original Value New Value
            Epic Link IGBF-1765 [ 17855 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            sameer Sameer Shanbhag (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            Hide
            sameer Sameer Shanbhag (Inactive) added a comment -

            Change Log:

            • Fixed the title for Genome Dashboard as requested
            • Added Search Box for a simple search on Genome Dashboard
            • Fixed the Tooltip to have synonyms 1 per line and getting the pointer of the tooltip to point the info icon, adding an info icon to all the menus.

            Commit:

            P.S. - Prof. [~aloraine] Could you please deploy the latest changes to the test bioviz site so that I can test it as well as someone else can have a look.

            Show
            sameer Sameer Shanbhag (Inactive) added a comment - Change Log: Fixed the title for Genome Dashboard as requested Added Search Box for a simple search on Genome Dashboard Fixed the Tooltip to have synonyms 1 per line and getting the pointer of the tooltip to point the info icon, adding an info icon to all the menus. Commit: https://bitbucket.org/sshanbh1/genome-dashboard/commits/925789da3579cb178c7967e5dc4d9b34af5d89e4 P.S. - Prof. [~aloraine] Could you please deploy the latest changes to the test bioviz site so that I can test it as well as someone else can have a look.
            sameer Sameer Shanbhag (Inactive) made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            Hide
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment -

            The tooltip now displays the synonyms for all genome versions appropriately, one on each line. The pointer of the tooltip points to the info icon. There's an information icon next to every genome version name.
            However, I observed that only the latest versions were getting loaded in IGB, even when I clicked on a particular older version. Sameer Shanbhag can you please look into this?

            Show
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment - The tooltip now displays the synonyms for all genome versions appropriately, one on each line. The pointer of the tooltip points to the info icon. There's an information icon next to every genome version name. However, I observed that only the latest versions were getting loaded in IGB, even when I clicked on a particular older version. Sameer Shanbhag can you please look into this?
            Hide
            sameer Sameer Shanbhag (Inactive) added a comment - - edited

            Good Catch Shamika Gajanan Kulkarni !!

            Changelog:

            • [FIX] Open the version selected on Genome Dashboard on IGB

            Commit:

            Show
            sameer Sameer Shanbhag (Inactive) added a comment - - edited Good Catch Shamika Gajanan Kulkarni !! Changelog: [FIX] Open the version selected on Genome Dashboard on IGB Commit: https://bitbucket.org/sshanbh1/genome-dashboard/commits/4c6aa954dc6c7d21164d18e54cd9d7771dfa942a
            Hide
            ann.loraine Ann Loraine added a comment -

            Doing it now.

            Show
            ann.loraine Ann Loraine added a comment - Doing it now.
            Hide
            ann.loraine Ann Loraine added a comment -

            Please also do this:

            4) At the top of the word balloon, display in different color font the label "Names for this genome version include: " and then list the names (synonyms) starting with the IGB name.

            Always include the IGB genome version name on the list of names and so there is no need to show text "No Synonyms found"

            cc: Sameer Shanbhag and Shamika Gajanan Kulkarni

            Show
            ann.loraine Ann Loraine added a comment - Please also do this: 4) At the top of the word balloon, display in different color font the label "Names for this genome version include: " and then list the names (synonyms) starting with the IGB name. Always include the IGB genome version name on the list of names and so there is no need to show text "No Synonyms found" cc: Sameer Shanbhag and Shamika Gajanan Kulkarni
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] To-Do [ 10305 ]
            Hide
            sameer Sameer Shanbhag (Inactive) added a comment -

            Changelog:

            • Added "Names for this genome version include: " at the top of the info balloon
            • Included IGB genome version name on the list of names instead of "No Synonyms found"

            Commits:

            cc: Prof. [~aloraine] and Shamika Gajanan Kulkarni

            Show
            sameer Sameer Shanbhag (Inactive) added a comment - Changelog: Added "Names for this genome version include: " at the top of the info balloon Included IGB genome version name on the list of names instead of "No Synonyms found" Commits: https://bitbucket.org/sshanbh1/genome-dashboard/commits/3b434b3203fd26f6cecf1be2ff2558bbcb67305d https://bitbucket.org/sshanbh1/genome-dashboard/commits/26e7e40f01d45d3d6405e0bb1886100ddc7ce7ae cc: Prof. [~aloraine] and Shamika Gajanan Kulkarni
            ann.loraine Ann Loraine made changes -
            Sprint Spring 8 : 24 Apr to 8 May [ 93 ] Spring 8 : 24 Apr to 8 May, Spring 8 : 11 May to 25 May [ 93, 94 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            sameer Sameer Shanbhag (Inactive) made changes -
            Status To-Do [ 10305 ] Pull Request Submitted [ 10101 ]
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Assignee Sameer Shanbhag [ sameer ] Shamika Gajanan Kulkarni [ shamika ]
            Hide
            ann.loraine Ann Loraine added a comment -

            Not done:

            2) If the user clicks the "i", display the the word balloon graphic.

            Show
            ann.loraine Ann Loraine added a comment - Not done: 2) If the user clicks the "i", display the the word balloon graphic.
            ann.loraine Ann Loraine made changes -
            Assignee Shamika Gajanan Kulkarni [ shamika ]
            ann.loraine Ann Loraine made changes -
            Status Post-merge Testing In Progress [ 10003 ] To-Do [ 10305 ]
            Hide
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment - - edited

            The genome browser deployed on https://www.bioviz.org/genome-dashboard reflects these changes. As mentioned before, the tooltip displays the synonyms for all genome versions appropriately, one on each line.
            The pointer of the tooltip points to the info icon.
            There's an information icon next to every genome version name.
            The recent as well as older genome versions are loading in IGB appropriately as requested.
            At the top of the info balloon, the label "Names for this genome version include:" is displayed in a different font color. The list of synonyms start with the Genome version name.
            Even though, no synonyms exist, the IGB Genome version name is displayed in the list of names.
            cc: Prof. [~aloraine]

            Please note: Hovering over (not clicking) the information icon displays the word balloon graphic. Clicking anywhere else opens the requested genome version in IGB.

            Show
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment - - edited The genome browser deployed on https://www.bioviz.org/genome-dashboard reflects these changes. As mentioned before, the tooltip displays the synonyms for all genome versions appropriately, one on each line. The pointer of the tooltip points to the info icon. There's an information icon next to every genome version name. The recent as well as older genome versions are loading in IGB appropriately as requested. At the top of the info balloon, the label "Names for this genome version include:" is displayed in a different font color. The list of synonyms start with the Genome version name. Even though, no synonyms exist, the IGB Genome version name is displayed in the list of names. cc: Prof. [~aloraine] Please note: Hovering over (not clicking) the information icon displays the word balloon graphic. Clicking anywhere else opens the requested genome version in IGB.
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            shamika Shamika Gajanan Kulkarni (Inactive) made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            Hide
            ann.loraine Ann Loraine added a comment -

            The header text is not showing for A_gambiae_Oct_2006.

            Moving back to "To-Do" as the feature is not fully implemented yet.

            Show
            ann.loraine Ann Loraine added a comment - The header text is not showing for A_gambiae_Oct_2006. Moving back to "To-Do" as the feature is not fully implemented yet.
            ann.loraine Ann Loraine made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            ann.loraine Ann Loraine made changes -
            Status Post-merge Testing In Progress [ 10003 ] To-Do [ 10305 ]
            Hide
            ann.loraine Ann Loraine added a comment -

            Whoever works on this next: Please do a quick Zoom with Dr. Loraine so she can explain the needed modifications.

            Show
            ann.loraine Ann Loraine added a comment - Whoever works on this next: Please do a quick Zoom with Dr. Loraine so she can explain the needed modifications.
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2389 [ IGBF-2389 ]
            ann.loraine Ann Loraine made changes -
            Sprint Spring 8 : 24 Apr to 8 May, Spring 8 : 11 May to 25 May [ 93, 94 ] Spring 8 : 24 Apr to 8 May, Spring 8 : 11 May to 25 May, Spring 9 : 25 May to 8 Jun [ 93, 94, 95 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            ann.loraine Ann Loraine made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            ann.loraine Ann Loraine made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            ann.loraine Ann Loraine made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            ann.loraine Ann Loraine made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            ann.loraine Ann Loraine made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            ann.loraine Ann Loraine made changes -
            Resolution Done [ 10000 ]
            Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
            ann.loraine Ann Loraine made changes -
            Assignee Sameer Shanbhag [ sameer ]
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2401 [ IGBF-2401 ]
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2402 [ IGBF-2402 ]

              People

              • Assignee:
                sameer Sameer Shanbhag (Inactive)
                Reporter:
                ann.loraine Ann Loraine
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: