diff --git a/apps/browser-extension/src/entrypoints/popup/components/Forms/AddFieldMenu.tsx b/apps/browser-extension/src/entrypoints/popup/components/Forms/AddFieldMenu.tsx index af86132ee..3ba7282f9 100644 --- a/apps/browser-extension/src/entrypoints/popup/components/Forms/AddFieldMenu.tsx +++ b/apps/browser-extension/src/entrypoints/popup/components/Forms/AddFieldMenu.tsx @@ -323,6 +323,7 @@ const AddFieldMenu: React.FC = ({ className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:text-white" > + diff --git a/apps/browser-extension/src/entrypoints/popup/components/Forms/DraggableCustomFieldsList.tsx b/apps/browser-extension/src/entrypoints/popup/components/Forms/DraggableCustomFieldsList.tsx index e2242e6c5..551ebe468 100644 --- a/apps/browser-extension/src/entrypoints/popup/components/Forms/DraggableCustomFieldsList.tsx +++ b/apps/browser-extension/src/entrypoints/popup/components/Forms/DraggableCustomFieldsList.tsx @@ -23,6 +23,7 @@ import { FieldTypes } from '@/utils/dist/core/models/vault'; import EditableFieldLabel from './EditableFieldLabel'; import { FormInput } from './FormInput'; import HiddenField from './HiddenField'; +import PasswordField from './PasswordField'; /** * Custom field definition type @@ -85,7 +86,18 @@ const SortableCustomField: React.FC = ({ ); } - if (field.isHidden || field.fieldType === FieldTypes.Hidden || field.fieldType === FieldTypes.Password) { + if (field.fieldType === FieldTypes.Password) { + return ( + + ); + } + + if (field.isHidden || field.fieldType === FieldTypes.Hidden) { return ( { */ const FIELD_TYPE_OPTIONS: { value: FieldType; labelKey: string }[] = [ { value: 'Text', labelKey: 'itemTypes.fieldTypes.text' }, + { value: 'Password', labelKey: 'itemTypes.fieldTypes.password' }, { value: 'Hidden', labelKey: 'itemTypes.fieldTypes.hidden' }, { value: 'Email', labelKey: 'itemTypes.fieldTypes.email' }, { value: 'URL', labelKey: 'itemTypes.fieldTypes.url' }, diff --git a/apps/mobile-app/components/form/DraggableCustomFieldsList.tsx b/apps/mobile-app/components/form/DraggableCustomFieldsList.tsx index 3f4dc4d57..020d2760c 100644 --- a/apps/mobile-app/components/form/DraggableCustomFieldsList.tsx +++ b/apps/mobile-app/components/form/DraggableCustomFieldsList.tsx @@ -12,6 +12,7 @@ import { HapticsUtility } from '@/utils/HapticsUtility'; import { useColors } from '@/hooks/useColorScheme'; +import { AdvancedPasswordField } from './AdvancedPasswordField'; import { EditableFieldLabel } from './EditableFieldLabel'; import { FormField } from './FormField'; import { HiddenField } from './HiddenField'; @@ -66,7 +67,17 @@ const CustomFieldItem: React.FC = ({ ); } - if (field.isHidden || field.fieldType === FieldTypes.Hidden || field.fieldType === FieldTypes.Password) { + if (field.fieldType === FieldTypes.Password) { + return ( + + ); + } + + if (field.isHidden || field.fieldType === FieldTypes.Hidden) { return ( } - else if (customField.IsHidden || customField.FieldType == FieldType.Hidden || customField.FieldType == FieldType.Password) + else if (customField.FieldType == FieldType.Password) { + ShowPassword="false" + ShowGenerateButtons="true"/> + } + else if (customField.IsHidden || customField.FieldType == FieldType.Hidden) + { + } else { diff --git a/apps/server/AliasVault.Client/Main/Components/Items/AddFieldMenu.razor b/apps/server/AliasVault.Client/Main/Components/Items/AddFieldMenu.razor index 44eb852e1..2e9804fe6 100644 --- a/apps/server/AliasVault.Client/Main/Components/Items/AddFieldMenu.razor +++ b/apps/server/AliasVault.Client/Main/Components/Items/AddFieldMenu.razor @@ -116,6 +116,7 @@