[PR #3057] [MERGED] feat: rename request by double clicking its name on tabs #4209

New issue

Closed

opened 2026-03-17 01:45:55 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:45:55 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3057
Author: @anwarulislam
Created: 5/15/2023
Status: ✅ Merged
Merged: 5/24/2023
Merged by: @AndrewBastin

Base: release/2023.4.4 ← Head: feat/dbl-click-change-request-name

📝 Commits (5)

8a6e11c feat: rename request by double clicking itss name on tabs
0fa5dce chore: i18n update
685a05f chore: using editrequest component
607e37b fix: empty name issue on dblclick
3ac896b chore: remove unused i18n string

📊 Changes

3 files changed (+29 additions, -12 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/collections/EditRequest.vue (+5 -11)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/pages/index.vue (+23 -0)

📄 Description

Summary

🖊️🚀🎨

Added a feature to rename requests in index.vue. Users can double-click on a request name and enter a new name in a modal dialog.

Walkthrough

Add a feature to rename the request name by double-clicking on it (link, link, link, link)

Declare two reactive variables, renamingReqName and reqName, to control the modal dialog and the input value (packages/hoppscotch-common/src/pages/index.vue link)
Define two functions, openReqRenameModal and renameReqName, to open the modal and update the request name (packages/hoppscotch-common/src/pages/index.vue link)
Add a double-click event listener to the request name element that calls openReqRenameModal (packages/hoppscotch-common/src/pages/index.vue link)
Add a template for the modal dialog that uses renamingReqName and reqName and emits a close event (packages/hoppscotch-common/src/pages/index.vue link)
Add a keyup.enter event listener to the input field that calls renameReqName (packages/hoppscotch-common/src/pages/index.vue link)

Closes HFE-53

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3057 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 5/15/2023 **Status:** ✅ Merged **Merged:** 5/24/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.4.4` ← **Head:** `feat/dbl-click-change-request-name` --- ### 📝 Commits (5) - [`8a6e11c`](https://github.com/hoppscotch/hoppscotch/commit/8a6e11ce1d9492b17eb0f7f7d04d4cbff25b9fe4) feat: rename request by double clicking itss name on tabs - [`0fa5dce`](https://github.com/hoppscotch/hoppscotch/commit/0fa5dceb8f7ef807fad42837a175984d000b4bfd) chore: i18n update - [`685a05f`](https://github.com/hoppscotch/hoppscotch/commit/685a05f460d5e337d29a490fbbd2fe1cbc18f476) chore: using editrequest component - [`607e37b`](https://github.com/hoppscotch/hoppscotch/commit/607e37b27d32fa8114586dce8a7b32f236699b3c) fix: empty name issue on dblclick - [`3ac896b`](https://github.com/hoppscotch/hoppscotch/commit/3ac896b36c67d5ffeacd7baa9ebae46cae7683f9) chore: remove unused i18n string ### 📊 Changes **3 files changed** (+29 additions, -12 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/collections/EditRequest.vue` (+5 -11) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/pages/index.vue` (+23 -0) </details> ### 📄 Description ### Summary 🖊️🚀🎨  Added a feature to rename requests in `index.vue`. Users can double-click on a request name and enter a new name in a modal dialog. ### Walkthrough * Add a feature to rename the request name by double-clicking on it ([link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R26), [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R65-R103), [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R159-R160), [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R211-R224)) - Declare two reactive variables, `renamingReqName` and `reqName`, to control the modal dialog and the input value (`packages/hoppscotch-common/src/pages/index.vue` [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R159-R160)) - Define two functions, `openReqRenameModal` and `renameReqName`, to open the modal and update the request name (`packages/hoppscotch-common/src/pages/index.vue` [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R211-R224)) - Add a double-click event listener to the request name element that calls `openReqRenameModal` (`packages/hoppscotch-common/src/pages/index.vue` [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R26)) - Add a template for the modal dialog that uses `renamingReqName` and `reqName` and emits a `close` event (`packages/hoppscotch-common/src/pages/index.vue` [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R65-R103)) - Add a `keyup.enter` event listener to the input field that calls `renameReqName` (`packages/hoppscotch-common/src/pages/index.vue` [link](https://github.com/hoppscotch/hoppscotch/pull/3057/files?diff=unified&w=0#diff-fad0a5fd18efa5e20c31a16edf95ad374d774283c5e75a09e7e35fbd7906ea08R65-R103)) Closes HFE-53 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>