VOC support #945
closed[VOC]: Alice Update Request
100%
Description
Is it possible to add functions such as “search for banks” or “search within pages” to narrow down the bank names in the bank account?
Files
| image.png (115 KB) image.png | |||
| picture389-1.png (144 KB) picture389-1.png | |||
| picture389-2.png (65.3 KB) picture389-2.png | |||
| selectbox-dropdown-fixed.png (31.3 KB) selectbox-dropdown-fixed.png | |||
| picture228-1.png (155 KB) picture228-1.png | |||
| picture228-2.png (198 KB) picture228-2.png | |||
| picture228-3.png (162 KB) picture228-3.png | |||
| picture228-4.png (190 KB) picture228-4.png | |||
| picture197-1.png (158 KB) picture197-1.png | |||
| picture197-2.png (168 KB) picture197-2.png | |||
| picture197-3.png (153 KB) picture197-3.png | create new | ||
| picture197-4.png (77.2 KB) picture197-4.png | |||
| picture197-5.png (71.9 KB) picture197-5.png | update bank name | ||
| Screenshot 2026-01-12 153356.png (125 KB) Screenshot 2026-01-12 153356.png | |||
| dropdown.PNG (136 KB) dropdown.PNG |
Related issues
Updated by Tom Dong 3 months ago
Branch created: `develop-vn/tom/voc-support-945-voc-alice-update-request`
Repository: oh-admin
Workspace: ohmyhotel
Bitbucket URL: https://bitbucket.org/ohmyhotel/oh-admin/branch/develop-vn/tom/voc-support-945-voc-alice-update-request
Updated by Tom Dong 3 months ago
- Summary of fixes (2025-12-16)
- 1. Fix `app-selectbox-2` dropdown clipped inside table
Issue: Dropdown of `app-selectbox-2` is clipped/hidden when placed inside a table with `overflow: hidden` (class `table-responsive`)
Solution:
- Added `@Input() appendTo: string = null` to the component
- When set `appendTo="body"`, dropdown is appended to body element, not limited by container overflow
File changed: `src/app/shared/modules/selectbox-2/selectbox-2.component.ts`
- 2. Fix dropdown not closing on outside scroll
Issue: When `appendTo="body"`, dropdown does not auto-close when user scrolls table/page outside
Solution:
- Added scroll event listener on document
- Auto-close dropdown when scroll occurs outside dropdown panel
- Cleanup event listener on component destroy to prevent memory leak
- Usage
```html
<app-selectbox-2
[options]="list"
[appendTo]="'body'"
</app-selectbox-2>
```
Applied at: `src/app/routes/us-comp/components/detail-account/us-comp-detail-account.component.html` - Bank Account form
Updated by ziniy Kang 3 months ago
- Status changed from 완료성공(Resolve) to 완료(Done)
- Build env. set to Dev
Updated by Tracy Truong 3 months ago
- File picture389-1.png picture389-1.png added
- File picture389-2.png picture389-2.png added
- Status changed from QA test to 완료실패(Failed)
- Assignee changed from Tracy Truong to Tom Dong
Solution: added input box in bank name filter
tested on DEV, ok but please relocated dropdown box below input box. Currently, it's a little overlaped
Updated by Tom Dong 3 months ago
- Fix dropdown position (2025-12-17)
- Issue từ QA
Dropdown bị overlap với input box, cần điều chỉnh vị trí dropdown xuống dưới input box.
- Giải pháp
1. Thêm CSS cho dropdown panel khi `appendTo="body"`
- Set `margin-top: 2px` để tạo khoảng cách giữa input và dropdown
- Set `box-shadow` để dropdown nổi bật hơn
2. Cập nhật styles.scss
- Thêm global style cho `.cdk-overlay-pane` chứa selectbox dropdown
- Đảm bảo dropdown hiển thị đúng vị trí bên dưới input
- Files changed
- `src/app/shared/modules/selectbox-2/selectbox-2.component.ts`
- `src/app/shared/modules/selectbox-2/selectbox-2.component.html`
- `src/styles.scss`
- Result
Dropdown giờ hiển thị đúng vị trí bên dưới input box, không còn bị overlap.
Updated by Tracy Truong 3 months ago
- File picture228-1.png picture228-1.png added
- File picture228-2.png picture228-2.png added
- File picture228-3.png picture228-3.png added
- File picture228-4.png picture228-4.png added
- Status changed from QA test to 완료(Done)
- Assignee changed from Tracy Truong to Tom Dong
Account test: Tracy's Test Hotel - 603933
Seacrh/ Create new / Update information => ok
Updated by Tracy Truong 2 months ago
- File picture197-1.png picture197-1.png added
- File picture197-2.png picture197-2.png added
- File picture197-3.png picture197-3.png added
- File picture197-4.png picture197-4.png added
- File picture197-5.png picture197-5.png added
- Status changed from QA test to 완료(Done)
- Assignee changed from Tracy Truong to Tom Dong
Search/ Create new / Update bank name => ok
Acc test: Test Hotel - 1001097
Updated by ziniy Kang 2 months ago
- Status changed from 완료(Done) to 확인(Confirmed)
Updated by ziniy Kang 2 months ago
- Status changed from 확인(Confirmed) to QA test
- Assignee changed from Tom Dong to Tracy Truong
- Build env. changed from Staging to Prod
Updated by Tracy Tran about 2 months ago
- File Screenshot 2026-01-12 153356.png Screenshot 2026-01-12 153356.png added
- File dropdown.PNG dropdown.PNG added
- Status changed from QA test to 완료성공(Resolve)
- Assignee changed from Tracy Truong to Tom Dong
Tested on PROD
Search/ Create new / Update bank name => ok
Acc test: Test Hotel - 1001097
Just need to fix the dropdown box (same as staging)
Create new tasks
Updated by Tracy Tran about 2 months ago
- Related to 개선(improvement) #2893: [VOC]: Alice Update Request added
