Add support for new form field types

airdcpp-web · Dec 18, 2024 · dd51a60 · dd51a60
1 parent 0aa91b5
commit dd51a60
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 4 deletions.
diff --git a/src/components/main/Notifications.tsx b/src/components/main/Notifications.tsx
@@ -56,6 +56,7 @@ const NotificationMessage = ({ notification, level }: NotificationMessageProps)
           className="primary"
           style={{
             marginTop: '10px',
+            marginLeft: '5px',
           }}
           color={color}
         />

diff --git a/src/routes/Settings/routes/System/components/users/WebUserDialog.tsx b/src/routes/Settings/routes/System/components/users/WebUserDialog.tsx
@@ -172,7 +172,7 @@ const getEntry = (
     },
     {
       key: 'password',
-      type: API.SettingTypeEnum.STRING,
+      type: API.SettingTypeEnum.PASSWORD,
       title: isNew ? 'Password' : 'New password',
       optional: !isNew,
     },
@@ -252,8 +252,6 @@ class WebUserDialog extends Component<Props> {
       fieldOptions.factory = t.form.Select;
       fieldOptions.template = PermissionSelector(moduleT);
       fieldOptions.disabled = !this.isNew() && user.username === LoginStore.user.username;
-    } else if (id === 'password') {
-      fieldOptions.type = 'password';
     } else if (id === 'username') {
       fieldOptions.disabled = !this.isNew();
     }

diff --git a/src/types/api/settings.ts b/src/types/api/settings.ts
@@ -1,11 +1,18 @@
 export const enum SettingTypeEnum {
   NUMBER = 'number',
   BOOLEAN = 'boolean',
+
   STRING = 'string',
   TEXT = 'text',
+
+  PASSWORD = 'password',
+  URL = 'url',
+  EMAIL = 'email',
+
   EXISTING_FILE_PATH = 'existing_file_path',
   FILE_PATH = 'file_path',
   DIRECTORY_PATH = 'directory_path',
+
   STRUCT = 'struct',
   LIST = 'list',
   HINTED_USER = 'hinted_user',

diff --git a/src/utils/FormUtils.ts b/src/utils/FormUtils.ts
@@ -51,6 +51,9 @@ const typeToComponent = (
       return tcomb.Boolean;
     case API.SettingTypeEnum.STRING:
     case API.SettingTypeEnum.TEXT:
+    case API.SettingTypeEnum.EMAIL:
+    case API.SettingTypeEnum.URL:
+    case API.SettingTypeEnum.PASSWORD:
     case API.SettingTypeEnum.EXISTING_FILE_PATH:
     case API.SettingTypeEnum.FILE_PATH:
     case API.SettingTypeEnum.HUB_URL:
@@ -218,6 +221,18 @@ const parseTypeOptions = (type: API.SettingTypeEnum): tcomb.form.TcombOptions =>
       };
       break;
     }
+    case API.SettingTypeEnum.EMAIL: {
+      options.type = 'email';
+      break;
+    }
+    case API.SettingTypeEnum.PASSWORD: {
+      options.type = 'password';
+      break;
+    }
+    case API.SettingTypeEnum.URL: {
+      options.type = 'url';
+      break;
+    }
     case API.SettingTypeEnum.FILE_PATH:
     case API.SettingTypeEnum.EXISTING_FILE_PATH:
     case API.SettingTypeEnum.DIRECTORY_PATH: {

diff --git a/src/widgets/RSS/index.ts b/src/widgets/RSS/index.ts
@@ -11,7 +11,7 @@ export const RSS = {
     {
       key: 'feed_url',
       title: 'Feed URL',
-      type: API.SettingTypeEnum.STRING,
+      type: API.SettingTypeEnum.URL,
       help: 'RSS and Atom feeds are supported',
       default_value: '',
     },