add synchro

src/app/shared/chat/messages/messages.page.ts

@@ -8,7 +8,7 @@ import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popo
 import { MessagesOptionsPage } from 'src/app/shared/popover/messages-options/messages-options.page';
 import { ContactsPage } from '../new-group/contacts/contacts.page';
 import { Router } from '@angular/router';
-import { connection } from 'src/app/services/socket/synchro.service';
+import { synchro } from 'src/app/services/socket/synchro.service';
 import { ChatOptionsFeaturesPage } from 'src/app/modals/chat-options-features/chat-options-features.page';
 import { ChatMessageStore } from 'src/app/store/chat/chat-message.service';
 import { ChatUserStorage } from 'src/app/store/chat/chat-user.service';
@@ -39,7 +39,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   @Output() openNewEventPage:EventEmitter<any> = new EventEmitter<any>();
 
 
-  connection  = connection;
+  synchro  = synchro;
   chatMessageStore = ChatMessageStore
   chatUserStorage = ChatUserStorage
 
@@ -152,7 +152,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
 
   sendMessage() {
 
-    this.connection.$send({})
+    this.synchro.$send({})
 
     let body = {
       "message":

src/app/shared/header/header.page.html

@@ -77,8 +77,14 @@
         </div>
 
         <div class="div-profile d-flex cursor-pointer" (click)="openProfile()">
+          
           <ion-icon class="icon" src='assets/images/icons-profile.svg'></ion-icon>
-          <ion-label class="profile-text">{{profileLabel(loggeduser.Profile)}}</ion-label>
+
+          <div class="profile-text">
+            <ion-label>{{profileLabel(loggeduser.Profile)}}</ion-label>
+            <div *ngIf="this.notificationLength > 0 && !production" class="icon-badge" style="right: -18px;top: -9px;" >{{this.notificationLength}}</div>
+          </div>
+
         </div>
       </div>
     </div>

src/app/shared/header/header.page.ts

@@ -6,6 +6,7 @@ import { LoginUserRespose } from 'src/app/models/user.model';
 import { ProfilePage } from 'src/app/modals/profile/profile.page';
 import { StorageService } from '../../services/storage.service';
 import { SessionStore } from 'src/app/store/session.service';
+import { environment } from 'src/environments/environment';
 
 @Component({
   selector: 'app-header',
@@ -23,6 +24,8 @@ export class HeaderPage implements OnInit {
   notificationLength: 0;
   SessionStore = SessionStore
 
+  production = environment.production
+  
   constructor(
     private router: Router,
     private modalController: ModalController,

src/app/shared/headers/header-no-search/profile/profile.page.ts

@@ -26,7 +26,7 @@ export class ProfileComponent implements OnInit {
 
     this.loggeduser = authService.ValidatedUser;
 
-    console.log(this.loggeduser.RoleDescription)
+    // console.log(this.loggeduser.RoleDescription)
 
     this.checkState()
   }