Uploaded image for project: 'Spark'
  1. Spark
  2. SPARK-55760 Spark Web UI Modernization
  3. SPARK-55773

Replace custom collapse/toggle system with Bootstrap 5 Collapse API

    XMLWordPrintableJSON

Details

    Description

      The Spark Web UI has 40+ manual collapse implementations in webui.js using collapseTable(), toggleClass('collapsed'), and custom localStorage logic for state persistence.

      Bootstrap 5's native Collapse API (data-bs-toggle="collapse", data-bs-target) handles all of this with zero JavaScript. This would:

      • Remove ~100 lines of custom JS in webui.js (lines 32-55, 108-162)
      • Eliminate manual arrow state management (.arrow-open, .arrow-closed)
      • Simplify collapse usage across EnvironmentPage, JobPage, AllJobsPage, StoragePage, ExecutionPage
      • Use BS5's built-in aria-expanded for accessibility

      Part of SPARK-55760 (Spark Web UI Modernization)

      Attachments

        Issue Links

          Activity

            People

              yao Kent Yao
              yao Kent Yao
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: