diff options
Diffstat (limited to 'app/views/shared/groups')
| -rw-r--r-- | app/views/shared/groups/_empty_state.html.haml | 7 | ||||
| -rw-r--r-- | app/views/shared/groups/_groups_tree.html.haml | 12 |
2 files changed, 19 insertions, 0 deletions
diff --git a/app/views/shared/groups/_empty_state.html.haml b/app/views/shared/groups/_empty_state.html.haml new file mode 100644 index 00000000000..0b1525c5ba3 --- /dev/null +++ b/app/views/shared/groups/_empty_state.html.haml @@ -0,0 +1,7 @@ +.groups-empty-state + = custom_icon('icon_empty_groups') + + .text-content + %h4 A group is a collection of several projects. + %p If you organize your projects under a group, it works like a folder. + %p You can manage your group member’s permissions and access to each project in the group. diff --git a/app/views/shared/groups/_groups_tree.html.haml b/app/views/shared/groups/_groups_tree.html.haml new file mode 100644 index 00000000000..a2c73ccad36 --- /dev/null +++ b/app/views/shared/groups/_groups_tree.html.haml @@ -0,0 +1,12 @@ += webpack_bundle_tag 'common_vue' += webpack_bundle_tag 'groups' + +.groups-list-holder + #dashboard-group-app{ data: { endpoint: groups_endpoint, path: groups_path } } + .groups-list-loading + = icon('spinner spin', 'v-show' => 'isLoading') + %template{ 'v-if' => 'isGroupsListEmpty' } + %div{ 'v-cloak' => true } + = render 'shared/groups/empty_state' + %template{ 'v-else-if' => 'isGroupsListLoaded' } + %groups-component{ ':groups' => 'state.groups', ':page-info' => 'state.pageInfo' } |