from .constants import LABEL_ELEMENT_TYPES, \ LABEL_ELEMENT_TYPES_ALL, \ ELEMENTS user_interface = html.Div( style={ 'height': 'calc(100vh - 90px)', 'overflow-y': 'auto', 'overflow-x': 'hidden', }, children=[ drc.SectionTitle(title='Elements', size=3, color='white'), drc.Card([ drc.NamedDropdown( name='Select an element list', id='dropdown-select-element-list', options=drc.DropdownOptionsList(*ELEMENTS.keys()), value='Basic', clearable=False) ]), drc.SectionTitle(title='Layout', size=3, color='white'), drc.NamedCard(title='Layout', size=4, children=[ drc.NamedDropdown(name='Layout', id='dropdown-layout', options=drc.DropdownOptionsList( 'null', 'random', 'preset', 'grid', 'circle', 'concentric', 'breadthfirst', 'cose'), value='preset', clearable=False),
'width': '100%' }) ]), html.Div( className='four columns', children=[ dcc.Tabs( id='tabs', children=[ dcc.Tab(label='Control Panel', children=[ drc.NamedDropdown( name='Layout', id='dropdown-layout', options=drc.DropdownOptionsList( 'random', 'grid', 'circle', 'concentric', 'breadthfirst', 'cose', 'cose-bilkent', 'dagre', 'cola', 'klay', 'spread', 'euler'), value='grid', clearable=False), drc.NamedRadioItems( name='Expand', id='radio-expand', options=drc.DropdownOptionsList( 'followers', 'following'), value='followers') ]), dcc.Tab( label='JSON', children=[ html.Div(style=styles['tab'],
'height': '95vh', 'width': '60%' }) ]), html.Div( className='four columns', children=[ dcc.Tabs( id='tabs', children=[ dcc.Tab(label='Control Panel', children=[ drc.NamedDropdown( name='Layout', id='dropdown-layout', options=drc.DropdownOptionsList( 'random', 'grid', 'circle', 'concentric', 'breadthfirst', 'cose'), value='cose', clearable=False), drc.NamedRadioItems( name='Expand', id='radio-expand', options=drc.DropdownOptionsList( 'followers', 'following'), value='followers') ]), dcc.Tab(label='JSON', children=[ html.Div( style=styles['tab'], children=[
'height': '95vh', 'width': '100%' }) ]), html.Div( className='four columns', children=[ dcc.Tabs( id='tabs', children=[ dcc.Tab(label='Control Panel', children=[ drc.NamedDropdown( name='Layout', id='dropdown-layout', options=drc.DropdownOptionsList( 'random', 'grid', 'circle', 'concentric', 'breadthfirst', 'cose'), value='random', clearable=False), drc.NamedDropdown( name='Node Shape', id='dropdown-node-shape', value='ellipse', clearable=False, options=drc.DropdownOptionsList( 'ellipse', 'triangle', 'rectangle', 'diamond', 'pentagon', 'hexagon',
'width': '100%' }) ]), html.Div(className='four columns', children=[ dcc.Tabs( id='tabs', children=[ dcc.Tab(label='Control Panel', children=[ drc.NamedDropdown( name='Visualizer', id='dropdown-layout', options=drc.DropdownOptionsList( 'All Topics', 'Education and Awareness', 'Vulnerable Populations', 'Multidisciplinary Initiatives', ), value='All Topics', clearable=False), ]), dcc.Tab(label='JSON', children=[ html.Div( style=styles['tab'], children=[ html.P('Node Object JSON:'), html.Pre( id='tap-node-json-output', style=styles['json-output']),
dcc.Tabs( id="tabs", children=[ dcc.Tab( label="Control Panel", children=[ drc.NamedDropdown( name="Layout", id="dropdown-layout", options=drc.DropdownOptionsList( "random", "grid", "circle", "concentric", "breadthfirst", "cose", "cose-bilkent", "dagre", "cola", "klay", "spread", "euler", ), value="grid", clearable=False, ), drc.NamedRadioItems( name="Expand", id="radio-expand", options=drc.DropdownOptionsList( "followers", "following"), value="followers",