연락처 이름 클릭 가능한 링크 및 더블 클릭을 추가
- Update ContactRenderer가 첫 번째 및 마지막 이름을 밑줄 클릭 가능한 링크로 표시합니다. - OnViewLead를 통해 리드를 열거나 /leads/view/:id로 이동한 이름을 입력하는 onClick 핸들러를 추가하십시오. - OnRowDoubleClicked 핸...
하위 통계 드롭다운 필터 및 업데이트 계약에 아이콘을 추가
- Java enum과 일치하기 위해 'Contracts Signed' 업데이트 - 계약서에 대한 아이콘 변경은 할당에서 아이콘을 전송 - 하위 통계 드롭다운 필터 메뉴 항목에 아이콘 추가 - Material-UI에서 전송 아이콘 가져 오기 - 드롭다운 필터의 각 하위 통계 옵션 옆에 ...
Pinned 행 지도 ID 세포를 위한 17px에 paddingLeft를 조정하십시오
- 12px에서 17px로 변경
각 하위 통계에 대한 독특한 아이콘을 부모의 상태 색상으로 추가하십시오
- 각 하위 통계에 대한 고유, 관련 아이콘을 추가하십시오 (예 : 왼쪽 메시지에 대한 새로운 리드, 메시지 추가) - Icons는 부모 상태 색깔을 유지합니다 (신선을 위한 녹색, 농장, Grim를 위한 주황색, Void를 위한 회색을 위한 녹색) - Sub-statuses에 대한 추...
핀 행 리드 ID 컬럼을 축소하여 값을 왼쪽으로 이동
- 45px에서 12px까지의 패딩을 감소시키며 핀 행 리드 ID 셀에 대한 - IdRenderer Box sx prop에 누락된 comma 수정 - 이것은 핀 행에서 왼쪽에 리드 ID 값을 더 이동
하위 통계 열 매칭 부모 상태 색상에 아이콘을 추가
- getSubStatusIcon Helper 함수를 추가하여 부모의 상태를 기준으로 아이콘을 결정합니다. - Sub-status 아이콘은 부모 상태와 동일한 아이콘과 색상을 사용합니다. - 신선한 잠수함: 녹색 NewReleases 아이콘 - Reckoning sub-statuses:...
Headers와 data 대신 그리드 헤더 위에 필터 바를 이동합니다
- 그리드 위에 위치한 AG Grid container 외부 필터 바를 이동 - Overlap 문제를 일으키는 절대 위치 제거 - 필터 바는 이제 필드 헤더가 별도의 행으로 나타납니다. - 더 이상 필요하지 않은 PaddingTop 제거 - 이것은 우두머리가 항상 눈에 보이고 여과기 막...
Lead ID 칼럼으로 긴급 배지를 이동하고 연락처에서 이메일을 제거
- Contact 칼럼에서 Lead ID 컬럼으로 Urgent 배지를 이동 - 리드 ID의 계정 아이콘 왼쪽에 위치 배지 - 'Urgent' 라벨 텍스트 제거, 아이콘 배지를 유지 - 연락처 열에서 이메일 주소를 제거 - 연락처 열 이제는 이름만 보여줍니다
Overlapping 데이터 행에서 필터 바를 방지하기 위해 그리드 컨테이너에 패딩 추가
- PaddingTop 추가 : 48px에서 그리드 컨테이너 박스에 - 이 자리에 헤더를 유지하면서 데이터 행을 아래로 밀어 - 필터 바 상단에 위치 : 48px (아래 헤더) - 이제 데이터 행은 96px (48px 헤더 + 48px 필터 바)에서 시작합니다
Sync에 있는 무한한 re-render 반복 방지
- 업데이트 소스를 추적하기 위해 ref를 추가하십시오 (Tab vs filter dropdown) - 다른 소스에서 시작했을 때 업데이트 건너뛰기 - React 오류 #185를 일으키는 원형 업데이트 방지 - setTimeout 를 사용하여 state 업데이트가 완료된 후 플래그를 재...
상태 탭과 필터 드롭다운 사이 양방향 동기화 추가
- 상태 탭이 â†의 업데이트 필터 드롭다운(already) - 필터 드롭다운 변경 시 ↠업데이트 활성화 상태 탭 (새로운) - statusFilterValue에 따라 원형 업데이트 방지Effect - 필터가 삭제되면 현재 상태 탭에서 'All Leads' 탭으로 전환하십시오
FilteredRowData 대신 AG Grid 필터를 사용하여 필터를 수동으로 적용
- 모든 필터 로직을 filteredRowData useMemo로 이동 - AG Grid에 데이터를 전달하기 전에 필터를 수동으로 적용 - AG Grid SetFilterModel 호출을 제거하여 데이터를 직접 필터링합니다. - 필터는 dropdown 값 변경으로 즉시 작동 - 이것은 ...
콘솔 로그 및 새로 고침을 추가하여 필터 적용을 보장합니다
- 적용된 디버그 필터 모델에 console.log 추가 - onFilterChanged 후 새로 고침 통화 - 필터가 올바르게 적용된지 확인해야 합니다
Properly clear filter when 비어있고 필터 모델 업데이트를 올바르게 지키십시오
- 값이 비어있을 때 모델의 Explicitly delete 필터 - Whitespace를 처리하는 트림 필터 값 - 다른 필터를 보존하기 위해 현재 필터 모델을 먼저 가져옵니다. - 모든 필터가 삭제되면 필터 모델 설정 - 필터를 올바르게 적용하고 정리합니다
Header의 밑에 위치 여과기 행 및 필터 적용을 지킵니다
- 상단에 필터 행 이동: 48px (아래 헤더) 대신 상단: 0 - PaddingTop 추가 : 48px에서 AgGridReact 필터 행에 대한 계정 - FloatingFiltersHeight를 0으로 설정하여 사용자 정의 필터 행을 사용하고 있습니다. - setFilterModel...
Align 필터 행 열 및 고정 상태 필터
- 부동 필터 공간 (48px 높이)의 위치 필터 행 - syncFilterRowWidths 함수를 추가하여 열폭을 동적으로 일치 - 그리드 준비 및 열 크기 이벤트에 동기화 폭 - 상태 및 subStatus 필드에 적용하는 상태 필터 수정 - 부모의 상태에 의해 필터링 할 때 모든 어...
AG Grid 플로팅 필터를 사용자 지정 필터 행으로 교체
- columnDefs의 모든 FloatingFilterComponent 참조 제거 - FloatingFilter 설정: 모든 열에 false - 완전한 통제를 가진 격자의 위 주문 여과기 줄을 창조하십시오 - 모든 필터 값 (leadId, 접촉, 상태, subStatus, 공급 업체,...
필터값을 저장하고 AG Grid를 재설정하여 사용
- re-renders의 persist에 valueRef에 있는 현재값을 저장하십시오 - use isUserChangeRef 를 사용하여 sync effect를 overriding user changes 에서 방지하기 - 필터 인스턴스에서 초기 모델을 읽기 - 항상 valueRef.cu...
OnFloatingFilterChanged 콜백을 제거하고 CSS를 개선하여 필터 아이콘을 숨깁니다
- ONFloatingFilterChanged 콜백을 등록하지 마십시오. - 필터 메뉴 버튼과 아이콘을 숨기는 종합 CSS 규칙 추가 - 아이콘이 숨겨져 있는지 확인하기 위한 다중 선택기 변형 추가 - 필터 재설정을 방지하고 모든 필터 아이콘 숨기기
잘못된 DropdownFloating Filter params 및 StatusFilterValue를 상태 필터에 추가
FilterParams를 위한 customParams를 이용하고 params에 statusFilterValue를 추가하십시오
Make Status filter controlled and sync with status tabs
- Added statusFilterValue state to control Status filter dropdown - Status filter now syncs with activeStatusTab when tabs are clicked - Filter value is now con...
Prevent header refresh and maintain filter value with ref
- Use currentValueRef to track and persist filter value - Remove refreshHeader() call that was causing header to hide/reappear - Only update value from callback...
Properly track filter updates to prevent Status filter reset
- Use isUpdatingRef flag to track when we're making changes - Only allow parent model changes to update value if we're not updating - Initialize filter value fr...
Prevent filter reset with no-op callback and hide icons with menuTabs
- Register no-op onFloatingFilterChanged callback to prevent AG Grid from resetting filter value - Use menuTabs: [] instead of suppressHeaderMenuButton to hide ...
New approach for Status filter and filter icons
- Removed onFloatingFilterChanged callback to prevent circular updates - Store filter instance in ref and update directly - Added global CSS rules in globals.cs...
Prevent Status filter reset with ref flag and add suppressHeaderMenuButton
- Added suppressHeaderMenuButton to all columns that should hide filter icons - Improved isInternalChangeRef timing to prevent circular updates - Enhanced CSS s...
Prevent Status filter reset and improve filter icon hiding
- Added isInternalChangeRef to prevent circular updates in Status and SubStatus filters - Updated CSS selectors to better hide filter menu buttons and icons - F...
Remove extra Box wrapper that was breaking grid display
- Removed nested Box wrapper that was preventing grid from rendering - Moved CSS styles directly to the outer Box wrapper - Grid should now display leads correc...
Remove dependency from Sub Status filter useEffect to fix reactivity
Improve Sub Status filter reactivity and hide filter icons with CSS
- Remove getStatusFilterValue dependency from useEffect to prevent stale closures - Add CSS rules to hide filter menu button icons for Lead ID, Contact, Status,...
Properly enable Sub Status dropdown and remove all filter icons
- Add hasStatusFilter state to SubStatusFloatingFilter to track status filter changes - Add filterChanged event listener to immediately detect when Status filte...
Properly enable Sub Status dropdown and remove filter icons
- Fix Sub Status dropdown to be enabled when Status filter is selected (removed options.length check from disabled condition) - Add menuTabs: [] to Lead ID, Con...
Enable Sub Status dropdown when Status is selected and remove filter icons
- Fix Sub Status dropdown to be enabled when a Status filter is selected - Remove filter icons (suppressHeaderMenuButton) from Lead ID, Contact, Status, Sub Sta...
Improve filter behavior and styling
- Sub Status dropdown now only shows sub-statuses for selected Status filter - Sub Status dropdown is disabled when no Status is selected - Auto-set Status filt...
Improve dropdown filter styling and functionality
- Align all dropdown filters to the left with 5px padding above - Add StatusFloatingFilter component with icons in dropdown menu items - Icons appear to the lef...
Add Status column with icons and dynamic Sub Status filter
- Add Status column before Sub Status with icons (Fresh, Reckoning, Farm, Grim, Void) - Create StatusRenderer component that displays status with appropriate ic...
Resolve TypeScript type errors in DropdownFloatingFilter
- Change ExtendedParams to use intersection type instead of extending IFloatingFilterParams - Use type assertion for parentFilterInstance callback parameter - M...
Resolve ESLint errors in DropdownFloatingFilter component
- Add displayName to FloatingFilterComponent - Remove unused ref parameter - Replace any types with proper TypeScript interfaces - Add ExtendedParams interface ...
Add dropdown floating filters and set Lead ID width to 300px
- Create custom DropdownFloatingFilter component for Sub Status, Vendor, Product, Source, and Agent columns - Set Lead ID column width to 300px (was 120px) - Ad...