@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/pages/info-message/info-message.html

@@ -1,74 +0,0 @@
-<ion-header no-border>
-  <ion-navbar color="navbarLightColor">
-    
-    <ion-buttons class="c21-buttons">
-        <div class="c21-label-header c21-left">{{ 'LABEL_INFO_MESSAGE' | translate }}</div>
-        <button class="c21-button-header c21-right" ion-button icon-only (click)="onCloseInfoPage()">
-          <ion-icon name="close"></ion-icon>
-        </button>
-        <!-- <button id="btn-panel-info2"   disabled ion-button>{{'Info'}}</button> -->
-    </ion-buttons>
-    <div class="clear"></div>
-
-  </ion-navbar>
-
-</ion-header>
-
-<ion-content>
-   
-<div class="chat21-right-box">
-  <div class="chat21-box-message">
-    <div class="chat21-content info-message-content">
-        <ion-item *ngIf="message" class="itemMessage" text-wrap>
-            <span *ngIf="isSender(message); then contentMine else contentOther"></span>
-            <ng-template #contentMine>
-              <div class="message message-mine" >
-                <img *ngIf="message.type == 'image';"  class="message-content message-content-image" [src]="message.metadata.src"  [width]="getSizeImg(message).width" [height]="getSizeImg(message).height" />
-                <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';" class="message-content message-content-text" [innerHTML]="message.text | linky"></div>
-                <div [class.image]="message.type == 'image'" class="message-timestamp">{{message.timestamp | date: 'H:mm'}}</div>
-              </div>
-            </ng-template>
-            <ng-template #contentOther>
-              <div *ngIf="channel_type=='group'" class="message_sender_fullname">{{message.sender_fullname}}</div>
-              <div class="message message-other" >
-                <img *ngIf="message.type == 'image';" class="message-content message-content-image" [src]="message.metadata.src" [width]="getSizeImg(message).width" [height]="getSizeImg(message).height" />
-                <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';" class="message-content message-content-text" [innerHTML]="message.text | linky"></div>
-                <span [class.image]="message.type == 'image'" class="message-timestamp">{{message.timestamp | date: 'H:mm'}}</span>
-              </div>
-            </ng-template>
-          </ion-item>
-    </div>
-  </div>
-  
-  <ion-card>
-    <div class="chat21-box-info chat21-box">
-      <!-- <div class="chat21-header">{{ 'LABEL_INFO_MESSAGE' | translate }}</div> -->
-      <div class="chat21-content">
-        <div class="chat21-row">
-          <span class="c21-key-label">{{ 'LABEL_SENT_THE' | translate }}: </span>
-          <span *ngIf="message" class="c21-content-label" >{{message.timestamp | date: 'dd/MM/yyyy H:mm'}}</span>
-        </div>
-        <div class="chat21-row">
-          <span class="c21-key-label">{{ 'LABEL_SENT_BY' | translate }}: </span>
-          <span *ngIf="message" class="c21-content-label" >{{message.sender_fullname}}</span>
-        </div>
-        <div class="chat21-row">
-          <span class="c21-key-label">{{ 'LABEL_STATUS_MESSAGE' | translate }}: </span>
-          <span *ngIf="message" class="c21-content-label" >{{message.status}}</span>
-        </div>
-      </div>
-    </div>
-  </ion-card>
-
-    <!-- <div *ngIf="attributesClient != true" class="chat21-box-attributes chat21-box">
-        <div class="chat21-header break-line">{{ 'LABEL_READ_BY' | translate }}</div>
-        <div class="chat21-content"></div>
-        <div class="break-line"></div>
-    </div> -->
-
-</div>
-</ion-content>
-
-  

package/src/pages/info-message/info-message.module.ts

@@ -1,13 +0,0 @@
-// import { NgModule } from '@angular/core';
-// import { IonicPageModule } from 'ionic-angular';
-// import { InfoMessagePage } from './info-message';
-
-// @NgModule({
-//   declarations: [
-//     InfoMessagePage,
-//   ],
-//   imports: [
-//     IonicPageModule.forChild(InfoMessagePage),
-//   ],
-// })
-// export class InfoMessagePageModule {}

