add search module bar into landscape screen#11151

Merged

renanfranca merged 35 commits intojhipster:mainfrom renanfranca:11102-add-search-module-bar-into-landscape-screen

Oct 21, 2024

+386-66

Commits on Oct 18, 2024

test: add test to confirm if the search module bar is rendered
renanfranca
committed
feat: add search module bar into Landscape.html
renanfranca
committed
refactor: change test name
renanfranca
committed
test: add test to highlight first module found in landscape search
renanfranca
committed
feat: add search functionality to landscape view
renanfranca
committed
refactor: use @input instead of watch with v-model to perform search
renanfranca
committed
refactor: simplify landscape component validation logic
renanfranca
committed
test: add test that should remove the highlight when the input is cleared
renanfranca
committed
test: add test for search query not matching any modules
renanfranca
committed
refactor: extract search test setup and perform search into helper functions
renanfranca
committed
feat: add scrollIntoView feature to LandscapeScroller.ts
renanfranca
committed
test: add tests that should scroll the screen to the highlighted module if it is not visible within the current viewport, and another test that should not scroll if the highlighted module is alread…
renanfranca
committed
feat: add scroll to highlighted module
renanfranca
committed
test: fix mocks of the elements out of Viewport or in Viewport
renanfranca
committed
feat: improve scrolling behavior for highlighted module
renanfranca
committed
test: fix the landscape-container mock to test the scroll to highlight module feature
renanfranca
committed
test: refactor the search module bar scroll tests to avoid code duplication
renanfranca
committed
refactor: remove unnecessary if branch to avoid creating tests solely to meet 100% code coverage
renanfranca
committed
refactor: change methods order to make it easier to read and understand in Landscape.component.ts
renanfranca
committed
test: add test to highlight the first feature found
renanfranca
committed
test: remove unnecessary mockRestore call since every test is atomic and self-contained
renanfranca
committed
feat: reset the landscape container position to the initial landscape layout when the search query is cleared
renanfranca
committed
refactor: improve code quality and readability from highlightModule method in Landscape.component.ts
renanfranca
committed
feat: scroll smooth when reset the landscapeContainer position in Landscape.component.ts
renanfranca
committed
feat: add styles to the search module bar and highlight around the found module
renanfranca
committed
feat: add z-index to anchor-point be on top of the highlighted module css class in landscape component
renanfranca
committed
refactor: move the highlight module pulse animation to _animation.scss
renanfranca
committed
refactor: move .-search-highlighted to a better location in _landscape.scss
renanfranca
committed
refactor: create scss variable for the attention highlight color in _colors.scss
renanfranca
committed
feat: hide the search module bar when the screen size is small
renanfranca
committed
feat: remove the .-search-highlight animation because it is overlaying the .-selectable-highlighted and .-not-selectable-highlighted, which are more important to explain the dependency restriction …
renanfranca
committed
Update src/main/webapp/app/module/primary/landscape/Landscape.component.ts

renanfranca
and
qmonmert
authored

Commits on Oct 21, 2024