@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/pages/info-user/info-user.ts

@@ -1,177 +0,0 @@
-import { Component, Output, Input, EventEmitter } from '@angular/core';
-import { Events, IonicPage, NavController, NavParams } from 'ionic-angular';
-import { TranslateService } from '@ngx-translate/core';
-
-import { ChatPresenceHandler } from '../../providers/chat-presence-handler';
-
-import { validateEmail, urlify, isExistInArray } from '../../utils/utils';
-
-
-// models
-import { UserModel } from '../../models/user';
-import { initializeApp } from 'firebase';
-import { text } from '@angular/core/src/render3/instructions';
-
-/**
- * Generated class for the InfoUserPage page.
- * See https://ionicframework.com/docs/components/#navigation for more info on
- * Ionic pages and navigation.
- */
-
-@IonicPage()
-@Component({
-  selector: 'page-info-user',
-  templateUrl: 'info-user.html',
-})
-export class InfoUserPage {
-  // ========= begin:: Input/Output values ============//
-  @Output() eventClose = new EventEmitter();
-  @Input() member: UserModel;
-  // ========= end:: Input/Output values ============//
-  private subscriptions = [];
-  public conversationWith: string;
-  public lastConnectionDate: string;
-  public decoded: Array<string> = [];
-  
-  constructor(
-    public events: Events,
-    public navCtrl: NavController, 
-    public translate: TranslateService,
-    public navParams: NavParams,
-    public chatPresenceHandler: ChatPresenceHandler
-    ) {
-  }
-
-  ngOnInit() {
-    console.log('ngOnInit: InfoUserPage', this.member);
-    setTimeout(() => {
-      this.initialize();
-    }, 200);
-  }
-
-  initialize(){
-    console.log('PRE decoded:', this.member.decoded, this.member);
-    this.lastOnlineForUser(this.member.uid);
-    this.decoded = this.completeDecoded(this.member.decoded);
-  }
-
-
-  completeDecoded(json){
-    var array = [];
-    for (const e in json) {
-    //for (let e of Object.keys(json)) {
-      var itemValue = this.searchEmailOrUrlInString(json[e]);
-      var item = {key: e, val: itemValue};
-      array.push(item);
-    }
-    return array;
-    //this.events.publish('decodedComplete', array);
-  }
-
-  /** SUBSCRIPTIONS */
-  // setSubscriptions() {
-  //   console.log('InfoUserPage::setSubscriptions');
-  //   this.events.subscribe('decodedComplete', this.returnDecodedComplete);
-  //   this.addSubscription('decodedComplete');
-  // }
-
-  // returnDecodedComplete: any = (array) => {
-  //   // this.decoded = array;
-  //   array.forEach(function(element) {
-  //     if(element){
-  //       let item = this.searchEmailOrUrlInString(element);
-  //       this.decoded.push(item);
-  //     }
-  //   });
-  // }
-
-
-  // completeDecoded(json){
-  //   var array = [];
-  //   for (const e in json) {
-  //   //for (let e of Object.keys(json)) {
-  //     var itemValue = (json[e]);
-  //     var item = {key: e, val: itemValue};
-  //     array.push(item);
-  //   }
-  //   this.events.publish('decodedComplete', array);
-  // }
-
-  searchEmailOrUrlInString(item){
-    item = item.toString();
-    return urlify(item);
-    // if( validateEmail(item) ){
-    //   return "<a href='mailto:"+item+"'>"+item+"</a>";
-    // } else {
-    //   return urlify(item);
-    // } 
-  }
-
-  //jsonToArray(json){
-    // Object.keys(json).forEach(e => {
-    //   var itemValue = json[e].toString();
-    //   if( validateEmail(itemValue) ){
-    //     // verifico se è una email
-    //     itemValue = '<a href="mailto:'+itemValue+'">'+itemValue+'</a>';
-    //   } else {
-    //     // verifico se è un link
-    //     itemValue = urlify(itemValue);
-    //   } 
-    //   var item = {key: e, val: itemValue};
-    //   array.push(item);
-    //   //console.log('key='+key +'item='+item+array);
-    //   //console.log(`key=${e} value=${this.member.decoded[e]}`)
-    // });
-    //return array;
-  //}
-
-  
-  
-
-  
-
-  // urlify(text){
-  //   return convertMessageAndUrlify(text);
-  // }
-
-  lastOnlineForUser(uid){
-    const keySubscription = 'lastConnectionDate-' + uid;
-    this.events.subscribe(keySubscription, this.callbackLastOnlineForUser);
-    let isNewSubscription = this.addSubscription(keySubscription);
-    if( isNewSubscription ){
-      console.log("subscribe::lastConnectionDate");
-      this.chatPresenceHandler.lastOnlineForUser(uid);
-    }
-  }
-
-  callbackLastOnlineForUser:any = (uid, lastConnectionDate) => {
-    console.log("callbackLastOnlineForUser::",lastConnectionDate);
-    this.lastConnectionDate = lastConnectionDate;
-  }
-
-  /** */
-  addSubscription(key){
-    console.log("addSubscription--->",key);
-    if (!isExistInArray(this.subscriptions, key)){
-      console.log("addSubscription: TRUE");
-      this.subscriptions.push(key);
-      return true;
-    } 
-    console.log("addSubscription: FALSE");
-    return false;
-  }
-
-  /**
-   * unsubscribe all subscribe events
-   */
-  unsubscribeAll() {
-    this.subscriptions.forEach((key) => {
-      console.log("unsubscribe:",key);
-      this.events.unsubscribe(key, null);
-    });
-  }
-
-  onCloseInfoPage() {
-    this.eventClose.emit();
-  }
-}

