@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/pages/authentication/resetpwd/resetpwd.html

@@ -1,40 +0,0 @@
-<!--
-  Generated template for the Resetpwd page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-<ion-header>
-
-  <ion-navbar>
-    <ion-title>{{ 'LABEL_NEW_PASSWORD' | translate }}</ion-title>
-    <ion-buttons left>
-        <button ion-button icon-only (click)="goBack()">
-          <ion-icon name="close"></ion-icon>
-        </button>
-      </ion-buttons>
-  </ion-navbar>
-</ion-header>
-
-
-<ion-content padding class="sample-modal-page">
-  <div class="content-page">
-  <!-- <h2>Rigenera Password</h2> -->
-  <form [formGroup]="resetpwdForm" (submit)="resetPwd()" novalidate>
-    <ion-item>
-      <ion-label stacked>{{ 'LABEL_EMAIL' | translate }}</ion-label>
-      <ion-input #email formControlName="email" type="email" (change)="elementChanged(email)"
-        placeholder="{{ 'LABEL_PLACEHOLDER_EMAIL' | translate }}"
-        [class.invalid]="!resetpwdForm.controls.email.valid && (emailChanged || submitAttempt)"></ion-input>
-    </ion-item>
-    <div class="div-error-message">
-    <ion-item class="error-message" *ngIf="!resetpwdForm.controls.email.valid  && (emailChanged || submitAttempt)">
-      <p>{{ 'LABEL_ERROR_EMAIL' | translate }}</p>
-    </ion-item>
-    </div>
-    <button ion-button block class="full" type="submit">
-      {{ 'LABEL_NEW_PASSWORD' | translate }} 
-    </button>
-  </form>
-  </div>
-</ion-content>

package/src/pages/authentication/resetpwd/resetpwd.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { ResetpwdPage } from './resetpwd';
-
-@NgModule({
-  declarations: [
-    ResetpwdPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(ResetpwdPage),
-  ],
-  exports: [
-    ResetpwdPage
-  ]
-})
-export class ResetpwdModule {}

package/src/pages/authentication/resetpwd/resetpwd.scss

@@ -1,102 +0,0 @@
-page-resetpwd {
-    ion-title {
-        text-align: center;
-    }
-    .scroll-content{
-        margin-top: 16px!important;
-        // padding-bottom: 16px!important;
-        padding: 0px!important;
-    }
-    h2 {
-        text-align: center;
-        margin: 10px;
-    }
-    form {
-        margin-bottom: 20px;
-        button {
-            margin-top: 20px !important;
-        }
-        p {
-            font-style: italic;
-            color: red;
-        }
-    }
-
-    .invalid {
-        border-bottom: 1px solid #FF6153;
-    }
-
-    .item-block{
-        min-height: auto;
-    }
-
-    .item-md {
-        font-size: 1.3rem;
-    }
-    .item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner{
-        border-bottom: 0px!important;
-    }
-    .item-md.item-input .item-inner{
-        border-bottom: 0px!important;
-    }
-
-    .div-error-message {
-        min-height: 30px;
-        .error-message {
-            max-height: 24px;
-        }
-        .item-inner {
-            border-bottom: 0 !important;
-        }
-        .item-md p {
-            font-size: 1.1rem;
-        }
-    }
-
-    .sample-modal-page {
-        background: rgba(0,0,0,0.5);
-        height: 100%;
-        padding: 46px;
-        .scroll-content{
-            margin-top: 36px!important;
-            // padding: 56px 26px 26px 26px !important;
-        }
-    }
-    
-    .content-page {
-        background: #FFFFFF;
-        padding: 20px;
-        margin: 0px;
-        height: 100%;
-        text-align: -webkit-center;
-
-        .item-input ion-input, .item-input ion-textarea {
-            background-color: rgba(204, 204, 204, 0.5);
-        }
-        .item-md.item-block .item-inner {
-            padding-right: 0px;
-        }
-        .text-input{
-            padding: 0px 10px 0px 10px;
-        }
-        button{
-            width: 100%;
-            background-color: #FFFFFF !important;
-            height: 34px;
-            margin: 0px 20px 15px 20px;
-            width: calc(100% - 40px);
-            border-radius: 8px;
-            font-size: small;
-            color:rgb(39, 62, 83);
-          }
-          button.full{
-            background-color: rgb(39, 62, 83) !important;
-            height: 34px;
-            border-radius: 8px;
-            font-size: small;
-            color:#FFFFFF;
-          }
-    }
-}
-
-

