@chat21/chat21-ionic 3.0.83 → 3.0.86-rc.1

package/src/app/shared/shared.module.ts

@@ -1,9 +1,9 @@
+import { NavbarComponent } from './../components/navbar/navbar.component';
 import { FormsModule } from '@angular/forms';
 import { NgSelectModule } from '@ng-select/ng-select';
 import { NetworkOfflineComponent } from './../components/network-offline/network-offline.component';
 import { ContactsDirectoryComponent } from './../components/contacts-directory/contacts-directory.component';
 import { HtmlComponent } from './../chatlib/conversation-detail/message/html/html.component';
-import { BubbleOthersMessageComponent } from './../components/conversation-detail/bubble-others-message/bubble-others-message.component';
 
 import { TextComponent } from '../chatlib/conversation-detail/message/text/text.component';
 import { ReturnReceiptComponent } from '../chatlib/conversation-detail/message/return-receipt/return-receipt.component';
@@ -21,32 +21,29 @@ import { CommonModule } from '@angular/common';
 import { IonicModule } from '@ionic/angular';
 
 import { AvatarProfileComponent } from 'src/app/components/utils/avatar-profile/avatar-profile.component';
-import { DdpHeaderComponent } from 'src/app/components/ddp-header/ddp-header.component';
+import { HeaderConversationsList } from 'src/app/components/conversations-list/header-conversations-list/header-conversations-list.component';
+import { HeaderConversationsListArchived } from 'src/app/components/conversations-list/header-conversations-list-archived/header-conversations-list-archived.component';
 
 import { UserPresenceComponent } from 'src/app/components/utils/user-presence/user-presence.component';
 import { UserTypingComponent } from 'src/chat21-core/utils/user-typing/user-typing.component';
 import { ListConversationsComponent } from '../chatlib/list-conversations-component/list-conversations/list-conversations.component';
 import { MomentModule } from 'angular2-moment';
-import { AvatarComponent } from '../chatlib/conversation-detail/message/avatar/avatar.component';
-import { MarkedPipe } from '../directives/marked.pipe';
-import { AutofocusDirective } from '../directives/autofocus.directive';
-import { HtmlEntitiesEncodePipe } from '../directives/html-entities-encode.pipe';
-import { IonConversationDetailComponent } from '../chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component';
-import { BubbleMyMessageComponent } from '../components/conversation-detail/bubble-my-message/bubble-my-message.component';
-import { BubbleDayMessageComponent } from '../components/conversation-detail/bubble-day-message/bubble-day-message.component';
-import { BubbleSystemMessageComponent } from '../components/conversation-detail/bubble-system-message/bubble-system-message.component';
-import { InfoContentComponent } from '../components/conversation-info/info-content/info-content.component';
-import { InfoSupportGroupComponent } from '../components/conversation-info/info-support-group/info-support-group.component';
-import { InfoDirectComponent } from '../components/conversation-info/info-direct/info-direct.component';
-import { AdvancedInfoAccordionComponent } from '../components/conversation-info/advanced-info-accordion/advanced-info-accordion.component';
-import { InfoGroupComponent } from '../components/conversation-info/info-group/info-group.component';
+import { AvatarComponent } from 'src/app/chatlib/conversation-detail/message/avatar/avatar.component';
+import { MarkedPipe } from 'src/app/directives/marked.pipe';
+import { AutofocusDirective } from 'src/app/directives/autofocus.directive';
+import { HtmlEntitiesEncodePipe } from 'src/app/directives/html-entities-encode.pipe';
+import { IonConversationDetailComponent } from 'src/app/chatlib/conversation-detail/ion-conversation-detail/ion-conversation-detail.component';
+import { InfoContentComponent } from 'src/app/components/conversation-info/info-content/info-content.component';
+import { InfoSupportGroupComponent } from 'src/app/components/conversation-info/info-support-group/info-support-group.component';
+import { InfoDirectComponent } from 'src/app/components/conversation-info/info-direct/info-direct.component';
+import { AdvancedInfoAccordionComponent } from 'src/app/components/conversation-info/advanced-info-accordion/advanced-info-accordion.component';
+import { InfoGroupComponent } from 'src/app/components/conversation-info/info-group/info-group.component';
 import { TooltipModule, TooltipOptions } from 'ng2-tooltip-directive';
