Viz devl 2021 02 08

viz/dcnn_app.py

@@ -48,9 +48,18 @@ __version__= "2021-01-21-001"
 
 
 class _FIGURE_DATA(_SLOTS):
-    __slots__=("id","data","times","label","labels","type","info","ics","topo_img","chop","figure","page_spacing","plot_spacing","downsampling","cols","rows","_cls_name")
+    __slots__=("id","data","times","label","labels","type","info","ics","topo_img","chop","downsampling","table","types",
+               "figure","page_spacing","plot_spacing","magrin","layout","cols","rows","_param","_cls_name")
+
+    @property
+    def n_channels( self ):
+        if self.data is not None:
+           return self.data.shape[0]
+        return None
+
     @property
-    def n_channels( self ): return self.data.shape[0]
+    def param( self ):
+        return self._param
 
 class _BASE(_SLOTS):
     __slots__ = ('app','title','logo','href','color','colors','theme','groups',
@@ -85,6 +94,7 @@ class _BASE(_SLOTS):
     def init_group_toggle_buttons(self,groups=None,color="info"):
         id = self._id_toggle_button_group
         tgls= [ dbc.Col( html.H3( dbc.Badge("Groups",color=color,className="mr-2")),width="auto")]
+
         for g in groups:
             tgls.append( html.H3( g.upper(),style={'color':self.colors['white'],'font-weight':'bold'})),
             tgls.append( dbc.Col( html.H3( daq.BooleanSwitch( id=f"{g.lower()}-{id}",on=True,className='dark-theme-control')),width="auto"))
@@ -207,36 +217,48 @@ class DCNN_APP(_BASE):
     def _init_ica_panel(self):
         divs = []
           #for d,l in zip(data,labels,spacing):
+        sp  = 2
+        mag = dict(l=sp,r=sp,t=sp,b=sp)
+        cl="blue"
         for fd in self.figure_data:
-            divs.append(
-                 html.Div( dcc.Graph(figure=fd.figure,id=fd.id,config={'displayModeBar':False},style={'height':f"{fd.plot_spacing}vh"}),
-                          id= f"{fd.id}-div",
-                          style={'overflowY':'scroll','height':f"{fd.page_spacing}vh"}))
-
-        return dbc.Card( html.Div([dbc.Collapse(div,id=f"collapse-{fd.id}",is_open=True) for div,fd in zip(divs,self.figure_data) ] ),body=True)
+             divs.append(
+                 html.Div([dcc.Graph(figure=fd.figure,id=fd.id,config={'displayModeBar':False},style={'height':f"{fd.plot_spacing}vh"}),
+                           dcc.Store(id=f"{fd.id}-data-store")],id=f"{fd.id}-div",
+                           style={'overflowY':'scroll','height':f"{fd.page_spacing}vh",
+                                  'border-style':'solid','border-color':cl,'magrin':mag}))
+             cl="green"
+        return dbc.Card( html.Div([dbc.Collapse(div,id=f"{fd.id}-collapse",is_open=True) for div,fd in zip(divs,self.figure_data) ] ),body=True)
 
 
     def _init_performance_panel(self):
+        fd=self.figure_data[0]
+        sp  = 2
+        mag = dict(l=sp,r=sp,t=sp,b=sp)
+
         return dbc.Card([
                 dbc.Card(
                         [
-                                html.H5("Performance Plot Chop", className="card-title"),
-                                html.P("This card has some text content, but not much else"),
-                                #dbc.Button("Go somewhere", color="primary"),
-                                ],body=True,style={'border-style': 'solid', 'border-color': 'gray','height':'49vh'}),
+                         html.H5("Performance Table", className="card-title"),
+                         html.Div([#dcc.Graph(figure=None,id=f"{fd.id}-table"), #,config={'displayModeBar':False},style={'height':f"{fd.plot_spacing}vh"}),
+                                   # dcc.Store(id=f"{fd.id}-table-data-store")
+                                   ],id=f"{fd.id}-table-div",
+                                   style={'overflowY':'scroll','height':f"{fd.page_spacing}vh",
+                                          'border-style':'solid','border-color':'blue','margin':mag})
+                         ],body=True,style={'border-style': 'solid', 'border-color': 'gray','height':'49,4vh'}),
                 dbc.Card(
                         [
                                 html.H5("Performance Plot", className="card-title"),
                                 html.P("This card has some text content, but not much else"),
                                 #dbc.Button("Go somewhere", color="primary"),
-                                ],body=True,style={'border-style': 'solid', 'border-color': 'gray','height':'49vh'})])
+                                ],body=True,style={'border-style': 'solid', 'border-color': 'gray','height':'49,4vh'})])
 
 
     def _init_main_panel(self):
