Edit and display allowed CORS origins for OAuth clients

locales/en/translations.json

@@ -2002,6 +2002,8 @@
     },
     "roleLabel": "User roles",
     "oAuth": {
+      "allowedOrigins": "Allowed CORS origins",
+      "autoApproveScopes": "Auto-approved scopes",
       "clientId": "clientId",
       "clientTitle": "Title",
       "accessTokenValidity": "Access token validity",

src/model/oauth/OAuthClient.ts

@@ -30,6 +30,7 @@ class OAuthClient {
   public refreshTokenValidity: number;
   public refreshTokenValiditySeconds: number;
   public registeredRedirectUri: string[];
+  public allowedOrigins: string[];
   public resourceIds: string[];
   public roles: string[];
   public scoped: boolean;

src/user/translations.json

@@ -153,6 +153,8 @@
     },
     "roleLabel": "User roles",
     "oAuth": {
+      "allowedOrigins": "Allowed CORS origins",
+      "autoApproveScopes": "Auto-approved scopes",
       "clientId": "clientId",
       "clientTitle": "Title",
       "accessTokenValidity": "Access token validity",

src/user/ui/admin/c/OAuthClientCard.tsx

@@ -35,6 +35,9 @@ const OAuthClientCard = ({ compact = false, oAuthClient, removeSecretRequest, in
         <div>
           { oAuthClient.description }
         </div>
+        <div>
+          { oAuthClient.allowedOrigins && oAuthClient.allowedOrigins.map((uri, i) => <span key={ uri + i } className="pr-5">{ uri }</span>) }
+        </div>
       </CardContent>
     </Card>
   ) : (
@@ -58,6 +61,7 @@ const OAuthClientCard = ({ compact = false, oAuthClient, removeSecretRequest, in
           { oAuthClient.registeredRedirectUri && oAuthClient.registeredRedirectUri.length > 0 &&
           <PropertiesItem title={ t('user.common.oAuth.redirectUris') }>{ oAuthClient.registeredRedirectUri.map((uri, i) => <div key={ uri + i } className="mb-5">{ uri }</div>) }</PropertiesItem>
           }
+          <PropertiesItem title={ t('user.common.oAuth.allowedOrigins') }>{ oAuthClient.allowedOrigins && oAuthClient.allowedOrigins.map((uri, i) => <div key={ uri + i } className="mb-5">{ uri }</div>) }</PropertiesItem>
           { oAuthClient.resourceIds && oAuthClient.resourceIds.length > 0 &&
           <PropertiesItem title={ t('user.common.oAuth.resourceIds') }>{ oAuthClient.resourceIds.map((id, i) => <div key={ id + i } className="mb-5">{ id }</div>) }</PropertiesItem>
           }

src/user/ui/admin/c/OAuthClientForm.tsx

@@ -68,6 +68,7 @@ class UserForm extends React.Component<any, any> {
           validate={ [Validators.decimalNumber] }
         />
         <ItemsEditor name="registeredRedirectUri" itemLabel={ t('user.common.oAuth.redirectUris') } addItem={ console.log } removeItem={ console.log } component={ stringField }/>
+        <ItemsEditor name="allowedOrigins" itemLabel={ t('user.common.oAuth.allowedOrigins') } addItem={ console.log } removeItem={ console.log } component={ stringField }/>
         <FieldArray
           name="authorizedGrantTypes"
           options={ OAuthClient.AVAILABLE_GRANT_TYPES }