package/src/pages/info-message/info-message.scss

@@ -1,216 +0,0 @@
-page-info-message {
-    font-size: 10px;
-    ion-content {
-        background: #ffffff!important;
-    }
-    .c21-buttons {
-        padding: 0;
-        width: 100%;
-        display: inline-block;
-    }
-    .c21-label-header {
-        line-height: 32px;
-        font-size: 1.5em;
-        font-weight: 500;
-        color: map-get($colors, c21-dark);
-        padding: 0 10px;
-    }
-    .c21-button-header{
-        color: map-get($colors, c21-gray);
-    } 
-
-
-    .chat21-right-box{
-        height: auto;
-    }
-    .chat21-box-message{
-        background-color: white;
-    }
-    .chat21-box {
-        font-size: 10px;
-        font-weight: 400;
-    }
-    .chat21-header {
-        font-size: 1.4em;
-    }
-    .c21-key-label{
-        color:map-get($colors, c21-gray);
-        font-size: 1.1em;
-    }
-    .c21-content-label{
-        color:map-get($colors, c21-dark);
-        font-size: 1.1em;
-    }
-    .scroll-content{
-        margin-top: 56px;
-    }
-    .card-md {
-        width: 100%;
-        margin: 0 0 10px 0;
-        border-radius: 0px;
-        border-top: 0.1px solid rgba(0,0,0,0.2);
-        -webkit-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0);
-        -moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0);
-        box-shadow: 0px 3px 3px -2px rgba(0,0,0,0);
-    }
-
-    /*********/
-    .item-inner{
-        border-bottom: 0px solid #dedede!important;
-    }
-
-    .itemMessage{
-        padding: 0px;
-    }
-
-    .info-message-content{
-        padding-top: 10px;
-        padding-bottom: 10px;
-    }
-
-    .chat21-box-message {
-        // background-image: url('../assets/chat21-ionic-pattern-2.svg');
-        // background-position: center center;
-        // background-repeat: no-repeat;
-        // background-size: cover;
-        // background-color: #ffffff;
-    }
-
-    .chat21-right-box {
-        // background-color: #ffffff;
-        height: calc(100% - 60px);
-    }
-
-    .chat21-box {
-        min-height: 40px;
-    }
-    .chat21-content {
-        // height: auto;
-        padding-top: 10px;
-    }
-
-    .chat21-content .lighter{
-        font-weight: lighter;
-    }
-    .chat21-image {
-        width: 100%;
-        height: 100%;
-        text-align: center;
-    }
-
-    .chat21-image > img {
-        clip-path: circle(100px at center);
-        width: 200px;
-        height: 200px;
-        margin-top: 10px;
-        margin-left: calc((100% - 200px)/2);
-        border: 0;
-    }
-
-    .message-mine.message-content-image {
-        float: right;
-    }
-    .message-other.message-content-image {
-        float: left;
-    }
-
-    .chat21-info {
-        margin: 0px 10px 4px 10px;
-    }
-    .chat21-content .chat21-name {
-        font-size: 1.2em;
-        color: #333333;
-        font-weight: normal;
-    }
-    .chat21-content .chat21-status {
-        font-size: 1.2em;
-        color: #999999;
-        font-weight: normal;
-    }
-    .chat21-info span {
-        display: block;
-    }
-    .chat21-conf .icon_modify{
-        position: relative;
-        color: #424242;
-        font-size: 1em;
-        padding: 0px;
-        box-shadow: none;
-        background-color: transparent;
-        margin: 0px;
-        top: 10px;
-    }
-
-    .chat21-uid {
-        font-size: 1em;
-        color: #666666;
-        font-weight: normal;
-        padding: 0px 10px 10px 10px;
-    }
-    .chat21-uid span {
-        display: block;
-    }
-    .chat21-uid .email {
-        font-size: 1.2em;
-        color: #333333;
-        font-weight: normal;
-    }
-    
-
-    .chat21-conf {
-        // background-color: red;
-        // width: 20px;
-        height: 100%;
-        float: right;
-    }
-
-    .chat21-box .chat21-header {
-        padding: 10px 10px 10px 10px;
-        color: #777777;
-    }
-
-    .chat21-box .chat21-row {
-        font-size: 1.2em;
-        color: #333333;
-        font-weight: normal;
-        padding: 0px 10px 10px 10px;
-    }
-
-
-    .break-line {
-        border-bottom-style: inset;
-        border-color: rgba(0, 0, 0, .15);
-        border-bottom-width: thin;
-    }
-    
-    .speaker-detail img {
-        width: 50px;
-        height: 50px;
-        border-radius: 50%;
-        margin-left: auto;
-        margin-right: auto;
-    }
-    .speaker-detail p {
-        color: #60646B;
-    }
-    
-    .uid-contact{
-        color: #424242;
-        user-select: text;
-        font-size: 1em;
-        // text-align: center;
-        margin-top: 0px;
-    }
-    .fullname{
-        font-size: 1em;
-    }
-    .email{
-        font-size: 1em;
-    }
-
-    .clip-circle {
-        clip-path: circle(60px at center);
-        /* OLD VALUE example: circle(245px, 140px, 50px); */
-        /* Yep, even the new clip-path has deprecated stuff. */
-    }
-}

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