-
+        sp=2
+        style = {'border-style':'solid','border-color':'gray','magrin':dict(l=sp,r=sp,t=sp,b=sp)}
         return dbc.Row([
-                dbc.Col(children=[self._init_performance_panel()], width=3,style={'border-style': 'solid', 'border-color': 'gray','margin-left': '0.5%'}),
-                dbc.Col(children=[self._init_ica_panel()],style={'border-style': 'solid', 'border-color': 'gray','margin-left': '0.5%'}, )
+                dbc.Col(children=[self._init_performance_panel()], width=3,style=style),
+                dbc.Col(children=[self._init_ica_panel()],style=style)
                 ])
 
 
@@ -248,15 +270,15 @@ class DCNN_APP(_BASE):
         #self.app.config.suppress_callback_exceptions = True
         self.app.run_server(debug=True, use_reloader=True)
 
-    def _clickOnToggleButton(status):
+    def OnToggleFigure(self,status):
         return status
-
+    '''
     def _update_figure(self,chop_idx):
         ctx = dash.callback_context
         id = ctx.triggered[0]['prop_id']
         fig_ics,fig_aux = self.update_figure()# chop_index=int(chop_idx)-1 )
         return fig_ics,fig_aux #,chop_idx
-
+    '''
     #def _init_callback_plots( self ):
     #
     #   self.app.callback(
@@ -266,14 +288,19 @@ class DCNN_APP(_BASE):
 
 
 # -- callbacks
+    def OnChangeTable( self,chop_idx):
+        #logger.info("clickon table")
+        return [ self.update_data_table() ]
+        #return [ fig ]
+
     def OnChangeFigure(self,chop_idx):
-        ctx=dash.callback_context
+        ctx= dash.callback_context
         id = dash.callback_context.triggered[0]['prop_id']
-        logger.info(id)
-        logger.info(f"ctx output list: {ctx.outputs_list}" )
+        #logger.info(id)
+        #logger.info(f"ctx output list: {ctx.outputs_list}" )
         id = ctx.outputs_list[0]['id'].split('-')[0]
-        logger.info(id)
-        return [ self.update_figure(type=id) ] # chop_index=int(chop_idx)-1 )
+        #logger.info(id)
+        return [ self.update_figure(type=id) ]
 
     def OnChangeSelectionBox(self,down,up,options,idx):
         ctx = dash.callback_context
@@ -292,8 +319,14 @@ class DCNN_APP(_BASE):
 
         return [idx]
 
-    def OnFileChange(self,idx):
-        self.update_data( file_index=int(idx) -1 )
+    def OnChangeChop(self,idx):
+       # -- update chop data
+        #logger.info(f" index: {idx}\n --> {options}" )
+        self.update_data( file_index=None,chop_index= int(idx)-1 )
+        return [f"{int(idx):03d}"]
+
+    def OnChangeFile(self,idx):
+        self.update_data(file_index=int(idx) -1)
         return [ [{'label':f"{c}",'value':c} for c in np.arange(self.n_chops)+1] ]
         #return [f"{int(idx):03d}",chops]
 
@@ -302,42 +335,59 @@ class DCNN_APP(_BASE):
             idx=idx[0]
         return [f"{int(idx):03d}"]
 
-    # --- selectionbox
+   # -- selectionbox
     def _init_callback_selectionbox(self):
 
