From 02c9ce23389c4c63c68b61ad67b02473c9b32ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mois=C3=A9s=20de=20Jes=C3=BAs=20Cort=C3=A9s=20Castellanos?=
 <ing.moisesdejesuscortesc@notsoweb.com>
Date: Thu, 19 Dec 2024 16:35:27 -0600
Subject: [PATCH] =?UTF-8?q?UPDATE:=20Correcciones=20visuales=20en=20admini?=
 =?UTF-8?q?straci=C3=B3n=20usuarios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Holos/Modal/Elements/Header.vue           |  1 +
 src/components/Holos/PageHeader.vue           |  3 +-
 src/lang/es.js                                |  1 +
 src/pages/Admin/Users/Create.vue              |  4 +-
 src/pages/Admin/Users/Edit.vue                |  4 +-
 src/pages/Admin/Users/Modals/Show.vue         | 30 ++++++++--
 src/pages/Admin/Users/Settings.vue            | 60 +++++++++----------
 7 files changed, 62 insertions(+), 41 deletions(-)

diff --git a/src/components/Holos/Modal/Elements/Header.vue b/src/components/Holos/Modal/Elements/Header.vue
index 61409c4..e3f2220 100644
--- a/src/components/Holos/Modal/Elements/Header.vue
+++ b/src/components/Holos/Modal/Elements/Header.vue
@@ -8,6 +8,7 @@ defineProps({
 
 <template>
     <div class="text-center p-6 bg-primary dark:bg-primary-d border-b">
+        <slot />
         <p class="pt-2 text-lg font-bold text-gray-50">
             {{ title }}
         </p>
diff --git a/src/components/Holos/PageHeader.vue b/src/components/Holos/PageHeader.vue
index c92cf05..69df0d2 100644
--- a/src/components/Holos/PageHeader.vue
+++ b/src/components/Holos/PageHeader.vue
@@ -17,7 +17,8 @@ defineProps({
         />
     </div>
     <div class="flex w-full justify-end py-[0.31rem] mb-2 border-y-2 border-page-t dark:border-page-dt">
-        <div id="buttons" class="flex items-center space-x-2 text-sm">
+        <div id="buttons" class="flex items-center space-x-1 text-sm">
+            <slot />
             <RouterLink :to="$view({ name: 'index' })">
                 <IconButton
                     :title="$t('home')"
diff --git a/src/lang/es.js b/src/lang/es.js
index c42c76f..0afe94c 100644
--- a/src/lang/es.js
+++ b/src/lang/es.js
@@ -358,6 +358,7 @@ export default {
     unknown:'Desconocido',
     update:'Actualizar',
     updated:'Actualizado',
+    updated_at:'Fecha actualización',
     updateFail:'Error al actualizar',
     unreaded:'No leído',
     user:'Usuario',
diff --git a/src/pages/Admin/Users/Create.vue b/src/pages/Admin/Users/Create.vue
index 065a5c6..889ff13 100644
--- a/src/pages/Admin/Users/Create.vue
+++ b/src/pages/Admin/Users/Create.vue
@@ -2,7 +2,7 @@
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { api, useForm } from '@Services/Api';
-import { viewTo } from './Module';
+import { transl, viewTo } from './Module';
 
 import IconButton      from '@Holos/Button/Icon.vue'
 import Input           from '@Holos/Form/Input.vue';
@@ -50,7 +50,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <PageHeader>
+    <PageHeader :title="transl('create.title')">
         <RouterLink :to="viewTo({ name: 'index' })">
             <IconButton
                 class="text-white"
diff --git a/src/pages/Admin/Users/Edit.vue b/src/pages/Admin/Users/Edit.vue
index 2685dbf..058579a 100644
--- a/src/pages/Admin/Users/Edit.vue
+++ b/src/pages/Admin/Users/Edit.vue
@@ -2,7 +2,7 @@
 import { onMounted } from 'vue';
 import { RouterLink, useRoute, useRouter } from 'vue-router';
 import { api, useForm } from '@Services/Api';
-import { viewTo, apiTo } from './Module';
+import { viewTo, apiTo , transl } from './Module';
 
 import IconButton      from '@Holos/Button/Icon.vue'
 import PageHeader      from '@Holos/PageHeader.vue';
@@ -40,7 +40,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <PageHeader>
+    <PageHeader :title="transl('edit.title')">
         <RouterLink :to="viewTo({ name: 'index' })">
             <IconButton
                 class="text-white"
diff --git a/src/pages/Admin/Users/Modals/Show.vue b/src/pages/Admin/Users/Modals/Show.vue
index d005273..54586ad 100644
--- a/src/pages/Admin/Users/Modals/Show.vue
+++ b/src/pages/Admin/Users/Modals/Show.vue
@@ -1,8 +1,9 @@
 <script setup>
+import { getDateTime } from '@Controllers/DateController';
+
 import Header     from '@Holos/Modal/Elements/Header.vue';
 import ShowModal  from '@Holos/Modal/Show.vue';
 import GoogleIcon from '@Shared/GoogleIcon.vue';
-
 /** Eventos */
 defineEmits([
     'close', 
@@ -21,31 +22,48 @@ defineProps({
     >
         <Header
             :title="model.name"
-            :subtitle="model.full_last_name"
+            :subtitle="model.last_name"
         >
+            <div class="flex w-full flex-col">
+                <div class="flex w-full justify-center items-center">
+                    <img :src="model.profile_photo_url" alt="Photo" class="w-24 h-24 rounded-full">
+                </div>
+            </div>
         </Header>
         <div class="py-2 border-b">
-            <div class="px-4 py-2 flex">
+            <div class="flex w-full px-4 py-2">
                 <GoogleIcon 
                     class="text-xl text-success"
                     name="contact_mail"
                 />
                 <div class="pl-3">
                     <p class="font-bold text-lg leading-none pb-2">
-                        {{ $t('contact') }}
+                        {{ $t('details') }}
+                    </p>
+                    <p>
+                        <b>{{ $t('name') }}: </b>
+                        {{ model.full_name }}
                     </p>
                     <p>
                         <b>{{ $t('phone') }}: </b>
                         <a :href="`tel:${model.phone}`" target="_blank" class="hover:text-danger">
-                            {{ model.phone }}
+                            {{ model.phone ?? '-' }}
                         </a>
                     </p>
                     <p>
-                        <b>{{ $t('email') }}: </b>
+                        <b>{{ $t('email.title') }}: </b>
                         <a :href="`mailto:${model.email}`" target="_blank" class="hover:text-danger">
                             {{ model.email }}
                         </a>
                     </p>
+                    <p>
+                        <b>{{ $t('created_at') }}: </b>
+                        {{ getDateTime(model.created_at) }}
+                    </p>
+                    <p>
+                        <b>{{ $t('updated_at') }}: </b>
+                        {{ getDateTime(model.updated_at) }}
+                    </p>
                 </div>
             </div>
         </div>
diff --git a/src/pages/Admin/Users/Settings.vue b/src/pages/Admin/Users/Settings.vue
index 1913d2d..aa56262 100644
--- a/src/pages/Admin/Users/Settings.vue
+++ b/src/pages/Admin/Users/Settings.vue
@@ -2,7 +2,7 @@
 import { onMounted, ref } from 'vue';
 import { RouterLink, useRoute } from 'vue-router';
 import { api } from '@Services/Api';
-import { viewTo, apiTo } from './Module';
+import { viewTo, apiTo, transl } from './Module';
 
 import IconButton      from '@Holos/Button/Icon.vue';
 import PageHeader      from '@Holos/PageHeader.vue';
@@ -25,35 +25,35 @@ onMounted(() => {
 </script>
 
 <template>
-        <PageHeader>
-          <RouterLink :to="viewTo({ name: 'index' })">
-              <IconButton
-                class="text-white"
-                icon="arrow_back"
-                :title="$t('return')"
-                outline
-              />
-          </RouterLink>
-        </PageHeader>
-        <div class="flex w-full pt-2">
-            <div class="w-full text-center p-2 bg-primary dark:bg-primary-d border-b rounded-lg">
-                <p class="pt-2 text-lg font-bold text-gray-50">
-                    {{ user?.name }}
-                </p>
-                <p class="text-sm text-gray-100">
-                    {{ user?.full_last_name }}
-                </p>
-            </div>
-        </div>
-        <div class="w-full mt-12 space-y-4">
-            <UpdatePassword
-                :userId="vroute.params.id"
-            />
-            <SectionBorder />
-            <Roles
-                :userId="vroute.params.id"
-            />
-            <SectionBorder />
+    <PageHeader :title="transl('settings')">
+      <RouterLink :to="viewTo({ name: 'index' })">
+          <IconButton
+            class="text-white"
+            icon="arrow_back"
+            :title="$t('return')"
+            outline
+          />
+      </RouterLink>
+    </PageHeader>
+    <div class="flex w-full pt-2">
+        <div class="w-full text-center p-2 bg-primary dark:bg-primary-d border-b rounded-lg">
+            <p class="pt-2 text-lg font-bold text-gray-50">
+                {{ user?.name }}
+            </p>
+            <p class="text-sm text-gray-100">
+                {{ user?.full_last_name }}
+            </p>
         </div>
+    </div>
+    <div class="w-full mt-12 space-y-4">
+        <UpdatePassword
+            :userId="vroute.params.id"
+        />
+        <SectionBorder />
+        <Roles
+            :userId="vroute.params.id"
+        />
+        <SectionBorder />
+    </div>
 </template>
     
\ No newline at end of file