Skip to content

🎨 [Frontend] Enh: Extended Search widget for Projects tab #8127

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 57 commits into from
Jul 21, 2025

Conversation

odeimaiz
Copy link
Member

@odeimaiz odeimaiz commented Jul 18, 2025

What do these changes do?

The "Fast Exploring of Projects Contents" case requires searching data. Since the Data tab is exposed in all products, we need to provide a way to allow it.

For this purpose, this PR enhances the Search Bar and makes it easier to users to search either "My Projects", "Templates", "Public Projects" or, eventually, "Files/Data". The enhancement transforms the basic search bar into a more comprehensive filtering interface with context switching and improved UI controls.

Key changes include:

  • Created a new SearchBarFilterExtended widget for enhanced search functionality
  • Refactored existing code to use reusable utility functions for better maintainability
  • Modified search bar behavior to support context switching between different project types

SearchExtended

Related issue/s

How to test

Dev-ops

@odeimaiz odeimaiz self-assigned this Jul 18, 2025
@odeimaiz odeimaiz added t:enhancement Improvement or request on an existing feature a:frontend issue affecting the front-end (area group) labels Jul 18, 2025
@odeimaiz odeimaiz added this to the Engage milestone Jul 18, 2025
@odeimaiz odeimaiz changed the title 🎨 [Frontend] Enh: Search widget for Projects tab 🎨 [Frontend] Enh: Extended Search widget for Projects tab Jul 18, 2025
@odeimaiz odeimaiz marked this pull request as ready for review July 21, 2025 14:47
@odeimaiz odeimaiz requested a review from Copilot July 21, 2025 14:47
Copilot

This comment was marked as outdated.

@odeimaiz odeimaiz requested a review from Copilot July 21, 2025 16:03
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR enhances the search functionality in the Projects tab by implementing an extended search widget that allows users to search across different contexts (My Projects, Templates, Public Projects). The enhancement transforms a basic search bar into a comprehensive filtering interface with context switching and improved UI controls.

Key changes include:

  • Created SearchBarFilterExtended widget for enhanced search functionality with context switching between project types
  • Refactored duplicated bounds calculation code into a reusable utility function
  • Updated appearance themes and removed unused API endpoints for better maintainability

Reviewed Changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
SearchBarFilterExtended.js New widget implementing extended search interface with context switching
SearchBarFilter.js Enhanced to support popup functionality and improved filter management
StudyBrowser.js Updated to integrate extended search functionality and handle context switching
Utils.js Added reusable getBounds utility function and removed unused removeBorder method
Multiple files Refactored to use new getBounds utility and updated styling/API endpoints
Comments suppressed due to low confidence (2)

services/static-webserver/client/source/class/osparc/dashboard/SearchBarFilterExtended.js:98

  • Variable name 'domeEle' should be 'domEle' for consistency with similar code patterns in the codebase.
          this._add(control);

odeimaiz and others added 2 commits July 21, 2025 18:12
@odeimaiz odeimaiz added the 🤖-automerge marks PR as ready to be merged for Mergify label Jul 21, 2025
@odeimaiz
Copy link
Member Author

@mergify queue

Copy link
Contributor

mergify bot commented Jul 21, 2025

queue

✅ The pull request has been merged automatically

The pull request has been merged automatically at 39342c6

Copy link
Member

@sanderegg sanderegg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

very nice

Copy link

@mergify mergify bot merged commit 39342c6 into ITISFoundation:master Jul 21, 2025
60 checks passed
@odeimaiz odeimaiz deleted the feature/proejcts-search branch July 22, 2025 09:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🤖-automerge marks PR as ready to be merged for Mergify a:frontend issue affecting the front-end (area group) t:enhancement Improvement or request on an existing feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants