@chat21/chat21-ionic 3.0.79-rc.1 → 3.0.79-rc.3

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.html

@@ -1,30 +0,0 @@
-<div class="message message-other" [class.first-message]="isFirstMessage">
-                          
-  <span class="button-info" [ngClass]="message.uid" (click)="presentPopover($event, message)"></span>
-  
-  <div class="bubble-message" 
-    [class.image]="message.type == 'image'"
-    [class.no-text]="!message.text"
-    (mouseover)="showButtonInfo()">
-
-    <div *ngIf="isChannelTypeGroup(channelType)" class="message-sender-fullname" [style.color]="getColorBck(message.sender_fullname)">{{message.sender_fullname}}</div>
-    
-    <div *ngIf="isImage(message);" (click)="popupUrl(message.metadata.src,'windowName')">
-      <img class="message-content message-content-image" [src]="message.metadata.src" [width]="getSizeImg(message).width" [height]="getSizeImg(message).height" />
-    </div>
-    
-    <div *ngIf="isFile(message);" class="message-content message-content-text" [innerHTML]="urlify(message.metadata.src, message.metadata.name)"></div>  
-    
-    <!-- <div *ngIf="message.type == 'text'"> -->
-      <div *ngIf="isPopupUrl(message.text); then contentPopup else contentNewTab">here is ignored</div>
-      <ng-template #contentPopup>
-        <div style="text-decoration: underline; padding:8px; cursor: pointer;" (click)="popupUrl(message.text,'windowName')">{{stripTags(message.text)}}contentOther</div>
-      </ng-template>
-      <ng-template #contentNewTab>
-        <div class="message-content message-content-text" [innerHTML]="message.text"></div>
-      </ng-template>
-    <!-- </div> -->
-    <div class="timestamp-message right">{{message.timestamp | date: 'H:mm'}}</div>
-  </div>
-
-</div>

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.scss

@@ -1,83 +0,0 @@
-.message {
-    .bubble-message {
-        position: relative;
-        border-radius: 15px;
-        font-size: 15px;
-        //padding: 5px 10px 10px 10px;
-        display: block;
-        width: auto;
-        max-width: 80%;
-        line-height: 1.34;
-        direction: ltr;
-        padding: 0px;
-        .message-content-image {
-            border-radius: 15px 6px 0px 0px;
-        }
-        .message-content.message-content-text{
-            padding: 5px 20px 5px 10px;
-        }
-        &.no-text {
-            line-height: 0;
-            .message-content-image {
-                border-radius: 15px 6px 6px 0px;
-            }
-            .message-content.message-content-text{
-                padding: 0px;
-                height: 0px;
-            }
-            .timestamp-message {
-                background-color: #00000045;
-                padding: 4px;
-                color: white;
-            }
-        }
-        &.image{
-            max-width: 300px;
-        }
-    }
-    .message-content:after {
-        content: "\00a0\00a0\00a0\00a0\00a0\00a0";
-    }
-    .timestamp-message {
-        font-size: 10px;
-        padding: 0px;
-        position: absolute;
-        bottom: 0px;
-        right: 6px;
-        line-height: 15px;
-    }
-}
-        .message-other {
-            width: 100%;
-            margin-top: 4px;
-            .bubble-message {
-                background-color: var(--light-gray);
-                color: var(--black);
-                margin-left: 24px;
-                float: left;
-                border-top-left-radius: 6px;
-                border-bottom-left-radius: 6px;
-            }
-            .message-sender-fullname {
-                margin: 0;
-                font-size: 15px;
-                color: var(--basic-gray);
-                font-weight: bold;
-                display: none;
-            }
-            .timestamp-message {
-                color: var(--basic-gray);
-                bottom: 2px;
-                right: 10px;
-            }
-            &.first-message {
-                margin-top: 10px;
-                .bubble-message {
-                    border-top-left-radius: 12px;
-                    border-bottom-left-radius: 0px;
-                }
-                .message-sender-fullname {
-                    display: block;
-                }
-            }
-        }

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.spec.ts

@@ -1,24 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BubbleOthersMessageComponent } from './bubble-others-message.component';
-
-describe('BubbleOthersMessageComponent', () => {
-  let component: BubbleOthersMessageComponent;
-  let fixture: ComponentFixture<BubbleOthersMessageComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BubbleOthersMessageComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BubbleOthersMessageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/app/components/conversation-detail/bubble-others-message/bubble-others-message.component.ts

@@ -1,68 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-import { MessageModel } from 'src/chat21-core/models/message';
-// utils
-import {
-  popupUrl,
-  urlify,
-  isPopupUrl,
-  stripTags
-} from 'src/chat21-core/utils/utils';
-
-import {
-  getColorBck
-} from 'src/chat21-core/utils/utils-user';
-
-import {
-  isImage,
-  isFile,
-  isInfo,
-  getSizeImg,
-  isChannelTypeGroup
-} from 'src/chat21-core/utils/utils-message';
-
-import {
-  MSG_STATUS_SENT,
-  MSG_STATUS_RETURN_RECEIPT
-} from 'src/chat21-core/utils/constants';
-
-@Component({
-  selector: 'app-bubble-others-message',
-  templateUrl: './bubble-others-message.component.html',
-  styleUrls: ['./bubble-others-message.component.scss'],
-})
-
-
-export class BubbleOthersMessageComponent implements OnInit {
-  @Input() message: MessageModel;
-  @Input() isFirstMessage = true;
-  @Input() channelType: string;
-
-  // utils functions
-  popupUrl = popupUrl;
-  urlify = urlify;
-  isPopupUrl = isPopupUrl;
-  getColorBck = getColorBck;
-  stripTags = stripTags;
-
-  // utils-message functions
-  isImage = isImage;
-  isFile = isFile;
-  isInfo = isInfo;
-  getSizeImg = getSizeImg;
-  isChannelTypeGroup = isChannelTypeGroup;
-
-  MSG_STATUS_SENT = MSG_STATUS_SENT;
-  MSG_STATUS_RETURN_RECEIPT = MSG_STATUS_RETURN_RECEIPT;
-
-  constructor() { }
-
-  ngOnInit() {}
-
-  showButtonInfo() {
-  }
-
-  presentPopover(event, msg) {
-    // console.log('presentPopover');
-  }
-
-}

package/src/app/components/conversation-detail/bubble-system-message/bubble-system-message.component.html

@@ -1,3 +0,0 @@
-<div class="message-content-info-support">
-  <span>{{ messageText }}</span>
-</div>

package/src/app/components/conversation-detail/bubble-system-message/bubble-system-message.component.scss

@@ -1,10 +0,0 @@
-.message-content-info-support {
-    border-radius: 14px;
-    border: 0px solid var(--light-blue);
-    padding: 6px 10px;
-    background: var(--light-blue);
-    color: var(--basic-gray);
-    font-size: 12px;
-    margin: 10px auto 0;
-    max-width: 100%;
-}

package/src/app/components/conversation-detail/bubble-system-message/bubble-system-message.component.spec.ts

@@ -1,24 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { IonicModule } from '@ionic/angular';
-
-import { BubbleSystemMessageComponent } from './bubble-system-message.component';
-
-describe('BubbleSystemMessageComponent', () => {
-  let component: BubbleSystemMessageComponent;
-  let fixture: ComponentFixture<BubbleSystemMessageComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BubbleSystemMessageComponent ],
-      imports: [IonicModule.forRoot()]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(BubbleSystemMessageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/app/components/conversation-detail/bubble-system-message/bubble-system-message.component.ts

@@ -1,14 +0,0 @@
-import { Component, OnInit, Input } from '@angular/core';
-
-@Component({
-  selector: 'app-bubble-system-message',
-  templateUrl: './bubble-system-message.component.html',
-  styleUrls: ['./bubble-system-message.component.scss'],
-})
-export class BubbleSystemMessageComponent implements OnInit {
-  @Input() messageText = '';
-  constructor() { }
-
-  ngOnInit() {}
-
-}