feat: 2FA details list

Author: mjatin-dev

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

@@ -472,6 +472,8 @@
     "email": "Email",
     "userName": "User Name",
     "nickName": "Nick Name",
+    "modality": "Modality",
+    "dateAdded": "Date Added",
     "givenName": "Given Name",
     "resources": "Resources",
     "resourceId": "Resource id",
@@ -686,6 +688,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.",

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

@@ -522,6 +522,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",
@@ -626,6 +628,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",

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

@@ -520,6 +520,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",
@@ -621,6 +623,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",

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