changes to the user account page

daptin · Oct 13, 2024 · 968d9b0 · 968d9b0
1 parent 41081db
commit 968d9b0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 11 deletions.
diff --git a/src/pages/EditGroup.vue b/src/pages/EditGroup.vue
@@ -19,14 +19,15 @@
             <div class="col-12 q-pa-md" style="height: calc(100vh - 250px); overflow-y: scroll">
               <div class="row q-gutter-sm q-pa-md" v-for="table in filteredTables">
                 <div class="col-12">
-                  <q-card>
+                  <q-card flat style="border-bottom: 1px solid black">
                     <q-card-section>
-                      {{ table.table_name }} in the group: {{
-                        objectsInTheGroup[table.table_name + '_id'] ? objectsInTheGroup[table.table_name + '_id'].length : 0
-                      }}
-                      <q-btn flat icon="fas fa-plus" class="float-right"
+                      <h6>{{ table.table_name }}</h6>
+                      <span>{{
+                          objectsInTheGroup[table.table_name + '_id'] ? objectsInTheGroup[table.table_name + '_id'].length : 0
+                        }}</span>
+                      <q-btn flat icon="add" class="float-right"
                              @click="addObjectType(table.table_name)"
-                             :label="'Add new '+table.table_name"></q-btn>
+                             :label="'Add '+table.table_name"></q-btn>
                     </q-card-section>
 
 

diff --git a/src/pages/EditUser.vue b/src/pages/EditUser.vue
@@ -1,15 +1,29 @@
 <template>
   <q-page-container>
     <q-page>
-      <div class="row q-pa-md q-gutter-sm">
+      <div class="row q-pa-sm q-gutter-sm">
         <div class="col-6">
-          <span class="text-h4">
-              User
+          <span class="text-h5">
+              User account
             </span>
         </div>
       </div>
-      <div class="row q-pa-md q-gutter-sm" v-if="user">
-        <div class="col-6">
+      <div class="row q-pa-sm">
+        <q-markup-table flat>
+          <tbody>
+          <tr>
+            <td>Reference Id</td>
+            <td><pre>{{user.reference_id}}</pre></td>
+          </tr>
+          <tr>
+            <td>Created at</td>
+            <td><pre>{{user.created_at.split("T").join(" ")}}</pre></td>
+          </tr>
+          </tbody>
+        </q-markup-table>
+      </div>
+      <div class="row q-pa-sm" v-if="user">
+        <div class="col-5 col-lg-4 col-xl-3">
           <q-form class="q-pa-md q-gutter-sm">
             <q-input label="Name" v-model="userView.name"></q-input>
             <q-input label="Email" v-model="userView.email"></q-input>