package/src/pages/lista-conversazioni/lista-conversazioni.html

@@ -1,88 +0,0 @@
-<ion-header  no-border>
-  <ion-navbar class="toolbar-md-navbarLightColor">
-    <button ion-button menuToggle>
-      <ion-icon name="menu"></ion-icon>
-    </button>
-    <ion-title>
-      <img src="assets/chat21-logo.svg" alt="{{this.tenant}}">
-      <div *ngIf="numberOpenConv > 0" class="c21-number-open-conv">({{numberOpenConv}})</div>
-    </ion-title>
-    <ion-buttons end>
-
-      <!-- <button *ngIf="!isHostname" ion-button icon-only (click)="openUsersList($event)"> -->
-      <button *ngIf="showButtonNewChat" ion-button icon-only (click)="openUsersList($event)">
-        <ion-icon name="create"></ion-icon>
-      </button>
-
-      <button ion-button icon-only (click)="openArchivedConversationsPage($event)">
-        <ion-icon class="material-icons">history</ion-icon>
-      </button>
-      <button ion-button icon-only (click)="presentPopover($event)">
-        <ion-icon name="more"></ion-icon>
-      </button>
-    </ion-buttons>
-  </ion-navbar>
-</ion-header>
-
-<ion-content class="list-avatar-page">
-  <ion-list>
-    <span *ngIf="conversations.length > 0;then contentConversations else contentMessageWelcome">here is ignored</span>
-    
-    <ng-template #contentConversations>
-      <ion-item no-lines ion-item [class.selected]="conversation.uid === uidConvSelected" *ngFor="let conversation of conversations"
-        (mousedown)="setUidConvSelected(conversation.uid)" (mouseup)="openMessageList()">
-        <ion-avatar item-start>
-          <div #avatarPlaceholder class="avatar-placeholder" [style.background-color]="conversation.color" [innerHTML]="conversation.avatar"></div>
-          <div #avatarImage class="chat21-avatar" [style.background-image]="'url(' + conversation.image + ')'"></div>
-        </ion-avatar>
-        <div class="truncate" [innerHTML]="conversation.conversation_with_fullname"></div>
-        <div>
-          <p [class.not-read]="conversation.is_new" class="truncate" [innerHTML]="convertMessage(conversation.last_message_text)"></p>
-        </div>
-        <ion-note item-end>{{conversation.time_last_message}}</ion-note>
-        <button id="{{ 'close_conversation_button' + conversation.uid }}" class="close-conversation-button" ion-button clear item-end (click)="closeConversation(conversation);$event.stopPropagation();" padding>
-          <ion-icon class="close-conversation-button-icon" style="display:block;" id="{{ 'close_button_icon' + conversation.uid }}" color="close-conversation" name="close" item-end></ion-icon>
-        </button>
-        <div item-end class="c21-point" *ngIf="conversation.is_new">&nbsp;</div>
-      </ion-item>
-    </ng-template>
-
-    <ng-template #contentMessageWelcome>
-      <div [class.active]="loadingIsActive" class="chat21-spinner" id="chat21-spinner">
-        <div class="chat21-bounce1"></div>
-        <div class="chat21-bounce2"></div>
-        <div class="chat21-bounce3"></div>
-        <span>loading</span>
-      </div>
-      <div *ngIf="!loadingIsActive && conversations.length == 0" id="content_message_wellcome">
-        <div class="messaggio">{{ 'LABEL_MSG_PUSH_START_CHAT' | translate }}</div>
-        <!-- <div class="pulsanti">
-          <button ion-button icon-start color="273e53" (click)="openUsersList($event)">
-            {{ 'LABEL_MSG_START_CHAT' | translate }}
-          </button>
-        </div> -->
-      </div>
-    </ng-template>
-
-  </ion-list>
-</ion-content>
-
-
-
-
-<!--<ion-content padding>
-  <ion-searchbar (input)="search($event)"></ion-searchbar>
-  <ion-list>
-    <button ion-item *ngFor="let conversazione of conversations | async" (click)="goToDetails(conversazione)">
-      <ion-avatar item-start>
-        <img src= {{conversazione.image}} alt="user" onError="this.src='assets/img/no_image.svg';">
-      </ion-avatar>
-      <h2>{{conversazione.convers_with_fullname}}</h2>
-      <span *ngIf="conversazione.status == 1;then content else other_content">here is ignored</span>
-      <ng-template #content><p style="font-weight: bold;">{{conversazione.last_message_text}}</p></ng-template>
-      <ng-template #other_content><p>{{conversazione.last_message_text}}</p></ng-template>
-      <ion-note item-end class="date-right">{{getTimeLastMessage(conversazione.timestamp)}}</ion-note>
-   </button>
-  </ion-list>
-
-</ion-content>-->

