ud-annotatrix icon indicating copy to clipboard operation
ud-annotatrix copied to clipboard

[WIP] Tooltips indicating the kind of error

Open gstark0 opened this issue 7 years ago • 10 comments

[Work In Progress] Currently added warning icon to graph that indicates if there is any error with deprel.

Update: I integrated Qtip with Cytoscape to display warnings :) Unfortunately, Cytoscape does not allow for too many custom added features :(

@ftyers @maryszmary Let me know what you think.

screen shot 2018-01-11 at 20 21 21 screen shot 2018-01-11 at 18 56 11

gstark0 avatar Jan 11 '18 17:01 gstark0

@gstark0 can you fix the style/formatting to make it look good with the rest of the interface ?

ftyers avatar Jan 12 '18 14:01 ftyers

@ftyers How about this design? I chose the colors to match the toolbar at the top. screen shot 2018-01-12 at 15 59 35 screen shot 2018-01-12 at 15 59 00

gstark0 avatar Jan 12 '18 14:01 gstark0

Looks better... and it only appears when you hover over the warning sign right?

ftyers avatar Jan 12 '18 15:01 ftyers

@ftyers Nope... yet. That's the whole problem here, Cytoscape doesn't support label events (I read somewhere it's because of performance), I'm still figuring out how to handle this :< I also asked question about this, no answer yet. Right now it's on arc hover :(

gstark0 avatar Jan 12 '18 15:01 gstark0

@gstark0 ok, let's pause this one until we get an answer. :)

ftyers avatar Jan 12 '18 15:01 ftyers

@ftyers Okay, I will try to figure out something myself meanwhile.

gstark0 avatar Jan 12 '18 16:01 gstark0

Btw, should this also appear when cycle is detected?

gstark0 avatar Jan 12 '18 16:01 gstark0

Yeah, but in that case maybe it would be nice to have it nearer the arc than the label.

ftyers avatar Jan 12 '18 16:01 ftyers

@ftyers Okay. How about some alternative solutions for the hover issue, maybe removing the icon (or placing it before label, like left arrow), tooltip can appear on arc hover then, and can be dismissed by just clicking anywhere inside the tooltip(could be highlighted) or button inside tooltip?

gstark0 avatar Jan 12 '18 16:01 gstark0

@ftyers Take a look at this video I made(converted to gif, its pretty slow :<), it shows how this works now. I know it's not what you wanted, but it's as close as I could get right now. I went through the documentation of Cytoscape, but haven't found anything that would suit this issue, seems like not possible without modifying Cytoscape's code (although I'm still waiting for the answer on stackoverflow). It's not that intuitive unfortunately, as it could be with hover over icon :< EDIT: I found library, which was creating HTML labels for Cytoscape(which I could possibly attach to Qtip), but when I integrated it with Annotatrix, it was slow as hell, not to mention a lot of bugs :( ud2

gstark0 avatar Jan 12 '18 21:01 gstark0