summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorUdo Walter2019-07-22 18:28:40 +0200
committerUdo Walter2019-07-22 18:28:40 +0200
commit9ea258cf6f6064296ef4bdb0c17e77c3270351b5 (patch)
tree320d04f71121e59cde0e27ed3489d94597effdf4 /webapp
parent[external-backends/idoit] Add more information in idoit (diff)
downloadbas-9ea258cf6f6064296ef4bdb0c17e77c3270351b5.tar.gz
bas-9ea258cf6f6064296ef4bdb0c17e77c3270351b5.tar.xz
bas-9ea258cf6f6064296ef4bdb0c17e77c3270351b5.zip
[documentation] add groups/clients module documentation
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/components/GroupModule.vue4
-rw-r--r--webapp/src/components/GroupModuleGroupInfo.vue7
-rw-r--r--webapp/src/components/GroupModuleGroupList.vue8
-rw-r--r--webapp/src/components/GroupModuleGroupView.vue11
4 files changed, 17 insertions, 13 deletions
diff --git a/webapp/src/components/GroupModule.vue b/webapp/src/components/GroupModule.vue
index 1e85364..279b7f9 100644
--- a/webapp/src/components/GroupModule.vue
+++ b/webapp/src/components/GroupModule.vue
@@ -16,13 +16,13 @@
<template v-for="(item, index) in tabChain">
<v-icon v-if="item.id > 0 || item.id === 'create'" :key="'arrow' + index">keyboard_arrow_right</v-icon>
<v-tab ripple :key="'tab' + index">
- <v-icon v-if="item.tabType === 'group' && item.id === 0">home</v-icon>
+ <div v-if="item.tabType === 'group' && item.id === 0" class="tutorial-element label-top-left element-icon" style="--label-number: '1'"><v-icon>home</v-icon></div>
<v-icon v-if="item.tabType === 'client'" class="tabbar-tabicon">computer</v-icon>
<div v-if="item.id > 0 || item.id === 'create'" class="tab-text">{{ item.name ? item.name : item.id !== 'create' ? item.id : ' . . . . . . . . . . ' }}</div>
</v-tab>
</template>
</v-tabs>
- <v-btn icon :loading="reloading" @click="reload"><v-icon>refresh</v-icon></v-btn>
+ <v-btn icon :loading="reloading" @click="reload" class="tutorial-element label-top-left element-icon" style="--label-number: '2'"><v-icon>refresh</v-icon></v-btn>
</v-card>
<v-tabs-items :value="activeTab" @input="setActiveTab" touchless style="padding-bottom: 12px">
<v-tab-item v-for="(item, index) in tabChain" :key="index" lazy :transition="false" :reverse-transition="false">
diff --git a/webapp/src/components/GroupModuleGroupInfo.vue b/webapp/src/components/GroupModuleGroupInfo.vue
index 373de61..141fd13 100644
--- a/webapp/src/components/GroupModuleGroupInfo.vue
+++ b/webapp/src/components/GroupModuleGroupInfo.vue
@@ -130,10 +130,10 @@
<v-flex lg4 xs12 order-lg3 order-xs1 class="text-xs-right">
<div class="info-box">
<div v-if="!editMode">
- <v-btn color="error" flat @click="deleteGroup" class="info-buttons">
+ <v-btn color="error" flat @click="deleteGroup" class="info-buttons tutorial-element label-left" style="--label-number: '2'">
<v-icon left>delete</v-icon>{{ $t('delete') }}
</v-btn>
- <v-btn color="primary" flat @click="editInfo" class="info-buttons">
+ <v-btn color="primary" flat @click="editInfo" class="info-buttons tutorial-element label-right" style="--label-number: '1'">
<v-icon left>create</v-icon>{{ $t('edit') }}
</v-btn>
</div>
@@ -250,9 +250,6 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
-.info-buttons {
- margin: 0;
-}
.iprange {
display: flex;
diff --git a/webapp/src/components/GroupModuleGroupList.vue b/webapp/src/components/GroupModuleGroupList.vue
index b556509..ede61b9 100644
--- a/webapp/src/components/GroupModuleGroupList.vue
+++ b/webapp/src/components/GroupModuleGroupList.vue
@@ -14,7 +14,7 @@
"name": "Name",
"description": "Beschreibung",
"removeSubgroups": "Eine Untergruppe entfernen | {0} Untergruppen entfernen",
- "addSubgroups": "Füge Untergruppen hinzu",
+ "addSubgroups": "Untergruppen hinzufügen",
"deleteGroups": "Eine Gruppe löschen | {0} Gruppen löschen",
"createGroup": "Gruppe erstellen"
}
@@ -26,7 +26,11 @@
<v-divider></v-divider>
<data-table ref="table" v-model="selected" :headers="headers" :items="groups" :loading="loading" @dblclick="loadGroup($event)" copy-button>
<div slot="actions" slot-scope="row" style="text-align: right">
- <v-btn icon @click.stop @mousedown="loadGroup(row.item)" style="margin: 0"><v-icon>keyboard_arrow_right</v-icon></v-btn>
+ <v-btn icon @click.stop @mousedown="loadGroup(row.item)"
+ :class="row.index === 0 ? 'tutorial-element' : ''"
+ class="label-top-left element-icon"
+ style="--label-number: '4'"
+ ><v-icon>keyboard_arrow_right</v-icon></v-btn>
</div>
</data-table>
<v-divider></v-divider>
diff --git a/webapp/src/components/GroupModuleGroupView.vue b/webapp/src/components/GroupModuleGroupView.vue
index 159f249..b969691 100644
--- a/webapp/src/components/GroupModuleGroupView.vue
+++ b/webapp/src/components/GroupModuleGroupView.vue
@@ -10,7 +10,7 @@
"de": {
"info": "Info",
"showall": "Alle",
- "groups": "Groups",
+ "groups": "Gruppen",
"subgroups": "Untergruppen",
"clients": "Clients"
}
@@ -34,7 +34,7 @@
v-if="group.id !== 'create'"
:input-value="group.tabShowAll"
@change="setShowAll"
- class="show-toggle"
+ class="show-toggle tutorial-element label-right" style="--label-number: '3'"
:label="$t('showall')"
hide-details
color="primary"
@@ -50,14 +50,16 @@
{{ group.subgroups ? group.subgroups.length : 0 }}
<span class="ml-1">{{ group.id > 0 ? $t('subgroups') : $t('groups') }}</span>
</div>
- <v-btn v-if="group.id === 0" icon @click="toggleCollapsedView" :class="{ 'upside-down': settings.collapsedView }">
+ <v-btn v-if="group.id === 0" icon @click="toggleCollapsedView" :class="{ 'upside-down': settings.collapsedView }"
+ class="tutorial-element label-top-left element-icon" style="--label-number: '5'"
+ >
<v-icon>expand_less</v-icon>
</v-btn>
<v-switch
v-if="group.id === 0"
:input-value="group.tabShowAll"
@change="setShowAll"
- class="show-toggle"
+ class="show-toggle tutorial-element label-right" style="--label-number: '3'"
:label="$t('showall')"
hide-details
color="primary"
@@ -189,6 +191,7 @@ export default {
}
.show-toggle {
+ height: 48px;
padding: 0 16px;
margin: 0;
flex: initial;