package/src/pages/authentication/resetpwd/resetpwd.ts

@@ -1,93 +0,0 @@
-import { Component } from '@angular/core';
-import { NavController, AlertController, LoadingController, ViewController } from 'ionic-angular';
-import { FormBuilder, Validators } from '@angular/forms';
-
-//provider
-import { AuthService } from '../../../providers/auth-service';
-
-@Component({
-  selector: 'page-resetpwd',
-  templateUrl: 'resetpwd.html'
-})
-export class ResetpwdPage {
-  public resetpwdForm;
-  public emailChanged: boolean = false;
-  public submitAttempt: boolean = false;
-  public loading: any;
-
-  constructor(public navCtrl: NavController, 
-    public authService: AuthService, 
-    public formBuilder: FormBuilder, 
-    public alertCtrl: AlertController, 
-    public loadingCtrl: LoadingController,
-    public viewCtrl: ViewController
-  ) {
-  }
-  /**
-   * imposto espressione regolare per verifica email
-   * imposto il form della pagina con i campi da validare (email)
-   */
-  ngOnInit() {
-    console.log("ResetpwdPage PAGE");
-    let EMAIL_REGEXP = /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i;
-    this.resetpwdForm = this.formBuilder.group({
-      email: ['', Validators.compose([Validators.required, Validators.pattern(EMAIL_REGEXP)])]
-    });
-  }
-
-  /**
-   * chiamato ogni volta che cambio il valore di un campo input
-   * NON ricordo a cosa serve!!!!
-   * @param input 
-   */
-  elementChanged(input){
-    if(input && input.inputControl){
-      let field = input.inputControl.firstname;
-      this[field + "Changed"] = true;
-    }
-    return
-  }
-  /**
-   * metodo chiamato dalla pagina html alla pressione del tasto 'recupera password'
-   * verifico se i campi inseriti sono corretti e procedo al recupero psw
-   * al termine dismetto loading e dismetto view
-   */
-  resetPwd() {
-    if (!this.resetpwdForm.valid){
-      console.log(this.resetpwdForm.value);
-    } else {
-      this.authService.resetPassword(this.resetpwdForm.value.email)
-      .then( authService => {
-        //this.navCtrl.setRoot(ListaConversazioniPage);
-        this.loading.dismiss().then( () => {
-          //dismetto la modale ricarico lista conversazioni passando user
-          //this.loading.dismiss();
-          this.viewCtrl.dismiss({animate: false, duration: 0});
-        });
-      }, error => {
-        this.loading.dismiss().then( () => {
-          let alert = this.alertCtrl.create({
-            message: error.message,
-            buttons: [
-              {
-                text: "Ok",
-                role: 'cancel'
-              }
-            ]
-          });
-          alert.present();
-        });
-      });
-      this.loading = this.loadingCtrl.create({
-        dismissOnPageChange: true,
-      });
-      this.loading.present();
-    }
-  }
-  /**
-   * chiudo il popup di recupero password
-   */
-  goBack(){
-    this.navCtrl.pop({animate: false, duration: 0});    
-  }
-}

package/src/pages/components/chatBubble_old/chatBubble.scss