-        type1 = f"file-{self._id_selection_box}" # -- Files
-        type2 = f"chop-{self._id_selection_box}" # -- Chops
+        id_files = f"file-{self._id_selection_box}" # -- Files
+        id_chops = f"chop-{self._id_selection_box}" # -- Chops
 
        # -- File
-        app.callback([Output(f"{type1}-sl",'value')],
-                     [Input(f"{type1}-bt-down",'n_clicks'),Input(f"{type1}-bt-up",'n_clicks')],
-                     [State(f"{type1}-sl",'options'),State(f"{type1}-sl",'value')],
+        app.callback([Output(f"{id_files}-sl",'value')],
+                     [Input(f"{id_files}-bt-down",'n_clicks'),Input(f"{id_files}-bt-up",'n_clicks'),
+                     Input(f"{id_files}-sl",'options')],
+                     [State(f"{id_files}-sl",'value')],
                      prevent_initial_call=True)(self.OnChangeSelectionBox)
 
-        app.callback([Output(f"{type2}-sl","options") ],
-                     [Input(f"{type1}-sl", 'value')],
-                     prevent_initial_call=True)(self.OnFileChange)
+        app.callback([Output(f"{id_chops}-sl","options") ],
+                     [Input(f"{id_files}-sl", 'value')],
+                     prevent_initial_call=True)(self.OnChangeFile)
 
-        app.callback([Output(f"{type1}-badge",'children')],
-                     [Input(f"{type1}-sl", 'value')],
+        app.callback([Output(f"{id_files}-badge",'children')],
+                     [Input(f"{id_files}-sl", 'value')],
                      prevent_initial_call=True)(self.OnChangeBadge)
 
-# -- Chop
-        app.callback([Output(f"{type2}-sl",'value')],
-             [Input(f"{type2}-bt-down",'n_clicks'),Input(f"{type2}-bt-up",'n_clicks'),Input(f"{type2}-sl",'options')],
-             [State(f"{type2}-sl",'value')],
-             prevent_initial_call=True)(self.OnChangeSelectionBox)
+       # -- Chop
+        app.callback([Output(f"{id_chops}-sl",'value')],
+             [Input(f"{id_chops}-bt-down",'n_clicks'),Input(f"{id_chops}-bt-up",'n_clicks'),
+              Input(f"{id_chops}-sl",'options')],
+             [State(f"{id_chops}-sl",'value')],
+             prevent_initial_call=True)(self.OnChangeSelectionBox) #self.OnChopChange)
 
-        app.callback([Output(f"{type2}-badge",'children')],
-                     [Input(f"{type2}-sl", 'value')],
-                     prevent_initial_call=True)(self.OnChangeBadge)
+        app.callback([Output(f"{id_chops}-badge",'children')],
+                     [Input(f"{id_chops}-sl", 'value')],
+                     prevent_initial_call=True)(self.OnChangeChop) #ChangeBadge)
+
+        fd=self.figure_data[0]
+        app.callback([Output(f"{fd.id}-table-div",'children')],
+                     [Input(f"{id_chops}-badge",'children')],
+                     prevent_initial_call=True)(self.OnChangeTable)
 
         for fg in self.figure_data:
-            app.callback(
+            self.app.callback(
                     [Output(f"{fg.id}","figure")],
-                    [Input(f"{type2}-sl",'value')],
+                    [Input(f"{id_chops}-badge",'children')],
+                    #[State(f"{id_chops}-sl", 'value')],
                     prevent_initial_call=True)(self.OnChangeFigure)
 
+        for g in self.groups:
+            self.app.callback(
+                 Output(f"{g.lower()}-figure-collapse", "is_open"),
+                 [Input(f"{g.lower()}-{self._id_toggle_button_group}","on")],
+                 prevent_initial_call=True)(self.OnToggleFigure)
+
+
+
+
         #app.callback(
         #        [Output(f"{fg.id}","figure") for fg in self.figure_data],
         #        [Input(f"{type2}-sl",'value')],