SDKTECHNO-271: fix client errors, add debounce to fix input UX issue

technologies/app/saagie-app-storages-backup-restore/saagie-app-storages-backup-restore-2024.04/app/src/assets/dashAgGridComponentFunctions.js

@@ -1,10 +1,10 @@
 var dagcomponentfuncs = (window.dashAgGridComponentFunctions = window.dashAgGridComponentFunctions || {});
-
+console.log('dagcomponentfuncs = ', dagcomponentfuncs);
 dagcomponentfuncs.StockLink = function (props) {
+ console.log('props = ', props);
  return React.createElement(
  'a',
  {
- //href: 'https://finance.yahoo.com/quote/' + props.value,
  href: props.value,
  target : '_blank'
  },

technologies/app/saagie-app-storages-backup-restore/saagie-app-storages-backup-restore-2024.04/app/src/views.py

@@ -12,7 +12,7 @@ def get_body_app():
  html.Div(id="sui-root", children=[
  html.Div(
  id="header",
- style={'background-color': '#1F3046'},
+ style={'backgroundColor': '#1F3046'},
  className="sui-g-grid as--middle sui-h-pv-md sui-h-ph-lg",
  children=[
  html.Div(
@@ -54,7 +54,6 @@ def get_body_app():
  speed_multiplier=1.5,
  width=50,
  # type="default",
- fullscreen=True,
  children=[
  # div contenu des onglets
  html.Div(id='tabs-content', className="sui-l-layout__page"),
@@ -159,8 +158,10 @@ def tab_backup(list_max_dates_backup):
  html.Div(className="sui-m-search-bar",
  children=[
  html.Span(className="sui-m-search-bar__icon",
- children=[html.I(className="sui-a-icon as--fa-search")]),
- dcc.Input(id="input-filter", placeholder="Filter by name, id, ...",
+ children=[html.I(className="sui-a-icon as--fa-search")]), 
+ dcc.Input(id="input-filter", value="", 
+ placeholder="Filter by name, id... and press Enter",
+ debounce=True,
  className="sui-a-form-control"),
  ]
  ),
@@ -181,9 +182,9 @@ def tab_backup(list_max_dates_backup):
  columnSize="sizeToFit",
  selectedRows=[],
  defaultColDef={
- "filter": True,
+ #"filter": True,
  # "filterParams": {"buttons": ["reset", "apply"],},
- "sortable": True,
+ "sortable": False,
  # "resizable": True,
  },
  dashGridOptions={
@@ -193,6 +194,7 @@ def tab_backup(list_max_dates_backup):
  "animateRows": False,
  'pagination': True,
  'paginationPageSize': 10,
+ 'quickFilterText': "",
  # "paginationAutoPageSize": True,
  "paginationPageSizeSelector": False
  },