diff --git a/assets/custom-functions.js b/assets/custom-functions.js index ff8bd97ade469081533a92dca2153029dcb545b9..1665eda05d2f0ac836c33e3c434dfd89f5c9ec89 100644 --- a/assets/custom-functions.js +++ b/assets/custom-functions.js @@ -196,7 +196,7 @@ function waitForMutation(selector, func) { const observer = new MutationObserver(mutations => { if (document.querySelector(selector)) { resolve(document.querySelector(selector)); - // console.log(mutations); + console.log(mutations); func(mutations); } }); @@ -305,3 +305,21 @@ $(document).ready(function () { }); //==================END Funcfions to flip adjust colorbar values for only concentration var ========== + +//UPDATE TEXT UNDER TIMESLIDER HANDLE TO HAVE YELLOW OF THE FOLLOWING ITEMS +// function changeTextColor() { +// let marks = document.getElementsByClassName('rc-slider-mark-text-active'); +// let yellows = document.getElementsByClassName('rc-slider-mark-text'); +// console.log('looking for...' + marks[marks.length -1]); +// if(marks.length > 1) { +// marks[marks.length - 2].classList.add('rc-slider-mark-text-active'); +// } +// marks[marks.length - 1].classList.remove('rc-slider-mark-text-active'); +// // marks[marks.length - 1].style.color = '#F1B545'; +// // marks[marks.length - 2].style.color = '#999'; +// } +// +// $(document).ready(function () { +// waitForMutation('.rc-slider-handle', changeTextColor); +// }) +//END =========================================================== diff --git a/assets/style.css b/assets/style.css index 88c65691a5d5be82082773655a98a8c6f7da897b..0cc5ea57efcaa86ef3411942262c2a3b097a3143 100644 --- a/assets/style.css +++ b/assets/style.css @@ -909,12 +909,12 @@ div.dropdown-menu.show { } -.rc-slider-mark-text-active { - color: #999 !important; +.rc-slider-mark-text.rc-slider-mark-text-active { + color: var(--yellow); } .rc-slider-mark-text { - color: var(--yellow); + color: #999; } .rc-slider-handle{ diff --git a/tabs/evaluation_callbacks.py b/tabs/evaluation_callbacks.py index dcb4ae333b3f403de978360c7672524721e13797..7762ae802095281fc354c850379c95af6f4aac0d 100644 --- a/tabs/evaluation_callbacks.py +++ b/tabs/evaluation_callbacks.py @@ -726,14 +726,14 @@ def update_eval_aeronet(n_clicks, sdate, edate, obs): edate = end_date stations, points_layer = get_obs1d(sdate, edate, obs, DEFAULT_VAR) - fig = get_figure(model=None, var=DEFAULT_VAR, layer=points_layer), -# eval_graph = html.Div([ -# get_figure(model=None, var=DEFAULT_VAR, layer=points_layer), -# html.Div(DISCLAIMER_OBS, -# className='disclaimer') -# ], -# id='graph-eval-aeronet', -# ) + # fig = get_figure(model=None, var=DEFAULT_VAR, layer=points_layer), + fig = html.Div([ + get_figure(model=None, var=DEFAULT_VAR, layer=points_layer), + html.Div(DISCLAIMER_OBS, + className='disclaimer') + ], + id='graph-eval-aeronet', + ) return stations.to_dict(), fig diff --git a/tabs/forecast_callbacks.py b/tabs/forecast_callbacks.py index eb78b077b0015d168dc69e0e0fd897d69493ecde..14781778752e092e78fa454ea5307c11c1341335 100644 --- a/tabs/forecast_callbacks.py +++ b/tabs/forecast_callbacks.py @@ -783,10 +783,11 @@ def zoom_country(n_clicks, model, zoom, lat, lon): def zooms(viewport, models): """Syncronize all maps to have same center and zoom in mosaic""" ctx = dash.callback_context - changed = dict(ctx.triggered_id) - index = models.index(changed) - return 1, viewport[index]['zoom'], viewport[index]['center'][0], viewport[index]['center'][1] - + if viewport and viewport[0] is not None: + changed = dict(ctx.triggered_id) + index = models.index(changed) + return 1, viewport[index]['zoom'], viewport[index]['center'][0], viewport[index]['center'][1] + raise PreventUpdate # start/stop animation @dash.callback(