From 857c49ce2e9bcc4b54a5a7b597b902ca99797be7 Mon Sep 17 00:00:00 2001 From: Ali Karrar Date: Thu, 18 Jul 2024 16:42:22 -0400 Subject: [PATCH 01/45] Used gemstone TimeFilter --- .../CapBankReport/CapBankReportNavBar.tsx | 32 +- .../DERAnalysisReport/DERAnalysisReport.tsx | 26 +- .../EventSearch/EventSearchNavbar.tsx | 23 +- .../RelayReport/RelayReportNavBar.tsx | 26 +- .../TSX/Components/ReportTimeFilter.tsx | 633 +----------------- .../Settings/OverlayTabs/PlotSettingsTab.tsx | 32 +- .../Components/TrendData/TrendDataNavbar.tsx | 23 +- .../TrendData/TrendPlot/TrendPlot.tsx | 3 +- SEBrowser/package.json | 12 +- 9 files changed, 161 insertions(+), 649 deletions(-) diff --git a/SEBrowser/Scripts/TSX/Components/CapBankReport/CapBankReportNavBar.tsx b/SEBrowser/Scripts/TSX/Components/CapBankReport/CapBankReportNavBar.tsx index 267d710c5..90400459e 100644 --- a/SEBrowser/Scripts/TSX/Components/CapBankReport/CapBankReportNavBar.tsx +++ b/SEBrowser/Scripts/TSX/Components/CapBankReport/CapBankReportNavBar.tsx @@ -22,15 +22,12 @@ //****************************************************************************************************** import * as React from 'react'; import _ from 'lodash'; - import SEBrowserService from './../../../TS/Services/SEBrowser'; import { Modal } from '@gpa-gemstone/react-interactive'; -import ReportTimeFilter from '../ReportTimeFilter'; import { SEBrowser } from '../../global'; - - -const momentDateFormat = "MM/DD/YYYY"; -const momentTimeFormat = "HH:mm:ss.SSS"; +import { TimeFilter } from '@gpa-gemstone/common-pages' +import { useSelector } from 'react-redux'; +import { SelectTimeZone, SelectDateTimeSetting } from '../SettingsSlice'; export interface Substation { @@ -85,6 +82,9 @@ export default class CapBankReportNavBar extends React.Component {'Unknown'} ); + type TimeUnit = 'y' | 'M' | 'w' | 'd' | 'h' | 'm' | 's' | 'ms' + const units = ['ms', 's', 'm', 'h', 'd', 'w', 'M', 'y'] as TimeUnit[] + + // Wrapper function to match the expected type for setFilter + const handleSetFilter = (center: string, start: string, end: string, unit: TimeUnit, duration: number) => { + this.setDate({ + time: center.split(' ')[1], + date: center.split(' ')[0], + windowSize: duration / 2.0, + timeWindowUnits: units.findIndex(u => u == unit) + }); + }; + return ( <>