From 32c1b6328d3ed2883bb930b34ab473130ec72657 Mon Sep 17 00:00:00 2001
From: Georgi Prodanov <georgi.prodanov@progress.com>
Date: Tue, 7 Mar 2017 10:40:10 +0200
Subject: [PATCH] Fix groups screen for when there are no groups created.

---
 app/groups/groups/groups.component.ts  | 2 +-
 app/groups/groups/groups.template.html | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/groups/groups/groups.component.ts b/app/groups/groups/groups.component.ts
index d1d0d05..0e35918 100644
--- a/app/groups/groups/groups.component.ts
+++ b/app/groups/groups/groups.component.ts
@@ -17,7 +17,7 @@ export class GroupsComponent implements OnInit {
     userGroups: Group[];
     hasMoreUnjoined: boolean = true;
     hasMoreUserGroups: boolean = true;
-    hasAnyGroups: boolean = false;
+    hasAnyGroups: boolean = null;
     private readonly _pageSize = 7;
     private _unjoinedPage = 0;
     private _userGroupsPage = 0;
diff --git a/app/groups/groups/groups.template.html b/app/groups/groups/groups.template.html
index 43abd7b..6e4ea1e 100644
--- a/app/groups/groups/groups.template.html
+++ b/app/groups/groups/groups.template.html
@@ -7,7 +7,9 @@
         </ActionItem>
     </ActionBarExtension>
 
-    <StackLayout *ngIf="isInitialized() && !hasAnyGroups" class="no-items">
+    <ActivityIndicator [busy]="hasAnyGroups === null" [visibility]="hasAnyGroups !== null ? 'collapse' : 'visible'" horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator>
+
+    <StackLayout *ngIf="hasAnyGroups === false" class="no-items">
         <Label class="if" text="&#x6e;"></Label>
         <Label text="No groups yet" [textWrap]="true" class="title"></Label>
         <StackLayout>
@@ -18,7 +20,7 @@
         </StackLayout>
     </StackLayout>
 
-    <TabView #groupsTabView [(ngModel)]="selectedIndex" class="tab-view" tabsBackgroundColor="#F4550F" selectedTabTextColor="#fff" tabTextColor="#ccc" selectedColor="#eee">
+    <TabView *ngIf="hasAnyGroups === true" #groupsTabView [(ngModel)]="selectedIndex" class="tab-view" tabsBackgroundColor="#F4550F" selectedTabTextColor="#fff" tabTextColor="#ccc" selectedColor="#eee">
         <StackLayout *tabItem="{ title: 'My Groups' }" class="tab-item">
             <StackLayout class="tab-items-wrapper" [ngClass]="{ 'no-groups': userGroups && !userGroups.length }">
                 <ActivityIndicator [busy]="!userGroups && selectedIndex === 0" [visibility]="userGroups ? 'collapse' : 'visible'" horizontalAlignment="center" verticalAlignment="center"></ActivityIndicator>