@@ -1,83 +0,0 @@
-.chatBubble{
-
-  //position: relative;
-
-  // :last-child {
-  //   margin-bottom: 10px;
-  // }
-
-  img.profile-pic {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    position: absolute;
-    bottom: 10px;
-  }
-
-  img.profile-pic.left {
-    left: 10px;
-  }
-
-  img.profile-pic.right {
-    right: 10px;
-  }
-
-  .message {
-    font-size: medium;
-    word-wrap: break-word;
-    white-space: pre-wrap;
-  }
-
-  .message-detail {
-    white-space: nowrap;
-    font-size: 14px;
-  }
-
-  .chat-bubble {
-    border-radius: 5px;
-    display: inline-block;
-    padding: 10px 18px;
-    position: relative;
-    margin: 10px;
-    max-width: 80%;
-  }
-
-  .chat-bubble:before {
-    content: "\00a0";
-    display: block;
-    height: 16px;
-    width: 9px;
-    position: absolute;
-    bottom: -7.5px;
-  }
-
-  .chat-bubble.left {
-    background-color: map-get($chat-bubble, background-left);
-    float: left;
-    margin-left: 45px;
-  }
-
-  .chat-bubble.left:before {
-    background-color: map-get($chat-bubble, background-left);
-    left: 10px;
-    -webkit-transform: rotate(70deg) skew(5deg);
-  }
-
-  .chat-bubble.right {
-    background-color: map-get($chat-bubble, background-right);
-    color: #000;
-    float: right;
-    margin-right: 45px;
-  }
-
-  .chat-bubble.right:before {
-    background-color: map-get($chat-bubble, background-right);
-    right: 10px;
-    -webkit-transform: rotate(118deg) skew(-5deg);
-  }
-
-  .chat-bubble.right a.autolinker {
-    color: #000;
-    font-weight: bold;
-  }
-}

package/src/pages/components/chatBubble_old/chatBubble.ts

@@ -1,30 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'chat-bubble',
-  inputs: ['msg: message'],
-  template:
-  `
-  <div class="chatBubble">
-    <img class="profile-pic {{msg.position}}" src="{{msg.img}}">
-    <div class="chat-bubble {{msg.position}}">
-      <div class="message">{{msg.content}}</div>
-      <div class="message-detail">
-          <span style="font-weight:bold;">{{msg.senderName}} </span>,
-          <span>{{msg.time}}</span>
-      </div>
-    </div>
-  </div>
-  `
-})
-export class ChatBubble {
-    msg 
-  constructor() {
-    this.msg = {
-      content :  'Am I dreaming?',
-      position : 'left',
-      time : '12/3/2016',
-      senderName : 'Gregory'
-    }
-  }
-}

package/src/pages/components/elasticTextarea_old.ts

@@ -1,46 +0,0 @@
-import {Component, ViewChild} from '@angular/core';
-
-@Component({
-  selector: 'elastic-textarea',
-  inputs: ['placeholder', 'lineHeight'],
-  template:
-  ` <ion-textarea #ionTxtArea
-    placeholder='{{placeholder}}'
-    [(ngModel)]="content"
-    (ngModelChange)='onChange($event)'></ion-textarea>
-  `,
-  queries: {
-    ionTxtArea: new ViewChild('ionTxtArea')
-  }
-})
-export class ElasticTextarea {
-    content
-    lineHeight
-    txtArea
-    ionTxtArea
-    
-  constructor() {
-    this.content = "";
-    this.lineHeight = "22px";
-  }
-
-  ngAfterViewInit(){
-    this.txtArea = this.ionTxtArea._elementRef.nativeElement.children[0];
-    this.txtArea.style.height = this.lineHeight + "px";
-    this.txtArea.style.resize = 'none';
-  }
-
-  onChange(newValue){
-    this.txtArea.style.height = this.lineHeight + "px";
-    this.txtArea.style.height =  this.txtArea.scrollHeight + "px";
-  }
-
-  clearInput(){
-    this.content = "";
-    this.txtArea.style.height = this.lineHeight + "px";
-  }
-
-  setFocus(){
-    this.ionTxtArea.setFocus()
-  }
-}

package/src/pages/dettaglio-conversazione/dettaglio-conversazione.html