package/src/pages/lista-conversazioni/lista-conversazioni.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { ListaConversazioniPage } from './lista-conversazioni';
-import { TranslateModule } from '@ngx-translate/core';
-
-@NgModule({
-  declarations: [
-    ListaConversazioniPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(ListaConversazioniPage),
-    TranslateModule.forChild()
-  ],
-  exports: [
-    ListaConversazioniPage
-  ]
-})
-export class ListaConversazioniPageModule {}

package/src/pages/lista-conversazioni/lista-conversazioni.scss

@@ -1,245 +0,0 @@
-page-lista-conversazioni {
-    .not-read {
-        font-weight:bold!important;
-    }
-    .bar-button-default-md,
-    .bar-button-default-ios {
-        color:#424242;
-    }
-    .bar-button-default-ios {
-        color:#424242;
-    }
-    ion-title{
-        img{
-            height: 30px;
-        }
-    }
-    .list-avatar-page {
-        ion-note {
-            font-size: 12px;
-            align-self: flex-start;
-            margin-top: 14px;
-        }
-    }
-    .styleMessageWelcome{
-        display: inline;
-    }
-    #content_message_wellcome{
-        .messaggio{
-            padding: 20px;
-            font-size: 1.2em;
-            color: #273e53;
-            text-align: center;
-        }
-        .pulsanti{
-            text-align: center;
-        }
-    }
-    .build_version{
-        position: absolute;
-        font-size: xx-small;
-        line-height: 0;
-        vertical-align: baseline;
-        left: 20px;
-        bottom: 0px;
-    }
-    
-    
-
-    // .list-md .item.item-block.item-md,
-    // .list-ios .item.item-block.item-ios {
-    //     border-bottom: rgba(169, 169, 169, 0.1);
-    //     border-bottom-width: thin;
-    //     border-bottom-style: solid!important;
-    // }
-    .list{
-        margin: 0 0 16px;
-        .item.item-block {
-            cursor: pointer;
-            border-bottom: rgba(169, 169, 169, 0.1);
-            border-bottom-width: thin;
-            border-bottom-style: solid!important;
-
-
-            display: flex;
-            align-items: center;
-            margin: 0px;
-            padding: 8px 12px;
-            background-color: #ffffff;
-            
-            ion-avatar{
-                position: relative;
-                padding:0;
-                margin:0;
-                height: 54px;
-                width: 54px;
-                line-height: 54px;
-                .avatar-placeholder{
-                    position: absolute;
-                    top:0;
-                    left:0;
-                    width: 100%;
-                    height: 100%;
-                    border-radius: 50%;
-                    text-align: center;
-                    font-size: 20px;
-                    color:#ffffff;
-                    font-weight: 500;
-                }
-                .chat21-avatar{
-                    position: relative;
-                    display: inline-block;
-                    width: 100%;
-                    height: 100%;
-                    border-radius: 50%;
-                    border-color: #c3c3c3;
-                    border-style: solid;
-                    border-width: 0px;
-                    background-color: transparent;
-                }
-                // img {
-                //     background-color: #eeeeee;
-                //     display: inline-block;
-                //     width: 100%;
-                //     height: 100%;
-                //     border-radius: 50%;
-                //     border-color: #c3c3c3;
-                //     border-style: solid;
-                //     border-width: 1px;
-                // }
-            }
-            .label {
-                &.label-md,
-                &.label-ios {
-                    margin: 0;
-                }
-                max-width: calc( 100% - 25px);
-                h2 {
-                    color: #222;
-                    font-weight: 700;
-                    white-space: nowrap;
-                    margin: 0px 0 0 0;
-                    font-size: 1.6rem;
-                }
-                p {
-                    color: grey;
-                    white-space: nowrap;
-                    font-size: 1.4rem;
-                }
-            }
-
-            .item-inner{
-                padding: 0 0px 0 10px;
-                margin: 0;
-                width: auto;
-                .input-wrapper{
-                    width: auto;
-                    margin: 0px;
-                    padding: 0px;
-                    position: relative;
-                }
-                .note{
-                    font-size: 10px;
-                    color: #b3b3b3;
-                    position: absolute;
-                    right: 0;
-                    margin: 0px 10px 0 0;
-                    text-align: right;
-                    padding: 0;
-                    width: auto;
-                }
-
-               .close-conversation-button {
-                    padding: 0px 0px;
-                    margin: 0;
-                    height: 24px;
-                    font-size: 24px;
-                    // font-size: x-large;
-                    ion-icon {
-                        padding:0;
-                        margin: 0px 0 0 0;
-                    }
-                    &.button-ios{
-                        // font-size: xx-large;
-                        font-size: 36px;
-                    }
-                }
-                
-            }
-        }
-
-        .item-block.selected{
-            background-color: #f2f2f2;
-            border-bottom: rgba(255, 255, 255, 0.1);
-            border-bottom-width: thin;
-            border-bottom-style: solid!important;
-            .label{
-                h2{
-                    color: #222;
-                }
-                p{
-                    color:grey;
-                }
-            }
-        }
-    }
-
-    // .date-right{
-    //     text-align: right;
-    //     color: #333333;
-    //     align-self: flex-start;
-    //     padding: 6px;
-    // }
-    
-    
-    
-    .close-conversation-button-icon::before{
-        font-size: 12px;
-        padding: 0;
-        margin: 0;
-        height: 24px;
-        width: 24px;
-    }
-
-    .c21-point {
-        width: 10px;
-        height: 10px;
-        border-radius: 50%;
-        line-height: 10px;
-        background-color: #0b5c89;
-        float: left;
-        margin: 3px 5px 0px 0px;
-
-        position: absolute;
-        right: 8px;
-        bottom: 2px;
-    }
-
-    .c21-number-open-conv {
-        display: inline-flex;
-        font-size: 12px;
-        line-height: 14px;
-        height: 14px;
-        margin: auto;
-        padding: 0px 4px;
-        vertical-align: super;
-        color: #666666;
-    }
-
-
-    .icon{
-        &.ion-md-create,
-        &.material-icons,
-        &.ion-md-more {
-            padding: 0;
-            min-width: 20px;
-            font-size: 20px;
-            line-height: 1;
-            pointer-events: none;
-            color: #666666;
-        }  
-    }
-
-    
-
-}