From 4e5509fcdeec4b2908a38943dd799bafa09c6952 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= <tim@groeger-clan.de>
Date: Mon, 19 Oct 2020 14:36:07 +0200
Subject: [PATCH] =?UTF-8?q?mainSettings=20hinzugef=C3=BCgt=20(readonly)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/user/components/settings/Main.vue | 54 +++++++++++++++++--
 1 file changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/plugins/user/components/settings/Main.vue b/src/plugins/user/components/settings/Main.vue
index 7e9d1d7..fc46ef9 100644
--- a/src/plugins/user/components/settings/Main.vue
+++ b/src/plugins/user/components/settings/Main.vue
@@ -1,15 +1,61 @@
 <template>
   <q-card class="col-12">
-    <q-card-section class="text-h3">
-      Test
+    <q-card-section class="fit row justify-start content-center items-center">
+      <q-input
+        class="col-xs-12 col-sm-6 q-pa-sm"
+        label="Vorname"
+        readonly
+        :value="user.firstname"
+        filled
+      />
+      <q-input
+        class="col-xs-12 col-sm-6 q-pa-sm"
+        label="Nachname"
+        readonly
+        :value="user.lastname"
+        filled
+      />
+      <q-input
+        class="col-xs-12 col-sm-6 q-pa-sm"
+        label="Benutzername"
+        readonly
+        :value="user.userid"
+        filled
+      />
+      <q-input
+        class="col-xs-12 col-sm-6 q-pa-sm"
+        label="E-Mail"
+        readonly
+        :value="user.mail"
+        filled
+      />
+      <q-select
+        class="col-xs-12 col-sm-6 q-pa-sm"
+        label="Rollen"
+        readonly
+        v-model="user.roles"
+        :options="user.roles"
+        filled
+      >
+        <template v-slot:selected-item="scope">
+          <q-chip v-for="(item, index) in scope.opt" :key="'item' + index">
+            {{ item }}
+          </q-chip>
+        </template>
+      </q-select>
     </q-card-section>
   </q-card>
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@vue/composition-api';
+import { computed, defineComponent } from '@vue/composition-api';
 export default defineComponent({
   name: 'Main',
-  setup(_, ctx) {}
+  setup(_, { root: { $store } }) {
+    const user = computed(() => {
+      return $store.getters['user/session'].user;
+    });
+    return { user };
+  }
 });
 </script>