feat(admin-ui): screen to manage 2FA creds for the users

admin-ui/app/locales/en/translation.json

@@ -101,7 +101,7 @@
     "principal_type": "Principal Type",
     "webhook_name": "Webhook Name",
     "sessionTimeoutInMins": "Admin UI Session Timeout (In Minutes)",
-    "gluuFlexVersion":"Gluu Flex Version",
+    "gluuFlexVersion": "Gluu Flex Version",
     "adminui_default_acr": "Admin UI authentication method (ACR)",
     "download_summary": "Download Summary",
     "metadata_location": "Metadata Location",
@@ -473,6 +473,8 @@
     "email": "Email",
     "userName": "User Name",
     "nickName": "Nick Name",
+    "modality": "Modality",
+    "dateAdded": "Date Added",
     "givenName": "Given Name",
     "resources": "Resources",
     "resourceId": "Resource id",
@@ -539,7 +541,13 @@
     "updates_at_last_run": "Updates at the last run",
     "problems_at_last_run": "Problems at the last run",
     "mapping": "Mapping",
-    "source": "Source"
+    "source": "Source",
+    "createdBy": "Created By",
+    "deviceName": "Device Name",
+    "OSName": "OS Name",
+    "OSVersion": "OS Version",
+    "platform": "Platform",
+    "authType": "Auth Type"
   },
   "languages": {
     "french": "French",
@@ -565,7 +573,7 @@
     "default_acr": "Default ACR",
     "acrs": "ACRs",
     "aliases": "Aliases",
-    "builtIn":"Built-In",
+    "builtIn": "Built-In",
     "api": {
       "roles": "Access roles",
       "permissions": "Permissions",
@@ -630,6 +638,7 @@
     "add_asset": "Add Jans Asset",
     "asset_document_error": "Document is mandatory.",
     "add_configuration": "Add Configuration",
+    "credentials": "Credentials",
     "view_configuration": "View Configuration",
     "view_trust_relationshi_details": "View Trust Relationship Details",
     "add_trust_relationship": "Add Trust Relationship",
@@ -695,6 +704,8 @@
     "resource_not_found_message": "The requested resource doesn't exist on this server. Please contact the site administrator or the support team.",
     "resource_not_found_title": "Resource not found",
     "view_client_details": "View client details",
+    "view_2FA_details": "View 2FA details",
+    "2FA_details": "2FA details",
     "view_script_details": "View custom script details",
     "add_new_user": "Add User",
     "error_in_saving": "Error in saving.",
@@ -1432,7 +1443,7 @@
     },
     "settings": {
       "pageSize": "The default size for all list page.",
-      "gluuCurrentVersion":"Gluu Server current version",
+      "gluuCurrentVersion": "Gluu Server current version",
       "darkMode": "Whether to enable or disable adrk mode.",
       "configApiUrl": "The URL of the config api currently in used.",
       "sessionTimeoutInMins": "Determines the duration of inactivity allowed before the current session expires.",
@@ -1525,7 +1536,14 @@
       "INUM": "INUM",
       "middleName": "Middle Name",
       "sn": "Last Name",
-      "userConfirmPassword": "Confirm Password"
+      "userConfirmPassword": "Confirm Password",
+      "deviceName": "Device Name",
+      "OSName": "OS Name",
+      "OSVersion": "OS Version",
+      "platform": "Platform",
+      "createdBy": "Created By",
+      "type": "Type",
+      "domain": "Domain"
     },
     "saml": {
       "name": "The alphanumeric ID string that is used to identify the Trust Relationship",

admin-ui/app/locales/fr/translation.json

@@ -42,7 +42,7 @@
     "acrs": "ACRs",
     "aliases": "Aliases",
     "trust_relationships": "Relations de confiance",
-    "builtIn" : "Intégré",
+    "builtIn": "Intégré",
     "api": {
       "roles": "Rôles d'accès",
       "permissions": "Autorisations",
@@ -528,6 +528,8 @@
     "email": "E-mail",
     "userName": "Nom d'utilisateur",
     "nickName": "Surnom",
+    "modality": "Modalité",
+    "dateAdded": "date ajoutée",
     "resources": "Ressources",
     "resourceId": "Identifiant de la ressource",
     "iconUrl": "URL de l'icône",
@@ -565,13 +567,20 @@
     "updates_at_last_run": "Mises à jour lors de la dernière exécution",
     "problems_at_last_run": "Problèmes lors de la dernière course",
     "mapping": "Mapeamento",
-    "source": "Fonte"
+    "source": "Fonte",
+    "createdBy": "Créé par",
+    "deviceName": "Nom de l'appareil",
+    "OSName": "Nom du système d'exploitation",
+    "OSVersion": "Version du système d'exploitation",
+    "platform": "Plateforme",
+    "authType": "Type d'authentification"
   },
   "messages": {
     "add_permission": "Ajouter une autorisation",
     "add_asset": "Add Jans Asset",
     "asset_document_error": "Document is mandatory.",
     "add_configuration": "Ajouter une configuration",
+    "credentials": "Credentials",
     "view_configuration": "Afficher la configuration",
     "new_role": "Nouveau rôle",
     "view_trust_relationshi_details": "Voir les détails de la relation de confiance",
@@ -634,6 +643,8 @@
     "resource_not_found_message": "La ressource demandée n'existe pas sur ce serveur. Veuillez contacter l'administrateur du site ou l'équipe d'assistance.",
     "resource_not_found_title": "Ressource introuvable",
     "view_client_details": "Afficher les détails du client",
+    "view_2FA_details": "Afficher les détails de la 2FA",
+    "2FA_details": "les détails de la 2FA",
     "view_script_details": "Afficher les détails du script personnalisé",
     "add_new_user": "Ajouter un utilisateur",
     "no_scope_in_client": "Aucune donnée d'étendue pour ce client",
@@ -1464,6 +1475,13 @@
     "INUM": "INUM",
     "middleName": "Deuxième nom",
     "sn": "Nom de famille",
-    "userConfirmPassword": "Confirmez le mot de passe"
+    "userConfirmPassword": "Confirmez le mot de passe",
+    "deviceName": "Nom de l'appareil",
+    "OSName": "Nom du système d'exploitation",
+    "OSVersion": "Version du système d'exploitation",
+    "platform": "Plateforme",
+    "createdBy": "Créé par",
+    "type": "Type",
+    "domain": "Domaine"
   }
 }

admin-ui/app/locales/pt/translation.json

@@ -526,6 +526,8 @@
     "email": "E-mail",
     "userName": "Nome do usuário",
     "nickName": "Apelido",
+    "modality": "modalidade",
+    "dateAdded": "data adicionada",
     "resources": "Recursos",
     "resourceId": "ID do recurso",
     "iconUrl": "URL do ícone",
@@ -560,13 +562,20 @@
     "updates_at_last_run": "Atualizações na última execução",
     "problems_at_last_run": "Problemas na última corrida",
     "mapping": "Mapeamento",
-    "source": "Fonte"
+    "source": "Fonte",
+    "createdBy": "Criado por",
+    "deviceName": "Nome do dispositivo",
+    "OSName": "Nome do sistema operacional",
+    "OSVersion": "Versão do sistema operacional",
+    "platform": "Plataforma",
+    "authType": "Tipo de autenticação"
   },
   "messages": {
     "add_permission": "Adicionar permissão",
     "add_asset": "Add Jans Asset",
     "asset_document_error": "Document is mandatory.",
     "add_configuration": "Adicionar configuração",
+    "credentials":"Credenciais",
     "view_configuration": "Ver Configuração",
     "add_idp": "Adicionar IDP SAML",
     "view_trust_relationshi_details": "Visualizar Detalhes da Relação de Confiança",
@@ -629,6 +638,8 @@
     "resource_not_found_message": "O recurso solicitado não existe neste servidor. Entre em contato com o administrador do site ou com a equipe de suporte.",
     "resource_not_found_title": "Recurso não encontrado",
     "view_client_details": "Ver detalhes do cliente",
+    "view_2FA_details": "Ver detalhes 2FA",
+    "2FA_details": "detalhes 2FA",
     "view_script_details": "Ver detalhes do guião personalizado",
     "add_new_user": "Adicionar usuário",
     "no_scope_in_client": "Sem dados de Escopo para este Cliente",
@@ -1461,6 +1472,13 @@
     "INUM": "INUM",
     "middleName": "Nome do meio",
     "sn": "Sobrenome",
-    "userConfirmPassword": "Confirme a Senha"
+    "userConfirmPassword": "Confirme a Senha",
+    "deviceName": "Nome do dispositivo",
+    "OSName": "Nome do sistema operacional",
+    "OSVersion": "Versão do sistema operacional",
+    "platform": "Plataforma",
+    "createdBy": "Criado por",
+    "type": "Tipo",
+    "domain": "Domínio"
   }
 }

admin-ui/app/routes/Apps/Gluu/GluuViewDetailsModal.js

@@ -0,0 +1,27 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap'
+
+const GluuViewDetailModal = ({ children, isOpen, handleClose }) => {
+    const { t } = useTranslation()
+    return (
+        <Modal
+            centered
+            isOpen={isOpen}
+            style={{ minWidth: '70vw' }}
+            toggle={handleClose}
+            className='modal-outline-primary'
+        >
+            <ModalHeader>{t('messages.2FA_details')}</ModalHeader>
+            <ModalBody style={{ overflowX: 'auto', maxHeight: '60vh' }}>
+                {children}
+            </ModalBody>
+
+            <ModalFooter>
+                <Button onClick={handleClose}>{t('actions.close')}</Button>
+            </ModalFooter>
+        </Modal>
+    )
+}
+
+export default GluuViewDetailModal