-import { OptionHeaderComponent } from '../components/conversation-detail/option-header/option-header.component';
-import { MessageAttachmentComponent } from '../chatlib/conversation-detail/message/message-attachment/message-attachment.component';
-import { ImageViewerComponent } from '../components/image-viewer/image-viewer.component';
-import { SidebarComponent } from '../components/sidebar/sidebar.component';
-import { SidebarUserDetailsComponent } from '../components/sidebar-user-details/sidebar-user-details.component';
-import { ProjectItemComponent } from '../components/project-item/project-item.component';
+import { MessageAttachmentComponent } from 'src/app/chatlib/conversation-detail/message/message-attachment/message-attachment.component';
+import { ImageViewerComponent } from 'src/app/components/image-viewer/image-viewer.component';
+import { SidebarComponent } from 'src/app/components/sidebar/sidebar.component';
+import { SidebarUserDetailsComponent } from 'src/app/components/sidebar-user-details/sidebar-user-details.component';
+import { ProjectItemComponent } from 'src/app/components/project-item/project-item.component';
 import { DefaultTooltipOptions } from 'src/chat21-core/utils/utils';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
@@ -59,12 +56,13 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
   declarations: [
     // MessageTextAreaComponent,
     AvatarProfileComponent,
-    DdpHeaderComponent,
+    HeaderConversationsList,
     UserPresenceComponent,
     UserTypingComponent,
     ListConversationsComponent,
     IonListConversationsComponent,
     ImageViewerComponent,
+    NavbarComponent,
     SidebarComponent,
     SidebarUserDetailsComponent,
     ProjectItemComponent,
@@ -82,10 +80,6 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     ReturnReceiptComponent,
     TextComponent,
     HtmlComponent,
-    BubbleDayMessageComponent,
-    BubbleSystemMessageComponent,
-    BubbleMyMessageComponent,
-    BubbleOthersMessageComponent,
     InfoContentComponent,
     InfoSupportGroupComponent,
     InfoDirectComponent,
@@ -95,15 +89,16 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     AutofocusDirective,
     HtmlEntitiesEncodePipe,
     SafeHtmlPipe,
-    OptionHeaderComponent,
+    HeaderConversationsListArchived,
     NetworkOfflineComponent
   ],
   exports: [
     // MessageTextAreaComponent,
     AutofocusDirective,
     AvatarProfileComponent,
-    DdpHeaderComponent,
+    HeaderConversationsList,
     ImageViewerComponent,
+    NavbarComponent,
     SidebarComponent,
     SidebarUserDetailsComponent,
     ProjectItemComponent,
@@ -123,15 +118,11 @@ import { SafeHtmlPipe } from '../directives/safe-html.pipe';
     InfoMessageComponent,
     ReturnReceiptComponent,
     TextComponent,
-    BubbleDayMessageComponent,
-    BubbleSystemMessageComponent,
-    BubbleMyMessageComponent,
-    BubbleOthersMessageComponent,
     InfoContentComponent,
     InfoSupportGroupComponent,
     InfoDirectComponent,
     InfoGroupComponent,
-    OptionHeaderComponent,
+    HeaderConversationsListArchived,
     NetworkOfflineComponent
 
   ],

package/src/app/utils/toast.spec.ts

@@ -0,0 +1,7 @@
+import { Toast } from './toast';
+
+describe('Toast', () => {
+  it('should create an instance', () => {
+    expect(new Toast()).toBeTruthy();
+  });
+});

package/src/app/utils/toast.ts

@@ -0,0 +1,48 @@
+import { ToastController } from '@ionic/angular';
+
+export class Toast {
+
+  public toastController: ToastController = new ToastController()
+
+    constructor() {}
+
+  async presentToast(message: string, color: string, cssClass: string, duration: number = 2000, position: 'top' | 'bottom' | 'middle'= 'bottom') {
+    const toast = await this.toastController.create({
+      message: message,
+      duration: duration,
+      color: color,
+      position: position,
+      cssClass: cssClass
+    });
+    toast.present();
+  }
+
+  async presentToastWithOptions() {
+    const toast = await this.toastController.create({
+      header: 'Toast header',
+      message: 'Click to Close',
+      position: 'top',
+      buttons: [
+        {
+          side: 'start',
+          icon: 'star',
+          text: 'Favorite',
+          handler: () => {
+            console.log('Favorite clicked');
+          },
+        },
+        {
+          text: 'Done',
+          role: 'cancel',
+          handler: () => {
+            console.log('Cancel clicked');
+          },
+        },
+      ],
+    });
+    await toast.present();
+
+    const { role } = await toast.onDidDismiss();
+    console.log('onDidDismiss resolved with role', role);
+  }
+}