From 75de22f41b87d1b987c823459159cbcab1080a9e Mon Sep 17 00:00:00 2001
From: Jannik Schönartz
Date: Thu, 9 May 2019 12:53:32 +0000
Subject: [webapp] Add screenshot css classes & add Screenshot classes to the
 User Module

---
 webapp/src/components/UserModule.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'webapp/src/components/UserModule.vue')

diff --git a/webapp/src/components/UserModule.vue b/webapp/src/components/UserModule.vue
index 2ee6825..e89afe3 100644
--- a/webapp/src/components/UserModule.vue
+++ b/webapp/src/components/UserModule.vue
@@ -41,15 +41,15 @@
           <v-card>
             <data-table v-model="selectedUsers" :headers="headers" :items="users" @dblclick="editUser($event.id)">
               <div slot="action" slot-scope="row" style="text-align: right">
-                <v-btn flat icon color="primary" @click.stop="editUser(row.item.id)"><v-icon>edit</v-icon></v-btn>
+                <v-btn flat icon color="primary" @click.stop="editUser(row.item.id)" :class="row.index === 0 ? 'tutorial-element label-top-left element-icon' : ''" style="--label-number: '3'"><v-icon>edit</v-icon></v-btn>
               </div>
             </data-table>
           </v-card>
           <div class="text-xs-right">
-            <v-btn color="error" flat @click="deleteUsers" :disabled="selectedUsers.length === 0">
+            <v-btn color="error" flat @click="deleteUsers" :disabled="selectedUsers.length === 0" class="tutorial-element label-left" style="--label-number: '2'">
               <v-icon left>delete</v-icon>{{ $tc('deleteUsers', selectedUsers.length, [selectedUsers.length]) }}
             </v-btn>
-            <v-btn color="success" flat @click="editUser(0)">
+            <v-btn color="success" flat @click="editUser(0)" class="tutorial-element label-right" style="--label-number: '1'">
               <v-icon left>edit</v-icon>{{ $t('createUser') }}
             </v-btn>
           </div>
@@ -91,7 +91,7 @@ export default {
     return {
       tab: 0,
       headers: [
-        { text: this.$t('id'), key: 'id' },
+        { text: this.$t('id'), key: 'id', width: '50px', sortType: 'number' },
         { text: this.$t('username'), key: 'username' },
         { text: this.$t('name'), key: 'name' },
         { text: this.$t('email'), key: 'email' },
-- 
cgit v1.2.3-55-g7522