@@ -1,89 +0,0 @@
-import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';
-import { Events, NavParams } from 'ionic-angular';
-import { MessageModel } from '../../models/message';
-
-import { ChatConversationHandler } from '../../providers/chat-conversation-handler';
-import { ChatManager } from '../../providers/chat-manager/chat-manager';
-
-import { searchIndexInArrayForUid, getSizeImg } from '../../utils/utils';
-
-/**
- * Generated class for the InfoMessagePage page.
- *
- * See https://ionicframework.com/docs/components/#navigation for more info on
- * Ionic pages and navigation.
- */
-
-@Component({
-  selector: 'page-info-message',
-  templateUrl: 'info-message.html',
-})
-export class InfoMessagePage {
-  // ========= begin:: Input/Output values ============//
-  @Input() message: any;
-  @Output() eventClose = new EventEmitter();
-  // ========= end:: Input/Output values ============//
-  // public message: MessageModel;
-
-  constructor(
-    public events: Events,
-    public navParams: NavParams,
-    public conversationHandler: ChatConversationHandler,
-    public chatManager: ChatManager
-  ) {
-    this.initialize();
-  }
-
-  ionViewDidLoad() {
-    console.log('ionViewDidLoad InfoMessagePage');
-  }
-
-  initialize() {
-    console.log('initialize InfoMessagePage');
-    // this.events.subscribe('openInfoMessage', this.openInfoMessage);
-    // this.events.subscribe('closeInfoMessage', this.openInfoMessage);
-  }
-
-  // openInfoMessage: any = (message) => {
-  //   this.message = message;
-  //   console.log('**************** OPEN MESSAGE **************', message);
-  // }
-
-
-  //// START FUNZIONI RICHIAMATE DA HTML ////
-  /**
-   * Check if the user is the sender of the message.
-   * @param message 
-   */
-  isSender(message) {
-    const currentUser = this.chatManager.getLoggedUser();
-    return this.conversationHandler.isSender(message, currentUser);
-  }
-
-  getSizeImg(message): any {
-    return getSizeImg(message, 280);
-  }
-
-  //// START FUNZIONI RICHIAMATE DA HTML ////
-  /** 
-   * chiude il box di dx del info messaggio
-  */
- onCloseInfoPage(){
-   console.log('onCloseInfoPage');
-  this.eventClose.emit();
-  // if(this.openInfoMessage){
-  //   this.openInfoMessage = false;
-  // } else {
-  //   this.onOpenCloseInfoConversation();
-  // }
-}
-  // setUrlString(text, name): any {
-  //   return name;
-  //   // if(text) {
-  //   //   return setUrlString(text, name);
-  //   // } else {
-  //   //   return name;
-  //   // }
-  // }
-
-}

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

