From 7c273a8bcab2da87acb3431448a53e91e360d5eb Mon Sep 17 00:00:00 2001
From: Udo Walter
Date: Sun, 19 Jan 2020 21:18:15 +0000
Subject: [webapp] upgrade/migration from vuetify 1.5 to 2.X still TODO: switch
 from old grid system (v-layout/v-flex) to the new one (v-row/v-col)

---
 webapp/src/components/GroupModuleGroupView.vue | 46 ++++++++++++++------------
 1 file changed, 24 insertions(+), 22 deletions(-)

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

diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index b969691..0a94d2a 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -81,23 +81,25 @@
     </div>
 
     <v-card v-else style="margin-top: 24px">
-      <v-tabs v-model="activeTab" grow hide-slider>
-        <v-tab v-if="group.id !== 0" class="groupview-tab" :class="(group.id !== 0 && activeTab === 0) ? 'primary--text' : ''">
-          <v-icon :color="(group.id !== 0 && activeTab === 0) ? 'primary' : ''">list_alt</v-icon>
-          <span class="hidden-xs-only ml-2">Info</span>
-        </v-tab>
-        <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 0 : 1) ? 'primary--text' : ''">
-          <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 0 : 1) ? 'primary' : ''">category</v-icon>
-          {{ group.subgroups ? group.subgroups.length : 0 }}
-          <span class="hidden-xs-only ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
-        </v-tab>
-        <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 1 : 2) ? 'primary--text' : ''">
-          <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 1 : 2) ? 'primary' : ''">computer</v-icon>
-          {{ group.clients ? group.clients.length : 0 }}
-          <span class="hidden-xs-only ml-1">{{ $t('clients') }}</span>
-        </v-tab>
+      <div style="display: flex; align-items: center; font-weight: bold;">
+        <v-tabs v-model="activeTab" grow hide-slider>
+          <v-tab v-if="group.id !== 0" class="groupview-tab" :class="(group.id !== 0 && activeTab === 0) ? 'primary--text' : ''">
+            <v-icon :color="(group.id !== 0 && activeTab === 0) ? 'primary' : ''">list_alt</v-icon>
+            <span class="hidden-xs-only ml-2">Info</span>
+          </v-tab>
+          <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 0 : 1) ? 'primary--text' : ''">
+            <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 0 : 1) ? 'primary' : ''">category</v-icon>
+            {{ group.subgroups ? group.subgroups.length : 0 }}
+            <span class="hidden-xs-only ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
+          </v-tab>
+          <v-tab v-if="group.id !== 'create'" class="groupview-tab" :class="activeTab === (group.id === 0 ? 1 : 2) ? 'primary--text' : ''">
+            <v-icon class="mr-2" :color="activeTab === (group.id === 0 ? 1 : 2) ? 'primary' : ''">computer</v-icon>
+            {{ group.clients ? group.clients.length : 0 }}
+            <span class="hidden-xs-only ml-1">{{ $t('clients') }}</span>
+          </v-tab>
+        </v-tabs>
 
-        <v-btn v-if="group.id !== 'create'" icon @click="toggleCollapsedView">
+        <v-btn v-if="group.id !== 'create'" icon @click="toggleCollapsedView" class="ml-2">
           <v-icon>expand_more</v-icon>
         </v-btn>
         <v-switch
@@ -109,19 +111,18 @@
           hide-details
           color="primary"
         ></v-switch>
-
-        <v-tabs-items touchless>
-          <v-tab-item v-if="group.id !== 0" lazy :transition="false" :reverse-transition="false">
+      </div>
+      <v-tabs-items v-model="activeTab" touchless>
+          <v-tab-item v-if="group.id !== 0" :transition="false" :reverse-transition="false">
             <group-module-group-info :tabIndex="tabIndex" :group="group" />
           </v-tab-item>
-          <v-tab-item v-if="group.id !== 'create'" lazy :transition="false" :reverse-transition="false">
+          <v-tab-item v-if="group.id !== 'create'" :transition="false" :reverse-transition="false">
             <group-module-group-list :tabIndex="tabIndex" :groupId="group.id" :groups="group.subgroups || []" />
           </v-tab-item>
-          <v-tab-item v-if="group.id !== 'create'" lazy :transition="false" :reverse-transition="false">
+          <v-tab-item v-if="group.id !== 'create'" :transition="false" :reverse-transition="false">
             <group-module-client-list :tabIndex="tabIndex" :groupId="group.id" :clients="group.clients || []" />
           </v-tab-item>
         </v-tabs-items>
-      </v-tabs>
     </v-card>
   </div>
 </template>
@@ -214,5 +215,6 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
+  font-size: 14px;
 }
 </style>
-- 
cgit v1.2.3-55-g7522

