Minimal, integrated UI

[arose]

A simple UI integrated into the NGL core, limited to the canvas. Possible a context menu?

• picked atom info test
• download screenshot

what else?

[hainm]

cool. I am playing with ipywidgets stuff and am able to use jquery to select ipywidgets Widget and add to NGL container.

just for fun because I need to get the tab ID from google inspect.

[hainm]

• center
• representation

[arose]

@hainm what do you mean with "representation"

[hainm]

"representation"

display some sliders so we can change it?

[fredludlow]

+1 For the integrated UI - to be honest the existing right-hand panel in the web app is already great - if there was an easy way to inject that into a div (that I could then collapse/expand) that would be fantastic!

[hainm]

If possible, please keep it compatible with nglview too.

[arose]

to be honest the existing right-hand panel in the web app is already great - if there was an easy way to inject that into a div (that I could then collapse/expand) that would be fantastic!

In addition, otherwise I fear it is too complicated. It exposes almost all of the API.

[arose]

If possible, please keep it compatible with nglview too.

As it would be inside of the canvas this shouldn't be a problem.

[hainm]

can be an issue if you allow user to add new structure as trajectory from the canvas

I agree with you that UI in canvas should be very simple. For full UI, there is already the right panel. But there should be an option to turn on/off the UI.

[arose]

can be an issue if you allow user to add new structure as trajectory from the canvas

I agree, though this could be handled as the is a signal that a trajectory has been added (nglview could subscribe to that).

But there should be an option to turn on/off the UI.

definitely!

[hainm]

The color of the menu control looks nice (to me): https://stemkoski.github.io/Three.js/GUI.html

[hainm]

menu example for above link with xtal.js

http://natechols.github.io/xtal.js/map_viewer.html

[hainm]

When you are done this this for NGL, I think I will try to add Jupyter notebook cell to the widget screen too (for auto-completion).

[hainm]

this menu looks nice

http://moleculeviewer.bionano.autodesk.com/#

[hainm]

At some points, I would like to reuse ngl UI for nglview, like

(related to https://github.com/arose/ngl/issues/171)