@@ -1,89 +0,0 @@
-<!--
-  Generated template for the InfoUserPage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-
-
-<ion-header no-border>
-  <ion-navbar color="navbarLightColor">
-      <ion-buttons class="c21-buttons">
-          <button class="c21-button-header c21-left" ion-button icon-only (click)="onCloseInfoPage()">
-              <!-- <ion-icon name="arrow-round-back"></ion-icon> -->
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg>
-          </button>
-          <div class="c21-label-header c21-left">{{ 'LABEL_INFO_USER' | translate }}</div>
-      </ion-buttons>
-      <div class="clear"></div>
-  </ion-navbar>
-</ion-header>
-
-<ion-content>
-    <div *ngIf="member">
-        <ion-card class="first-card">
-            <div class="chat21-box-profile chat21-box">
-                <div class="chat21-content">
-                    
-                    <div class="chat21-image">
-                        <ion-avatar item-start>
-                            <div #avatarPlaceholder class="avatar-placeholder" [style.background-color]="member.color" [innerHTML]="member.avatar"></div>
-                            <div #avatarImage class="chat21-avatar" [style.background-image]="'url(' + member.imageurl + ')'"></div>
-                        </ion-avatar>
-                    </div>
-
-                    <div class="chat21-info">
-
-                        <div class="chat21-name">
-                            <span class="c21-point" [ngStyle]="{ 'background-color':(member.online)?'#24d066':'#db4437' }">&nbsp;</span>
-                            <span *ngIf="member.fullname" class="">{{member.fullname}}</span>
-                            <span *ngIf="!member.fullname && member.decoded.name" class="">{{member.decoded.name}}</span>
-                        </div>
-
-                        <div class="chat21-status">
-                          <span *ngIf="member.online" class="c21-label-connection">{{ 'LABEL_ACTIVE_NOW' | translate }}</span>
-                          <span *ngIf="!member.online" class="c21-label-connection">{{lastConnectionDate}}</span>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
-        </ion-card>
-
-        <ion-card>
-                
-            <div class="chat21-box-info chat21-box">
-                <div class="chat21-header">{{ 'LABEL_INFO' | translate }}</div>
-                <div class="chat21-content">
-
-                    <div class="c21-row">
-                        <div class="c21-label">uid </div>
-                        <div class="c21-uid">{{member.uid}}</div>
-                    </div>
-                   
-                    <div *ngIf="member.decoded">
-                        <div *ngFor="let item of decoded" class="c21-row">
-                            <div class="c21-label">{{item.key}}</div>
-                            <div *ngIf="item.key == 'iat'">
-                                <span>{{item.val | date:'dd/MM/yyyy HH:mm:ss'}}</span>
-                            </div>
-                            <div *ngIf="item.key != 'iat'" >
-                                <div class="c21-value" [innerHTML]="item.val"></div>
-                            </div>                            
-                        </div> 
-                    </div> 
-                    
-                    <!-- <div class="chat21-conf">
-                        <button *ngIf="profileYourself" class="icon_modify" icon-only (click)="presentPopover($event)">
-                            <ion-icon name="create"></ion-icon>
-                        </button>
-                    </div> -->
-                    
-                </div>
-            </div>
-    
-        </ion-card>
-
-      </div>
-
-</ion-content>

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

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { InfoUserPage } from './info-user';
-
-@NgModule({
-  declarations: [
-    InfoUserPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(InfoUserPage),
-  ],
-})
-export class InfoUserPageModule {}

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

