Commit Graph
22 Commits
Author SHA1 Message Date
Haris Rozajac 09e496acfd Explore TraceView: Remove 'Scroll to top' button (#77158)
* Remove button from Explore but keep in plugins

* Remove topOfViewRef from trace view container
2023-10-27 07:19:43 -06:00
Haris Rozajac 97f5c1c6ba Explore: Content outline add documentation (#76482)
* Add documentation
2023-10-13 11:01:08 -06:00
Haris RozajacandGiordano Ricci 4ec54bc2c3 Explore: Content Outline (#74536)
* Add images

* Basic button functionality; TODO placeholders for dispatching contentOutlineToggle and rendering content outline component

* Basic content outline container

* Content outline toggles

* Remove icon files from explore

* Scroll into view v1

* outline that reflect's explore's order of vizs

* Update icon name

* Add scrollId to PanelChrome; scrolling enabled for Table

* Add queries icon

* Improve scroll behavior in split view

* Add wrapper so the sticky navigation doesn't scroll when on the bottom of the window

* Fix the issue with logs gap; center icons

* Memoize register and unregister functions; adjust content height

* Make displayOrderId optional

* Use Node API for finding position of panels in content outline;  add tooltip

* Dock content outline in expanded mode; at tooltip to toggle button

* Handle content outline visibility from Explore and not redux; pass outlineItems as a prop

* Fix ContentOutline test

* Add interaction tracking

* Add padding to fix test

* Replace string literals with objects for styles

* Update event reporting payloads

* Custom content outline button; content outline container improvements

* Add aria-expanded to content outline button in ExploreToolbar

* Fix vertical and horizontal scrolling

* Add aria-controls

* Remove unneccessary css since ExploreToolbar is sticky

* Update feature toggles; Fix typos

* Make content outline button more prominent in split mode; add padding to content outline items;

* Diego's UX updates

* WIP: some scroll fixes

* Fix test and type error

* Add id to ContentOutline to differentiate in split mode

* No default exports

---------

Co-authored-by: Giordano Ricci <me@giordanoricci.com>
2023-10-13 10:57:13 -06:00
Haris Rozajac e773f999ff Fix the issue with cutoff CustomScrollbar (#75929)
* Remove autoHeightMin

* Fix scroll to the top
2023-10-06 06:49:14 -06:00
Haris Rozajac 36bb03284d Fix sticky header issue (#75710)
* Fix sticky header issue

* Take ExploreToolbar higher in the DOM tree so the stickiness is not needed

* Remove z-index

* Remove sticky styles
2023-10-03 07:10:59 -06:00
Haris Rozajac 4899169445 Explore: Make Explore Toolbar sticky (#75500)
* Make it sticky

* Reduce z-index

* Improve comment
2023-09-27 15:49:44 -06:00
Haris Rozajac d218aa1a97 Fix Prometheus icon so it can work in light mode (#75120)
Fix the icon
2023-09-21 07:05:07 -06:00
Haris Rozajac 416520e648 Frontend: Make Prometheus and Traces icons larger (#74088)
Make icons larger
2023-08-31 15:08:07 +02:00
Haris RozajacandTorkel Ödegaard 2ea22b44e1 Frontend PanelChrome: Fix header title moving down when collapsing (#74123)
* PanelChrome: Fixes height when collapsed and collapse icon placement

---------

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
2023-08-31 13:25:52 +02:00
Haris Rozajac 2cf4f641f2 Explore: Unified Logs Volume and Logs panels (#73825)
Wrap Logs Volume and Logs panels with PanelChrome instead of Collapse
2023-08-30 12:20:43 +02:00
Haris Rozajac e3c65d355f Icons: Added prometheus and traces icons (#73734)
* Add prometheus and traces icons

* Remove icons from the bundle as they might be behind a feature flag
2023-08-24 15:55:26 +02:00
Haris Rozajac 19ae937aa8 Explore: Unified Node Graph Container (#72558)
* Improve naming; fix tests

* Pass countWarning to titleItems

* Center warning text

* Revert variable name

* Switch from arrow function to direct assignment

* Add ability to make component controlled

* Replace remaining isOpen with collapsed

* Fix test; update story and docs

* Add test; add uncontrolled functionality
2023-08-24 15:30:25 +02:00
Haris Rozajac 8dd66090be Frontend: Allows PanelChrome to be collapsed (#71991)
* Collapsible PanelChrome v1

* Enable either Collapsible or HoverHeader modes

* Clean up

* Update story

* Add test

* Revert to 'strict'

* Use useToggle

* Allow collapsibility when title is not passed

* Fix semantics and ellipsis wrapping

* Improve accessibility

* Add documentation
2023-07-27 13:53:51 -06:00
Haris Rozajac 982624cf51 Explore: Turn ExplorePage.test into unit test (#72022)
* Extract logic from ExplorePage to a hook, add a test for the hook; remove ExplorePage test

* Remove extracted stuff from ExplorePage

* Clean up

* Fix minWidth logic
2023-07-26 12:46:57 -06:00
Haris RozajacandGiordano Ricci fd01f6cf31 Explore: Unify trace view panel (#70408)
* PanelChrome scales vertically

* Trace View with old Trace View Header works with PanelChrome

* Add top margin

* Remove console.log

* Use contain: 'strict' only when height is passed

* Clean up: use title prop in PanelChrome and everything else should be put under

* Remove test as the title will be passed to PanelChrome

* Remove unused import

* Remove titleWithLinks from PanelChrome

* Make NewTracePageHeader compatible with PanelChrome

* Fix test

* Remove margin

* Remove unused css

* Revert config changes

* Clean up: remove console log and commented out css

* Clean up unused css

* Fix tests

* Revert to a brighter color

* Show links next to duration

* Cleanup

* Remove container style and use default displayMode in PanelChrome

* Clean up

* Revert 'Give feedback' styling

* PanelChrome's width auto scales

* Fix GraphContainer's props

* TraceViewContainer doesn't need a div wrapper

* Remove loading

* Fix build issue

* FIx merge conflict

* Revert old trace page header so the header items shows correctly in dashboards

* Revert to match old trace view header

* Revert NewTracePageHeader so it can show header items in dashboards

* Revert

* Revert tests

* Make 'Give feedback' link aligned vertically

* Remove unused css

* Reduce spacing between title and container in dashboards; remove top padding for NewTracePageHeader

---------

Co-authored-by: Giordano Ricci <me@giordanoricci.com>
2023-07-18 08:15:07 -06:00
Haris Rozajac e586c4549b Explore: Moved 'handles open/close splits in UI and URL' test to the spec folder (#71674)
* Move handles open/close splits in UI and URL test to the spec folder

* Remove reference to explore

* Fix what was missing

* Remove afterEach

* Use standard, non-compact format
2023-07-18 07:47:26 -06:00
Haris Rozajac d1ae4e2786 Explore: Replaced deprecated 'query' property with 'queries' in splitOpen (#71484)
* Replace deprecated 'query' field with 'queries'

* Replace another one

* Queries is an array
2023-07-14 07:44:11 -06:00
Haris Rozajac 4b3050e02e Explore: Test deleting comments in query history (#70934)
* Working test
2023-07-10 08:09:42 -06:00
Haris Rozajac a40e589db7 Explore: Fixed Starred query history tab to show all starred queries (#69914)
* Starred queries shouldn't have from and to params

* Update request id when starred is true

* Update tests
2023-06-14 11:14:03 -06:00
Haris Rozajac 3fd04edd81 Dashboards: Remove Explore option from panel menu when panel's datasource uid is "-- Dashboard --" (#69017)
* Remove Explore option from panel menu when panel's datasource uid is "-- Dashboard --"

* Use the constant SHARED_DASHBOARD_QUERY
2023-05-26 08:01:54 -06:00
Haris Rozajac 69c4da618c Explore: Reorganized data viz components (#68510)
* Move logs-related files to its own folder; update ownership paths

* Fix failing tests

* Put Flame graph and Node graph related files into separate folders

* Put RawPrometheus related files into a separate folder

* Put Table related files into a separate folder

* Add owners to three visualization categories

* observability-logs team owns everything under logs

* Move logs utils to their separate folder under Logs
2023-05-23 07:42:38 -06:00
Haris Rozajac cee838c8a8 Explore: Remove data source onboarding page (#68131)
* Remove EmptyStateWrapper
2023-05-12 07:48:17 -06:00