[PR #5258] [MERGED] feat(common): authorization ui panel revamp #5128

New issue

Closed

opened 2026-03-17 02:36:16 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:36:16 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5258
Author: @anwarulislam
Created: 7/21/2025
Status: ✅ Merged
Merged: 7/24/2025
Merged by: @jamesgeorge007

Base: next ← Head: feat/auth-ui-revamp

📝 Commits (9)

1ad52d5 feat: add labels for authorization fields in various components
1601ec4 feat: update placeholder texts for various authorization inputs to improve clarity
b6a01c4 feat: add i18n for domain and workstation labels
20fe83e feat: add i18n support for various authorization fields
ff73ee7 feat: add i18n support for various authorization fields
6438d8f feat: add i18n support for various authorization fields
e1b512b feat: add i18n support for jwt and oauth2
920f716 chore: clean up
8e35eab chore: clean up

📊 Changes

12 files changed (+279 additions, -72 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+34 -1)
📝 packages/hoppscotch-common/src/components/http/Authorization.vue (+12 -2)
📝 packages/hoppscotch-common/src/components/http/authorization/ASAP.vue (+31 -8)
📝 packages/hoppscotch-common/src/components/http/authorization/AWSSign.vue (+20 -8)
📝 packages/hoppscotch-common/src/components/http/authorization/AkamaiEG.vue (+39 -11)
📝 packages/hoppscotch-common/src/components/http/authorization/ApiKey.vue (+8 -2)
📝 packages/hoppscotch-common/src/components/http/authorization/Basic.vue (+8 -2)
📝 packages/hoppscotch-common/src/components/http/authorization/Digest.vue (+32 -10)
📝 packages/hoppscotch-common/src/components/http/authorization/HAWK.vue (+33 -9)
📝 packages/hoppscotch-common/src/components/http/authorization/JWT.vue (+20 -10)
📝 packages/hoppscotch-common/src/components/http/authorization/NTLM.vue (+21 -8)
📝 packages/hoppscotch-common/src/components/http/authorization/OAuth2.vue (+21 -1)

📄 Description

Introduce labels for various authorization fields across multiple components to enhance user interface clarity and accessibility. This change improves the overall user experience by providing clear context for each input field.

Previously	Updated

_{🔄 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/5258 **Author:** [@anwarulislam](https://github.com/anwarulislam) **Created:** 7/21/2025 **Status:** ✅ Merged **Merged:** 7/24/2025 **Merged by:** [@jamesgeorge007](https://github.com/jamesgeorge007) **Base:** `next` ← **Head:** `feat/auth-ui-revamp` --- ### 📝 Commits (9) - [`1ad52d5`](https://github.com/hoppscotch/hoppscotch/commit/1ad52d50272e2fef2a13fa0918f81adc4fdebcc5) feat: add labels for authorization fields in various components - [`1601ec4`](https://github.com/hoppscotch/hoppscotch/commit/1601ec46c189a3884a0df2ef131a11a4a8efc08f) feat: update placeholder texts for various authorization inputs to improve clarity - [`b6a01c4`](https://github.com/hoppscotch/hoppscotch/commit/b6a01c48200c0abceaf359cefb564356eae0acb7) feat: add i18n for domain and workstation labels - [`20fe83e`](https://github.com/hoppscotch/hoppscotch/commit/20fe83e20ae8e98e2570984692c8148746ed90bc) feat: add i18n support for various authorization fields - [`ff73ee7`](https://github.com/hoppscotch/hoppscotch/commit/ff73ee7b66f9e171dad9364c36f0b4a56b46ec63) feat: add i18n support for various authorization fields - [`6438d8f`](https://github.com/hoppscotch/hoppscotch/commit/6438d8f9e19ca4210e35321b6b233d85db233951) feat: add i18n support for various authorization fields - [`e1b512b`](https://github.com/hoppscotch/hoppscotch/commit/e1b512b152f8867c45727bec8a0e617cd37ddb78) feat: add i18n support for jwt and oauth2 - [`920f716`](https://github.com/hoppscotch/hoppscotch/commit/920f716d81cbb9258148ad12b832654c8baa0074) chore: clean up - [`8e35eab`](https://github.com/hoppscotch/hoppscotch/commit/8e35eab6a269aa08c13ad0a7af5e480c746a85db) chore: clean up ### 📊 Changes **12 files changed** (+279 additions, -72 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+34 -1) 📝 `packages/hoppscotch-common/src/components/http/Authorization.vue` (+12 -2) 📝 `packages/hoppscotch-common/src/components/http/authorization/ASAP.vue` (+31 -8) 📝 `packages/hoppscotch-common/src/components/http/authorization/AWSSign.vue` (+20 -8) 📝 `packages/hoppscotch-common/src/components/http/authorization/AkamaiEG.vue` (+39 -11) 📝 `packages/hoppscotch-common/src/components/http/authorization/ApiKey.vue` (+8 -2) 📝 `packages/hoppscotch-common/src/components/http/authorization/Basic.vue` (+8 -2) 📝 `packages/hoppscotch-common/src/components/http/authorization/Digest.vue` (+32 -10) 📝 `packages/hoppscotch-common/src/components/http/authorization/HAWK.vue` (+33 -9) 📝 `packages/hoppscotch-common/src/components/http/authorization/JWT.vue` (+20 -10) 📝 `packages/hoppscotch-common/src/components/http/authorization/NTLM.vue` (+21 -8) 📝 `packages/hoppscotch-common/src/components/http/authorization/OAuth2.vue` (+21 -1) </details> ### 📄 Description Introduce labels for various authorization fields across multiple components to enhance user interface clarity and accessibility. This change improves the overall user experience by providing clear context for each input field. | Previously | Updated | | --- | --- | | <img width="585" height="309" alt="image" src="https://github.com/user-attachments/assets/e2c8505e-4536-41ad-a252-2169c544f04b" /> | <img width="599" height="320" alt="image" src="https://github.com/user-attachments/assets/10ef7902-ca26-4ec5-9b3b-d5a67a57d79c" /> | --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>