@@ -1,187 +0,0 @@
-page-info-user {
-    font-size: 10px;
-    .c21-buttons {
-        margin: 0 2px;
-    }
-    .c21-button-header {
-        svg {
-            fill: map-get($colors, c21-gray);
-        }
-    }
-    ion-header {
-        .c21-label-header {
-            line-height: 32px;
-            font-size: 1.5em;
-            font-weight: 500;
-            color: map-get($colors, c21-dark);
-            padding: 0 10px;
-        }
-    }
-
-    
-    ion-content {
-        background: #ffffff!important;
-        .first-card{
-            min-height: 105px;
-            height: auto;
-        }
-        .card {
-            width: 100%;
-            padding: 10px 20px;
-            margin: 1px 0 1px 0;
-            border-radius: 0;
-            box-shadow: none;
-        }
-        .scroll-content {
-            margin-top: 56px;
-        }
-
-        .chat21-content{
-            position: relative;
-            font-size: 12px;
-            line-height: 20px;
-        }
-        .chat21-image{
-            position: absolute;
-            img {
-                display: inline-block;
-                width: 70px;
-                height: 70px;
-            }
-        }
-        .chat21-info{
-            position: absolute;
-            left: 80px;
-            right: 0px;
-            display: block;
-            // align-items: center;
-            height: 70px;
-            
-            .chat21-name{
-                display: block;
-                margin-top: 10px;
-                font-size: 16px;
-                font-weight: 500;
-                color: map-get($colors, c21-dark);
-            }
-            .chat21-conf{
-                display: block;
-            }
-            .chat21-uid{
-                display: block;
-            }
-        }
-        .c21-row {
-            margin-bottom: 10px;
-        }
-        
-
-
-    }
-
-    .chat21-image {
-        width: auto;
-        height: 100%;
-        text-align: center;
-        float: left;
-        img {
-            clip-path: circle(100px at center);
-            width: 200px;
-            height: 200px;
-            margin-top: 10px;
-            margin-left: calc((100% - 200px)/2);
-            border: 0;
-        }
-        ion-avatar{
-            position: relative;
-            padding: 0;
-            margin: 0;
-            height: 72px;
-            width: 72px;
-            line-height: 72px;
-            .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;
-                line-height: 72px;
-                font-size: 30px;
-            }
-            .chat21-avatar{
-                position: relative;
-                display: inline-block;
-                height: 72px;
-                width: 72px;
-                line-height: 72px;
-                border-radius: 50%;
-                border-color: #c3c3c3;
-                border-style: solid;
-                border-width: 0px;
-                // background-color: transparent;
-            }
-        }
-    }
-
-    .chat21-status {
-        color: map-get($colors, c21-gray);
-        font-weight: normal;
-        font-size: 12px;
-        font-weight: 500;
-        margin: 5px 0px 0px 0px;
-    }
-    .c21-point {
-        width: 10px;
-        height: 10px;
-        margin: 0px 5px 0 0;
-        border-radius: 50%;
-        display: inline-block;
-        line-height: 10px;
-    }
-    .c21-label-connection{
-        display: inline-block;
-        /* width: calc(100% - 30px); */
-        width: 100%;
-        margin: 0px 10px 0px 0px;
-        vertical-align: top;
-    }
-
-    .chat21-box {
-        min-height: 40px;
-        min-height: 100%;
-        padding: 0px 0px;
-        color: map-get($colors, c21-dark);
-
-        .c21-label {
-            color: map-get($colors, c21-gray);
-            font-weight: 500;
-            line-height: normal;
-        }
-        .chat21-header {
-            padding: 10px 0px 5px 0px;
-            color: map-get($colors, c21-dark);
-            font-size: 16px;
-            font-weight: 500;
-        }
-        &.chat21-box-info{
-            padding: 0px 0px 10px 0px;
-        }
-
-        &.chat21-box-button {
-            .c21-button{
-                margin: 0;
-                padding: 0;
-                font-weight: 500;
-            }
-            
-        }
-    }
-
-        
-   
-}