@@ -1,261 +0,0 @@
-<ion-header [ngClass]="!conversationSelected?'transparent':''" no-border>
-
-    <ion-navbar class="toolbar-md-navbarLightColor">
-      <ion-title>
-        <div class="headerUserName" [class.infoOpen]="openInfoConversation || openInfoMessage" *ngIf="conversationWith">
-          <span *ngIf="conversationType == TYPE_DIRECT" class="c21-point" [ngStyle]="{ 'background-color':(online)?'#24d066':'#db4437' }">&nbsp;</span>
-          
-          <span>{{conversationWithFullname?conversationWithFullname:''}}</span>
-          
-          <span *ngIf="isTypings; then yesTypings else noTypings"></span>
-            
-            <ng-template #yesTypings>
-              
-              <div class="headerLastActivity">
-                <span class="chat21-spinner active" id="chat21-spinner">
-                  <div class="chat21-bounce1"></div>
-                  <div class="chat21-bounce2"></div>
-                  <div class="chat21-bounce3"></div>
-                  <span></span>
-                </span>
-                <span class="typingNow"><span *ngIf="conversationType !== TYPE_DIRECT">{{nameUserTypingNow}} </span>{{ 'LABEL_IS_WRITING' | translate }}</span>
-              </div>
-
-            </ng-template>
-
-            <ng-template #noTypings>
-              <span *ngIf="conversationType == TYPE_DIRECT">
-                  <span *ngIf="online; then userActive else userInactive"></span>
-                  <ng-template #userActive>
-                    <div class="headerLastActivity">{{ 'LABEL_ACTIVE_NOW' | translate }}</div>
-                  </ng-template>
-                  <ng-template #userInactive>
-                    <div class="headerLastActivity">{{lastConnectionDate}}</div>
-                  </ng-template>
-              </span>
-            </ng-template>
-
-        </div>
-      </ion-title>
-
-      <ion-buttons end *ngIf="openInfoConversation === false">
-          <button end ion-button icon-only (click)="onOpenCloseInfoConversation()">
-            <ion-icon name="information-circle"></ion-icon>
-          </button>
-      </ion-buttons>
-
-      <!-- <ion-buttons *ngIf="openInfoConversation || openInfoMessage" id="panel-info" end>
-        <button  ion-button icon-only (click)="onCloseInfoPage()">
-          <ion-icon name="close"></ion-icon>
-        </button>
-        <button id="btn-panel-info" disabled ion-button>{{'Info'}}</button>
-      </ion-buttons> -->
-
-    </ion-navbar>
-  </ion-header>
-
-
-  <ion-content *ngIf="!conversationSelected && !conversationWith; else detail_content" padding class="wellcome_page"></ion-content>
-
-
-
-<ng-template #detail_content>
-  <!-- <div id="chat21-info-message" [class.open]="openInfoMessage">
-    <page-info-message></page-info-message>
-  </div> -->
-
-  <ion-content class="messagesView " [class.halfscreen]="openInfoConversation || openInfoMessage">
-    <span *ngIf="messages.length > 0;then content_messages else contentMessageWelcome">here is ignored</span>
-    <ng-template #content_messages>
-      <div #scrollMe id="scroll-me" style="height:100%; overflow-y:auto;" (scroll)="onScroll($event)">
-        <div id="chat21-contentScroll">
-          <ion-list no-lines>
-            <div *ngFor="let message of messages">
-
-              <div *ngIf="message && message.headerDate && message.headerDate != ''">
-                <ion-item text-wrap>
-                  <div class="rowDay">
-                    <span class="headerDay">{{message.headerDate}}</span>
-                  </div>
-                </ion-item>
-              </div>
-
-              <ion-item class="itemMessage" text-wrap>
-                <!--<span *ngIf="isSender(message); then contentMine else contentOther"></span>-->
-                <span *ngIf="message.isSender; then contentMine else contentOther"></span>
-                
-                <ng-template #contentMine>
-                  <div class="statusMessage">
-                    <ion-icon *ngIf="!message.status" name="ios-clock-outline" style="font-size: 1.3em;"></ion-icon>
-                    <ion-icon *ngIf="message.status==MSG_STATUS_SENT" name="ios-checkmark"></ion-icon>
-                    <ion-icon *ngIf="message.status==MSG_STATUS_RETURN_RECEIPT" name="ios-done-all"></ion-icon>
-                  </div>
-                  <div class="message message-mine" (mouseover)="showButtonInfo()">
-                    <span class="buttonInfo" (click)="presentPopover($event, message)"> </span>
-                    <div *ngIf="message.type == 'image';" (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="message.type == 'file';" 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')">{{strip_tags(message.text)}}</div>
-                      </ng-template>
-                      <ng-template #contentNewTab>
-                        <!-- <div class="message-content message-content-text" [innerHTML]="convertMessageAndUrlify(message.text)"></div> [innerHTML]="message.text | linky" {{message.text | linky}} -->
-                        <div class="message-content message-content-text" [innerHTML]="message.text | linky"></div>
-                      </ng-template>
-                    </div>
-                    <!-- <div [class.image]="message.type == 'image'" class="message-timestamp">{{message.timestamp | date: 'H:mm'}}</div> -->
-        
-                  </div>
-                  <div class="message-timestamp right">{{message.timestamp | date: 'H:mm'}}</div>
-                </ng-template>
-
-                <ng-template #contentOther>
-                  <div *ngIf="message.attributes && (message.attributes.subtype == 'info' || message.attributes.subtype == 'info/support') then conversWithSystem else conversWithOther"></div>
-                </ng-template>
-
-                <ng-template #conversWithSystem>
-                  <div class="info-support-container">
-                    <span *ngIf="message.attributes && (message.attributes.subtype == 'info' || message.attributes.subtype == 'info/support')" class="message-content-info-support"> {{ message.text }} </span>
-                  </div>
-                </ng-template>
-          
-
-                <ng-template #conversWithOther>
-                    <div *ngIf="channel_type=='group'" class="message_sender_fullname">{{message.sender_fullname}}</div>
-                    <div class="message message-other" (mouseover)="showButtonInfo()">
-                      <span class="buttonInfo" [ngClass]="message.uid" (click)="presentPopover($event, message)">
-                      </span>
-                      <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="isFile(message);" class="message-content message-content-text">
-                        <a href=message.metadata.src target="_blank">X2 message.metadata.name?message.metadata.name:message.metadata.src</a>
-                      </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')">{{strip_tags(message.text)}}</div>
-                        </ng-template>
-                        <ng-template #contentNewTab>
-                          <!-- <div class="message-content message-content-text" [innerHTML]="convertMessageAndUrlify(message.text)"></div> -->
-                          <div class="message-content message-content-text" [innerHTML]="message.text | linky"></div>
-                        </ng-template>
-                      </div>
-                      <!-- <span [class.image]="message.type == 'image'" class="message-timestamp">{{message.timestamp | date: 'H:mm'}}</span> -->
-                    </div>
-
-                    <div class="message-timestamp">{{message.timestamp | date: 'H:mm'}}</div>
-                </ng-template>
-              </ion-item>
-            </div>
-          </ion-list>
-        </div>
-      </div>
-      <div *ngIf="showButtonToBottom" id="chat21-buttonToBottom" (click)="scrollBottom()">
-        <div *ngIf="NUM_BADGES!=0" id="chat21-divBudge">{{NUM_BADGES}}</div>
-      </div>
-    </ng-template>
-
-    <ng-template #contentMessageWelcome>
-      <div class="messageFirst" [style.display]="style_message_welcome === true ? '' : 'none'">
-        {{ 'LABEL_NO_MSG_HERE' | translate }}
-      </div>
-    </ng-template>
-
-    <div id="canned" *ngIf="tagsCannedFilter.length > 0;">
-      <ion-list class="canned-list">
-          <ion-item class="canned-item" *ngFor="let canned of tagsCannedFilter" [innerHtml]="canned.title" (click)="replaceTagInMessage(canned)">
-          </ion-item>
-      </ion-list>
-    </div>
-  </ion-content>
-
-
-  <ion-footer id="footerMessage" [class.halfscreen]="openInfoConversation || openInfoMessage">
-    <ion-toolbar>
-      <ion-grid>
-        <ion-row #messagesPageFooter id="messages-page-footer">
-          <!-- *ngIf="conversationEnabled || channel_type!='group'"         -->
-          <ion-col col-2 col-bottom>
-            <!-- <button ion-button clear class="message-editor-button active">
-              <ion-icon name="add-circle" isActive="true" (click)="presentActionSheet()"></ion-icon>
-            </button> -->
-
-            <label for="chat21-file" [class.active]="!isFileSelected" class="chat21-textarea-button">
-              <ion-icon ios="ios-attach" md="md-attach" class="chat21-icon left active"></ion-icon>
-            </label>
-            <!-- <label for="chat21-file" [class.active]="!isFileSelected" class="chat21-textarea-button" id="chat21-start-upload-doc" ></label> -->
-
-            <div [class.active]="isFileSelected" class="chat21-textarea-button" id="chat21-button-reset" (click)="resetLoadImage()"></div>
-            <div [class.active]="isFileSelected" class="chat21-textarea-button" id="chat21-button-send" (click)="loadImage()"></div>
-            <input [disabled]="!conversationEnabled" style='display:none' type="file" accept="image/*,.pdf,.zip"
-              name="chat21-file" id="chat21-file" class="inputfile" (change)="detectFiles($event)" />
-
-          </ion-col>
-          <ion-col col-auto>
-            <div class="text_message">
-              <ion-textarea #messageTextArea id="messageTextArea" [(ngModel)]="messageString" (ionChange)="messageChange($event)" [disabled]="!conversationEnabled"  
-              rows="1" placeholder="{{ 'LABEL_ENTER_MSG' | translate }}" (keyup.enter)="pressedOnKeyboard($event, messageString);" autofocus autosize></ion-textarea>
-              <!--   ng-bind-html="messageString" rows="1"  <ion-textarea autosize [(ngModel)]="messageString" placeholder="Enter a message" ng-bind-html="messageString" (keyup.enter)="pressedOnKeyboard($event, messageString)"></ion-textarea> (keyup)="resize()" -->
-            </div>
-
-            <div class="button_send">
-              <button [disabled]="!conversationEnabled" ion-button clear *ngIf="messageString && messageString.trim()!=''" class="message-editor-button right active" (focus)="doScroll()" (click)="controlOfMessage(messageString)">
-                <span>{{ 'LABEL_SEND' | translate }}</span>
-              </button>
-              <!-- <button [disabled]="!conversationEnabled" ion-button clear *ngIf="messageString && messageString.trim()!=''" class="message-editor-button right active"
-                (focus)="doScroll()" (click)="controlOfMessage(messageString)">
-                <ion-icon name="send" isActive="true"></ion-icon>
-              </button>
-              <button disabled ion-button clear *ngIf="!messageString || messageString.trim()==''" class="message-editor-button right inactive">
-                <ion-icon name="send" isActive="false"></ion-icon>
-              </button> -->
-            </div>
-          </ion-col>
-        </ion-row>
-      </ion-grid>
-    </ion-toolbar>
-  </ion-footer>
-
-</ng-template>
-
-
-<div id="chat21-info-message" [class.open]="openInfoMessage">
-    <page-info-message
-    [message]='messageSelected'
-    (eventClose)="returnCloseInfoMessage()"
-    ></page-info-message>
-</div>
-
-<div id="chat21-info-conversation" *ngIf="openInfoConversation" [class.open]="openInfoConversation">
-    <page-info-conversation
-    [tenant]=tenant
-    [attributes]=attributes
-    [channelType]=channel_type
-    [conversationWith]= conversationWith
-    (eventClose)="returnCloseInfoConversation()"
-    (eventOpenInfoUser)="returnOpenInfoUser($event)"
-    (eventOpenInfoAdvanced)="returnOpenInfoAdvanced($event)"
-    ></page-info-conversation>
-</div>
-
-<div id="chat21-info-user" class="modal-page" [class.open]="openInfoUser">
-    <page-info-user *ngIf="openInfoUser"
-    [member]=memberSelected
-    (eventClose)="returnCloseInfoUser()"
-    ></page-info-user>
-</div>
-
-<div id="chat21-info-advanced" class="modal-page" [class.open]="openInfoAdvanced">
-    <page-info-advanced *ngIf="openInfoAdvanced"
-    [attributes]=advancedAttributes
-    (eventClose)="returnCloseInfoAdvanced()"
-    ></page-info-advanced>
-</div>